HTML’den WordPress Dönüşümüne Profesyonel Gibi
İlk web başladığında, web sitesi çok aptalca. Yani, lüks efektler ve çok az etkileşim olmadan statik HTML metni ve kodundan başka bir şey değildir. Yirmi yıl sonra, web sitesi karmaşık programlamaya dayanır ve inşa edilmesi haftalar sürebilir. Özelliklerle dolu, çok etkileşimli, daha duyarlı, daha yakışıklı vb. Bugün, kendi kodunuzu yazmak yerine, web sitenizin arkasında kendi kodunuzu işleyen bir içerik yönetim sistemi kullanabilirsiniz. Tek yapmanız gereken temayı seçmek ve göndermeye başlamaktır. WordPress, şimdi dünyanın dört bir yanındaki milyonlarca insan tarafından kullanılan bu CM’lerden biridir. WordPress’in en iyi kısmı çok esnek bir platformdur. Kodlama bilgisini kullanmak için gerektirmez ve onunla en duyarlı ve şaşırtıcı web sitesini oluşturabilirsiniz.
1990’lardan beri hiç artmayan bir web siteniz varsa, ekibimiz tarafından WPDatatables üzerindeki bu makale, modern web teknolojisinin avantajlarından da yararlanabilmeniz için HTML’yi WordPress’e dönüştürmenize yardımcı olacaktır. Daha fazlasını öğrenmek için okumaya devam edin. Neden HTML’yi WordPress’e dönüştürmeniz gerekiyor? Birinin HTML’yi WordPress’e dönüştürmesinin nedenleri oldukça çeşitlidir. İşte en önemli seçenekler:
WordPress’e dönüştürmek, web sitenizin her detayı üzerinde tam kontrol sağlar. Sitenizin kısmını ne zaman beğenmediğinizde, dileklerinize göre kolayca değiştirebilirsiniz.
WordPress sitesine, statik HTML sitelerine kıyasla erişilmesi, yönetilmesi ve bakımı yapılması çok daha kolaydır. Bu, HTML’yi WordPress’e taşımak için çok önemli bir nedendir. HTML şablon stilinizi WordPress’e dönüştürerek, CMS kullanan başkalarının sahip olmadığı benzersiz bir tema alacaksınız.
WordPress, arama motoru optimizasyonuna yardımcı olur ve web sitenizin daha fazla kişi tarafından keşfedilmesini sağlar.
Bir web sitesi geliştiricisi olarak, WordPress zaman alması gerekmeyen etkinliklerin çoğunu ele alacağı için çalışmanız yarı yarıya azalacaktır.
Statik HTML’den WordPress’e geçiş: Mevcut yöntem HTML’yi WordPress’e dönüştürmenin tüm nedenlerine sahip olduktan sonra, bunu nasıl yapacağınızı öğrenmeye devam edebilirsiniz.
Aralarından seçim yapabileceğiniz iki yöntem vardır: her şeyi baştan beri kendiniz yapmayı içeren manuel yöntem; Ve temel WordPress temalarının kullanımını içeren ve ihtiyaçlarınıza göre ayarlayan çocuğun tema yöntemi. Bir yöntem seçmek, kodlama deneyiminize, bu göreve ne kadar yatırım yapmak istediğinize ve kendi tercihlerinize bağlıdır. Bu yöntemlerin her biri, HTML’yi WordPress’e nasıl dönüştüreceğinizi öğreneceğiniz aşağıdaki bölümde sunulacaktır. Manuel Yöntem 1. Yeni bir tema klasörü oluşturun Masaüstünüzde tema dosyanızın kaydedileceği yeni bir klasör oluşturun. Bu klasörü adlandırdığınız her şeyi adlandırın (temanın adını temsil edecektir). Bu dosyaları seçtiğiniz kodun editöründe oluşturun ve açık bırakın:
Style.css
İndex.php
header.php
Sidebar.php
Footer.php
2. Mevcut CSS kodunu yeni stil sayfanıza kopyalayın Bir dosya oluşturduktan sonra CSS kodunuzu kopyalamaya devam edebilirsiniz. Sitelerini ikiye katlamak ve WordPress’e taşımak isteyenler, CSS kodunu önceki sitelerinden dışa aktarmalı ve içe aktarmalıdır. CSS, site ekranından sorumludur, bu nedenle aşağıdaki kod satırını ekleyerek style.css dosyasını düzenleyin: /*Temanın Adı: Tema adınızla değiştirin.
URI teması: uri temanız
Açıklama: Kısa bir açıklama.
Sürüm: 1.0
Yazar: Sen
Yazar URI: Web sitesi adresiniz.
*/ Kendi bilgilerinizle gerekli bilgileri değiştirin, kalan CSS satırlarını ekleyin ve hazırsınız. Dosyaları kaydetmeyi unutmayın. Artık style.css’i kapatmakta özgürsünüz.
3. Mevcut HTML kodunuzu alın
Dizin.html dosyasını açın ve belgenin başlangıcından tüm içeriği div sınıf etiketine = “ana” olarak vurgulayın. Bu bölümün 1. Adımda oluşturduğunuz header.php dosyasına eklenmesi gerekir. Dizin.html dosyasına dönün ve sınıf öğesindeki her şeyi vurgulayın = “kenar çubuğu”. İçeriği kopyalayın ve oluşturduğunuz sidebar.php dosyasına yapıştırın. Kenar çubuğu öğesinden sonraki tüm içeriklerle altbilgi için de aynısını yapın. INdex.php dosyası için, kalan tüm içeriği vurguladıktan sonra seçin ve yeni bir dosyaya yapıştırın, kaydedin ve bir sonraki adım için açık bırakın.
4. index.php dosyasını düzenleyin
Dosyalar tamamlanmadı çünkü blog yayınınızı veya web sitesi makalenizi doğru bir şekilde görüntülemek için WordPress tarafından ihtiyaç duyulan bazı PHP kodlarını temsil eden bir döngü yazısı oluşturmanız gerekiyor. İçerik dosyası bölümüne aşağıdaki kod satırını ekleyin:
<a href=" “rel =” Bookmark “title =” PHP the_title_attribute ();?>
Bittiğinde dosyayı kaydedin, kapatın ve bir sonraki adıma devam edin.
5. Yeni temanızı yükleyin
Tema klasörünüz hazır olduktan sonra, sitenize yüklemeniz ve WordPress’e HTML dönüştürmeyi tamamlamanız gerekir. Bunu yapmak için, WordPress’i yüklediğiniz klasöre gidin ve yeni yaptığınız klasörü/wp-concent/themes/içine yerleştirin. Temanın adının listede olup olmadığını görmek için WP yönetici sayfanızı, görünümünüzü ve ardından temayı açın. Evet ise, her şeyi doğru yaptınız ve etkinleştirebilirsiniz. Değilse, HTML’yi WordPress’e nasıl dönüştüreceğinizle ilgili tüm adımları dikkatlice okuyun. Traversy Media’dan görmeniz gereken yararlı bir video kılavuzu da var:
WordPress Çocuk Temasını Kullanma Önceki adımda belirtilen adımlar seviyeniz için çok karmaşık görünüyorsa, bu kodlama alanında daha az bilgi gerektiren bir yöntemdir. Yönetmek daha kolay ve daha az zaman alacak. HTML’yi WordPress’e daha hızlı dönüştürmek için mevcut temalardan çocukların temasını kullanabilirsiniz. Çocuğun teması, ikinci tema, ana tema üzerine inşa edildiği için adlandırılmıştır. 1. Temaları seçin
Her şeyden önce, HTML tasarımınız için uygun temayı seçin. Mevcut web sitenize benzer çocuk temalarını arayın. Sahip olduğu yapıyı arayın, bu yüzden kodlama hakkında çok fazla kazmanıza gerek yok.
Çok temel bir kod satırına bağlı oldukları için yeni başlayan bir tema seçmelisiniz. 2. Yeni bir tema klasörü oluşturun Önceki durumdaki gibi, yeni bir tema klasörü oluşturmanız gerekir. Tek fark, klasörü çocuğunuzun temasının temeli olan ana tema ile aynı şekilde adlandırmanız ve ona “-child” ekini eklemenizdir. Örneğin, temanız Twenty Nine olarak adlandırılırsa, “Twentynine-Child” klasörü olarak adlandırılırsınız. Adına boşluk eklemediğinizden emin olun. 3. Bir sonraki yeni stil sayfasını hazırlayın, klasörde bir style.css dosyası oluşturun ve aşağıdaki kod satırını ekleyin:/*
URI teması: http://example.com/twyty-nineen-hild/
Yazar: John Doe
URI Yazar: http://example.com
Şablon: Yirmi Ondokuz
Sürüm: 1.0.0
Lisans: GNU V2 Genel Kamu Lisansı veya Yeni
URI lisanslama: http://www.gnu.org/licenses/gpl-2.0.html
Etiketler: parlak, karanlık, iki sütun, sağ yan bıçaklar, duyarlı düzen, erişilebilirlik için hazır
Metin Alanı: Yirmi -Bekar Çocuk
*/ Bunun bir örnek olduğunu unutmayın. Bilgiyi kendinizle değiştirmelisiniz. Dosyayı tamamladıktan sonra kaydedin.
4. Dosya işlevi oluşturun. Ancak, web sitesinin daha iyi görünmesini ve işlevini daha iyi hale getirmek için, ana temanın işlevini ve stilini kullanmalısınız. Bunun için bir function.php dosyası oluşturmanız gerekir. Bu kod satırını kullanın ve dosyayı kaydedin: /*
Temanın Adı: Yirmi -2nindeen çocuk
URI teması: http://example.com/twyty-nineen-hild/
Açıklama: Yirmi -2 yıl çocuk teması
Yazar: John Doe
URI Yazar: http: //example.comtemlat: yirmi on dokuz
Sürüm: 1.0.0
Lisans: GNU V2 Genel Kamu Lisansı veya Yeni
URI lisanslama: http://www.gnu.org/licenses/gpl-2.0.html
Etiketler: parlak, karanlık, iki sütun, sağ yan bıçaklar, duyarlı düzen, erişilebilirlik için hazır
Metin Alanı: Yirmi -Bekar Çocuk
*/ 5. Son çocuk temasını etkinleştirin, temayı etkinleştirmeniz gerekir. Zip klasörü ve görünüm menüsüne giderek WordPress’e ekleyin, ardından “Yeni Ekle” yi tıklayın. Zip dosyasını oraya yükleyin. Başka bir seçenek de klasörü WP-Concent/TEMAS’larda sürüklemektir. Kapanışta HTML’yi WordPress’e dönüştürmek için sabrına ihtiyacınız var, ancak sorunla orantılı olmalı. Süreç dikkatinizi gerektirse de, tüm bakış açılarından yönetmek için çok daha rahat olan gerçekten benzersiz bir site alacaksınız. Bu makalede sunulan adımları dikkatle takip ederseniz, hiçbir şey yanlış değildir, bu yüzden endişelenmeyin! Ancak, sorun yaşıyorsanız, WordPress Topluluk Destek Forumu’nu kontrol etmekten çekinmeyin. Orada size yardımcı olmaktan mutluluk duyan birçok kullanıcı var. HTML’yi WordPress’e dönüştürmekle ilgili bu makaleyi okumak isterseniz, WordPress geliştirici maaşları hakkındaki bu makaleyi okumalısınız. Ayrıca En İyi Kod Düzenleyicisi, WordPress Training, JavaScript Kütüphanesi ve Braketler gibi ilgili konular hakkında da yazıyoruz.
