HTML sitesini WordPress sitesine dönüştürme

Bu çoğunlukla WordPress gibi açık kaynaklı projeler sayesinde. Bu, son on yıldır, çevrimiçi yayıncılığı (ve süreçte daha fazlasını) demokratikleştirmek için temel görevinde başarılı olmuştur, böylece WordPress’i ve sofistike tasarımlara ve işlevselliğe sahip modern bir web sitesine sahip olabilecek tema/eklenti yükleyen herkes. Kodlama yok – hatta html! – Gerekli.
Bu yüzden benim gibi gayretli WordPress kullanıcıları için, 2018’de bir kişinin temalar ve eklentilerle WordPress web sitesi yerine statik bir HTML web sitesi işletebileceğine inanmak neredeyse zor. Ama gerçekte hala çok sayıda aktif HTML sitesi var. (Veya küçük bir CSS ile HTML.) Gerçekten de, bu sitenin sahibinin iyileştirmemek veya dönüştürmemek için iyi bir nedeni olabilir. Belki site içeriği hiç değişmedi ve zaten kullanılabilecek biçim ve basit tasarım? Ya da WordPress sitesini güncelleme konusunda endişelenmek yerine belki çok zahmetli değil mi? Her ikisi de yasal nedenlerdir (diğerleri arasında). “Hasar görmeyen şeyi düzeltmeyin.”
Ancak, bunun bazılarının (belki de birçok) bir sıçrama yapmadığının ana nedeni olmayabileceğini hissediyorum. Daha net olan, HTML sitelerini WordPress sitelerine nasıl dönüştüreceklerini bilmiyorlar. Özellikle içeriği kaybetmeden veya sayfada sayfada aşırı biçimlendirmeye ihtiyaç duymadan. Neyse ki, WordPress’e sık sık olduğu gibi, bu sorunu çözmenin birkaç yolu vardır. Aşağıda birkaç seçenek derledim. YouTube kanalımıza statik HTML sitelerini WordPress sitelerine dönüştürme seçeneğinizi, statik HTML sitenizi bir WordPress sitenize nasıl değiştirmeyi seçtiğinizi şüphesiz kişisel tercihlerinize, istenen zaman/para yatırımına ve uzmanlık seviyesine bağlı olacaktır. kod ile. Hangisinin sizin için en iyisi olduğuna karar veren kişi olmalısınız, ancak aşağıdaki özetle, özel durumunuz için bu yazıdaki en alakalı bilgilere hızlı ve hemen karar verebilmelisiniz.
Üç ana seçenek vardır: 1. Mevcut statik HTML sitenize göre manuel olarak bir WordPress teması oluşturun. Bu, kodunuzu girmenizi gerektirecektir. Mevcut site dizininize FTP üzerinden erişmeli ve mevcut kodu bir başlangıç ​​noktası olarak kullanmalısınız. Oradan WordPress teması için gerekli bir dosya oluşturmanız ve kod bitini Codex WordPress’ten kopyalamanız gerekir. HTML, CSS ve biraz PHP ile deneyiminiz varsa bu oldukça basit ve kolaydır. 2. Bitmiş temayı ve içeriğinizi taşıyacak kadar yükleyin. Bu, sadelik ve değerin kesişiminde en iyi seçim olabilir. Mevcut web siteniz için zaten barındırma olduğunuzu varsayarsak, yalnızca birinci sınıf bir tema satın almayı seçerseniz para harcamanız gerekir. İçeriği içe aktarmak için kullanacağımız eklenti, resmi WordPress eklenti deposunda ücretsiz olarak kullanılabilir. Sitenizi yeniden oluşturmak için HTML’ye WordPress Dönüşüm Hizmetlerine sahip olmak için ödeme yapın. Bu en kolay çözümdür, çünkü birçok şey yapmanızı gerektirmez. Ancak sizi WordPress’e götürmeniz çok yardımcı olmaz ve maliyet, kimin kiralamayı seçtiğinize bağlı olarak değişecektir. Bu seçeneği aşağıdaki bölümde tartışmayacağım, çünkü bu ilgilenen rota ise, sadece servis sağlayıcılar için hızlı bir arama yapmanız gerekir ve geri kalanıyla ilgilenirler. WordPress’e HTML Dönüşümünü Hazırlamak Aşağıda hangi rota almaya karar verirseniz verin, dalıştan önce yapmak istediğiniz bazı şeyler vardır.
Birincisi bir barındırma paketi seçmektir. Orada bulunan seçenekleri görmek ve ihtiyaçlarınıza en uygun pakete karar vermek isteyeceksiniz. Ya da belki yerel bir WordPress kurulumu yapmak istersiniz? Her zaman daha sonra barındırma hizmetine taşıyabilirsiniz. Seçtikten sonra WordPress’i yüklemeli ve admin WP’sini girmelisiniz. Bu, iki olası yolun bölündüğü noktadır. Statik HTML sitenizi manuel olarak WordPress’e dönüştürün, hedefiniz yalnızca HTML statikten WordPress sitesine içeriği girmekle kalmaz, aynı zamanda tasarımınızı şu anda çoğaltmaksa, kendi özel temanızı oluşturmanız gerektiği anlamına gelir. Neyse ki, ilk başta göründüğü kadar korkutucu değildi. Bu yalnızca birkaç klasör ve dosyanın oluşturulmasını, biraz kopyalanmayı ve yapıştırmayı, ardından sonuçları yüklemeyi içerir. Sublime veya Notepad ++ gibi kod editörlerine ve HTML Site Dizini’ne ve yeni WordPress kurulum dizininize erişim gerekir. Adım 1: Masaüstünüzde gerekli yeni bir tema klasörü ve dosya oluşturun, tema dosyanızı kaydetmek için yeni bir klasör oluşturun. Temanızın adlandırılmasını istediğiniz her şeyi adlandırın. Ardından, kod düzenleyicinize birkaç dosya (hepsi yeni tema klasörünüzü giren) oluşturun. Önce onlara hiçbir şey yapma. Daha fazla düzenleme için açık bırakın.
Style.css
İndex.php
header.php
Sidebar.php
Footer.php
Adım 2: Yeni bir stil sayfasında olan COP CSS Tasarımı çoğaltmak istiyorsanız, bu, kaydetmek istediğiniz en az birkaç CSS’ye sahip olduğunuz anlamına gelebilir. Düzenlemek istediğiniz ilk dosya style.css dosyasıdır.
Başlamak için, dosyanızın üst kısmına aşağıdakileri ekleyin. /*
Tema Adı: Temanızın Adı ile Değiştir. THEMA URI: Temanızın Uri
Açıklama: Kısa bir açıklama.
Sürüm: 1.0
Yazar: Sen
Yazar URI: Web sitesi adresiniz.
*/
Bu bölümden sonra CSS’nizi aşağıya yapıştırın. Dosyayı kaydedin ve kapatın. Adım 3: Mevcut HTML’nizi ayırın Üçüncü adıma girmeden önce, WordPress’in nasıl çalıştığına dair kısa bir not vereyim. WordPress, temel veritabanından veri indirimlerini aramak ve almak için PHP kullanır. Bu küçük öğreticide kullandığımız her dosya, Sitenizin içeriğinin hangi kısmının görüntüleneceğini ve nerede görüntüleneceğini söylemek için tasarlanmıştır.
Bu yüzden mevcut HTML’yi “keseceğimizi” söylediğimde, gerçekten yaptığımız kodun yeni yaptığımız farklı bir dosyaya olan kısımlarını kesmek ve eklemek, bu yüzden WordPress bunları nerede görüntüleyeceğini bilecektir.
İşte burada. İlk olarak, geçerli site dizin.html dosyanızı açın. Dosyanın üst kısmından başlayan her şeyi açma etiketi div class = “ana” olarak vurgulayın. Bu bölümü kopyalayıp başlığınıza yapıştırın. İkincisi, index.html dosyanıza dönün. Yan eleman sınıfını = “kenar çubuğu” ve içindeki her şeyi vurgulayın. Bu bölümü kopyalayın ve sidebar.php dosyanıza yapıştırın, kaydedin ve kapatın.
Üçüncüsü, index.html, kenar çubuğunuzdan sonra her şeyi seçin ve footer.php dosyanıza kopyalayıp yapıştırın, kaydedin ve kapatın. Son olarak, index.html dosyanızda kalan her şeyi seçin (bu ana içeriğin bir parçası olmalıdır) ve dizin.php dosyanıza yapıştırın. Kaydet, ama henüz kapatmayın. Dizin.html dosyanızı şimdi kapatabilir ve son adıma devam edebilirsiniz. Neredeyse tamamlanmış! Adım 4: Yeni temanızı tamamlamak için index.php dosyanızı doldurun. Veya başka bir deyişle, sadece “kestiğimiz” öğeleri tekrar ortaya çıkarın. INdex.php dosyanızın en üstünde, aşağıdaki PHP satırını yerleştirin.
Ardından, index.php dosyanızın altına, bu PHP hattını yerleştirin.

Ve son olarak, döngü olarak adlandırılan şeyi eklemeliyiz. Bu, WordPress tarafından gönderi içeriğinizi ziyaretçilere görüntülemek için kullanılan ana PHP bitidir. Dolayısıyla, yeni tema dizin.php dosyanızı oluşturmanın son adımı, aşağıdaki kodu içerik bölümüne eklemektir.

<div id = "post- ” >

<a href=" “rel =” Bookmark “title =” PHP the_title_attribute ();?>

Index.php’inizi kaydedin ve kapatın. Temanız şimdi bitti! Geriye kalan tek şey WordPress sitenize yüklemektir. Adım 5: Yeni temanızı şimdi yükleyin Bir tema dosyası oluşturduktan ve her şeyi yeni bir tema klasöründe kaydedin, yeni WordPress kurulum dizininize erişmeniz gerekir. Yeni tema klasörünüzü/wp-concent/themes/içine yerleştirin. Ardından WP Admin> Görünüm> Temalar ve sadece yaptığınız temaya geri dönün. Lütfen ve etkinleştirin! Şu anda yapılacak olan şey, yeni WordPress sitenizi eski site içeriğinizle doldurmaktır. Nasıl yapıldığını görmek için aşağıdaki bölümle birlikte (daha önce yapılmış temanın kullanılması hakkındaki bölümü geçirin) birlikte takip edin. WordPress önceden hazırlanmış temayı ve HTML içeriğini içe aktarma Yukarıdaki adımlar çok yoğun görünüyorsa veya sizin için zaman ayırırsa, emin olun, başka yollar da vardır. Şu anda bir WordPress teması üzerinde çalıştığınız herhangi bir tasarımı değiştirmek yerine, WordPress pazarında bulunan binlerce temadan birini daha geniş kullanabilirsiniz. Ücretsiz bir tema var ve premium bir tema var. Hangisinin sizin için en iyisi olduğuna karar vermeden önce, hangi temaların ihtiyaçlarınızı karşılamak için tasarlandığını ve burada zarif tema ve başka yerlerde tema kategorisine göre göz atmak için tasarlandığını okumak isteyebilirsiniz. Beğendiğiniz temayı seçtikten sonra (ve zip dosya paketi indirildi), WP Admin> Görünüm> Temalar> ‘a geri dönmek isteyeceksiniz.