WordPress temasını yayınlamadan önce önemli sınav
Premium temamı Themeforest’te gözden geçirilecek şekilde bitirdiğimde, son testimi yaptım ve birinin temasını yayınlamadan önce yapılması gereken en önemli ve genel sınavlardan bazıları hakkında yazılar yazabileceğimi düşündüm. Tabii ki kontrol edilmesi gereken birçok şey var, ancak temanızı yayınlamadan önce en önemli sınavlardan bazıları olduğunu düşündüğüm 20 şey var. Dahil wp_footer & wp_head oldukça basit ama çok önemli. Header.php dosyanıza ve wp_footer kancanıza footter.php dosyasına WP_Head kancasını eklediğinizden emin olun. Bu kanca çok önemlidir, böylece eklenti temanızla çalışabilir. Ayrıca, bu kancaya eklenen işlevleri girerseniz, açıkça ihtiyacınız olacaktır.
Ekran görüntülerinizi alın. Bu, görünüm etiketinizin altında WP yöneticinizde görünecek bir görüntüdür. Temel olarak tema ekran görüntülerinizi alın, yaklaşık 300 piksel kez 225px kesin, PNG olarak kaydedin ve “ekran yakalama” adını alın. Ardından bebeği doğrudan temanızın kök klasörüne bırakın. Temel WordPress temasının desteğini etkinleştir WordPress’te varsayılan olarak etkinleştirilmeyen ve temanızdaki Add_Theme_Support işlevi kullanılarak etkinleştirilmesi gereken birçok olağanüstü özellik vardır. Bu özelliklerden bazıları küçük resim yayınları, meta başlık etiketleri, HTML5 desteği, özel başlıklar, özel logolar … vb. Aşağıda, bu özelliklerin nasıl etkinleştirileceğine dair bir örnek verilmiştir (İtiraz Sonrası_Setup_Theme Eylemine bağlanmanız gerektiğine dikkat edin).
// tema desteği işlevi ekle themame_add_theme_support () {add_theme_support (‘post formatlar’, dizi (‘kenara’, video ‘,’ resim ‘,’ galeri ‘,’ QUOTE ‘);add_theme_support (‘Post-Thumbnails’);add_theme_support (‘otomatik besleme-link’);add_theme_support (‘html5’, dizi (‘yorum listesi’, ‘yorum formu’, ‘arama-form’, ‘galeri’, ‘altyazı’));add_theme_support (‘başlık-etiketi’);add_theme_support (‘özel başlık’);add_theme_support (‘Custom-logo’);add_theme_support (‘Seçici-Refresh-Widgets özelleştir’);} Add_action (‘After_setup_theme’, ‘themename_add_theme_support’);Not: Örnek bir örnekte yalnızca temel tema desteği ekleriz, ancak çoğu özellik için bağımsız değişken listesine de devam edebilirsiniz.Örneğin, özel logolar için diziyi genişlik, yükseklik, başlık metni vb. İle atlayabilirsiniz.Bu yüzden her özelliği bulduğunuzdan emin olun ve özel argümana devam etmek isteyip istemediğinizi görün.
Özellikle özel bir yazı türü kullanıyorsanız, sayfalandırma işlevlerinin, sayfalandırmanın yalnızca blog sayfanızda, kategorinizde ve etiketinizde değil, aynı zamanda özel yazı tipinizde ve özel taksonomi arşivlerinizde de çalıştığından emin olmak önemlidir. Nasıl olduğunu bilmiyorsanız WordPress’e sayfa ekleme kılavuzumuza bakın. WordPress Menü Değiştirme ayarlayın İnsanlardan aldığım en yaygın sorulardan biri, resimlerini nasıl ayarlayacağın yanı sıra menülerini nasıl ayarlayacaklarıdır. Sürükle ve Drop WP menü sistemini kullandığınızda, kullanıcıların menülerini nasıl ayarlayacaklarını görebilmeleri için yönetici paneline bir bağlantı ile menünüzün geri dönüşünü ayarlamak her zaman idealdir. Kullanıcılarınızın tahmin etmesine izin vermeyin! Nasıl olduğunu bilmiyorsanız WordPress’e bir geri dönüş menüsü ekleme kılavuzumuza bakın. Kullanıcılar WordPress yöneticisinde iş parçacıklı yorumları etkinleştirdiklerinde, insanların bloglarındaki yorumlarına cevap vermelerine olanak tanır. Kullanıcı çok kullanıcı veya profesyonel dost olmayan “Yanıt” düğmesini tıkladığında bazı temaların sayfaları nasıl yeniden yüklediğine dikkat etmiş olabilirsiniz. Neyse ki WordPress, iş parçacıklı yorumların yeniden sevme sayfaları olmadan çalışabilmesi için varsayılan bir komut dosyası ile donatılmıştır. Etkinleştirmek için, aşağıdaki kodu işlevinize ekleyin.php dosyası:
<? PHP işlevi themame_comment_reply_js () {if (is_singular () && yorum_open () && get_option ('Thread_comments')) {wp_enqueue_script ('yorum tekrarlama'); }} add_ace ('wp_enqueue_scripts', 'themename_comment_reply_js'); JavaScript'in, herhangi bir eklenti ile çelişmemesi için temanıza JavaScript'i doğru eklemek için doğru bir şekilde eklendiğinden emin olun. Bir süre önce function.php dosyanız aracılığıyla javascript nasıl ekleneceğinizi gösteren bir yazı yazdım. JS'nizi hala Header.php dosyasına ekliyorsanız, WordPress'e JavaScript ekleme hakkındaki yayınımızı doğru şekilde okuduğunuzdan emin olun. Temanızı tüm "ana" tarayıcılarda test edin Ne yazık ki insanlar hala Internet Explorer 10 gibi eski tarayıcılar kullanıyorsa WordPress temasını geliştirirsiniz, tüm ana tarayıcılarda test etmek ve iyi göründüğünden emin olmak çok önemlidir. Siteniz Firefox, Safari veya IE'de kötü görünüyorsa (sadece Chrome'u kontrol etmeyin) Kişiler indiremeyebilir veya satın alamazlar ve eğer yaparlarsa, temayı geliştirmenizi ve yapmanızı isteyen çok fazla destek bileti alabilirsiniz. işlevi. Aşağıdaki harika tarayıcı test sitelerinden bazılarına bakın:
Tarayıcı çekimi
Turbo'da tarayıcı
Çapraz browser testi
404.php dosyasını eklemek çok kolaydır ve aynı zamanda çok önemlidir. Kullanıcı Siteyi izlediğinde ve 404 Hata sayfasında bittiğinde temanızda bir dosya 404.php eklemiyorsanız, dizin.php dosya içeriğinizi görüntüleyebilir veya sunucu tarafından üretilen 404 sayfasını görüntüleyebilir. sitenizin tasarımı veya ziyaretçilere yararlı bir bağlantı sağlayın. Bu SEO için kötü olabilir, aynı zamanda çok düşmanca kullanıcı da olabilir. Şahsen başlık, liste sayfaları ve hatta arama formumu girmeyi seviyorum. Eklediğiniz şeylere bağlıdır, ancak dosyaya sahip olduğunuzdan emin olun. Temanızda kullanılan gönderi türünüz varsa, gönderi türünüz için tek bir sayfa yapın, her sayfa için bir sayfa oluşturmanız gerekir, değil, single.php varsayılan dosyası kullanılacaktır. Ve yayınlarınızın her türü bir blog gibi görünecektir. Örneğin, bir tür özel portföy yayınınız varsa, tek bir portföy yayınını görüntülemek için tek portfolio.php dosyasına sahip olmanız gerekir. Bir gönderi için istemediğiniz özel bir yazı türünüz varsa (bir kaydırıcı veya özel ana sayfa yazısı gibi), bu tür yayın türünü false olarak ayarlanmış halka açık parametrelerle belirlemelisiniz ve show_ui parametreleri true olarak ayarlanmıştır ( daha fazla bilgi için sicil_post_type işlevine bakın),
Styles sayfasına temaların ayrıntılarını ekleyin, temanın ayrıntılarını temanıza eklemeyi unutmayın! Temin görünüm sekmenizde görünmesi için sadece bir isme ihtiyacınız değil, aynı zamanda kullandıkları temanın kullanıcı sürümünü göstermek ve tema için kendinize ödüller vermek istersiniz. Aşağıda, toplam WordPress temam için tema detaylarının bir örneği verilmiştir. /* Tema Adı: Toplam Sürüm: 4.6 Açıklama: WPExplorer tarafından Premium WordPress Tema: WPEXPlorer Tema Uri: https://themeforest.net/item/total-rsise-multipurpose-wordpress-theme/6339 themeforest.net/user/wpexplorer Lisans: Özel Lisans Lisansı URI: http://themest.net/licenses/terms/regular Metin Alan Alan Alan: Toplam Etiketler: Özel-Renkler, Birlik edilebilirlik hazır, özel başlık, özel menü, özel -logo, editör tarzı, Öne çıkan görüntüler, altbilgi-widgets, sonrası, RTL-dil destek, tema seçenekleri, iş parçacığı, çeviriye hazır varsayılan stil/görüntü stili WordPress'te varsayılan görüntü seviyelendirme ve görüntü stilini ayarlamayı unutmayın. Bildiğiniz gibi, görüntüleri post düzenleyicinizde sola, sağa veya ortaya hizalayabilirsiniz, ancak gerçekten işlev görmesi için temanıza uygun stili eklemeniz gerekir. Aşağıda sadece görüntüler için temel bir CSS, blokquote ve tesviye metni, bilgiler ve gülümseyen yüzler için bazı yeniden düzenleme bulunmaktadır. Doğrudan temanıza kopyalayıp ekleyebilir ve düzenleyebilirsiniz ./*————————— —— ———————–/. Hizalama {ekran: blok; Marj: 0 Auto}. Alignright {şamandıra: doğru; Marj: 10px 0 10px 10px}. Aalignleft {şamandıra: sol;
Marj: 10px 10px 10px 0} .floatleft {şamandıra: sol} .Floatright {float: haklar} .textCenter {text-align: center} .TextTright {text-align: sağ}. Varsayılan WordPress birçok varsayılan genişlik içerir. Bir tema oluşturursanız, sitenize uyacak şekilde ayarlamanız ve daha iyi görünmesini sağlamalısınız. Aşağıda stil yapmak istediğiniz tüm farklı widget'ların bir listesi bulunmaktadır. /* —————————* /* WordPress widget stilleri /* ————- ————-* / .widget {} /* widget* / .widget_links {} .widget_links ul {} .widget_links ul li a {} /* Meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li a {}/ *sayfa widget */ .widget_pages {} widget * / .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entenries ul li {} .widget_recent_entries ul li a {} / * arşivleri widget * / .widget_archive {}. } .widget_archive seçeneği {} / * tag-cloud widget * / .widget_links {} .widget_links li: sonra {} .widget_tag_cloud a {} .widget_tag_cloud a: sonra {} .widget_tag_cloud a: sonra {} .widget_tag_cloud a: sonra
{} / * takvim widget * / .widget_calendar {} #calendar_wrap {} #calendar_wrap th {} #wp-calendar td {} #wp-calendar td {} #wp-kalendar #\ { wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} }. Widget_categeries ul {} .widget_categeries ul li {} .widget_categeries ul. 1 {} .widget_categories .Level-2 {} .widget_categories .LEVEL-3 {} / * Son iletişim widget * / .RecentComments Li A {} searchform {} .widget_search {} .sreen-reader-txt {} / * metin widget * / .TextWidget Out Bu te değil O zaman premium tema ile ilgilidir, çünkü temanıza herhangi bir bağlantı eklememelisiniz (belki bir belgeye veya değişim günlüğüne bir bağlantı hariç), ancak ücretsiz bir tema yapanlar için, yönetici alanında sağladığınız bağlantının ve Daha da önemlisi, site altbilgisi, gerçekten bir yere gidin. Ve lütfen spam içeren bir siteye bağlantı vermeyin veya temanıza bir sponsor bağlantısı ekleyin. Gerçekten ücretsiz bir tema yapmak istiyorsanız, topluluğa geri vermek veya maruz kalmanızı artırmak için yapın. Sadece geri bağlantı almak veya satmak amacıyla bir tema yapmamalısınız.
Arama formunuzun ayarlandığından emin olun, temanız bir yerde yerleşik bir arama çubuğu içermese bile, insanlar onu arama çubuğu widget'ından yanlarına veya diğer widget alanlarına eklemek isteyebilir, bu nedenle sahip olduğunuzdan emin olun temaya searchform.php dosyanızı girdi. Aşağıda searchform.php dosyanızdaki kod ekranının bir örneği verilmiştir: <Forma Method = "Get" class = "myprefix-site-searchform" action = "”> <Giriş türü = "arama" name = " S "Placeholder =" ” />
