Blogunuzu Spice ve UX Geliştirmek İçin 9 WordPress Kodları

Yazan makale: Luana Spinetti
  • WordPress
  • Güncelleme: Ekim 26, 2020

WordPress'in yapılandırılması ve kurulumu kolaydır, blogunuzu yayınladığınız anda kullanıma hazırdır.

Ancak WordPress'in varsayılan seçeneklerine güvenmek, sizin adınıza bir kayba neden olabilir:

  • Daha az işlevsellik
  • Sıkıcı kullanıcılar (yanıltıkları her WP sitesinde aynı şeyi görürler)
  • Arama motoru sıralamasında düşer.

Elinizde esnek bir araç var, kullanmak için keyifli ve güvenilir bir şey haline getirmek için çimdikleyebilirsiniz. Neden kullanıcılarınız için (ve kendiniz) bir şeyler hazırlamıyorsunuz?

Bu makale, WordPress tabanlı web sitenizi ilginç ve ilginç bilgiler ekleyerek kullanıcılarınız için eğlenceli ve yararlı hale getirmenize yardımcı olmak istiyor kod parçacıkları Bu da SEO'nuzu geliştirecek.

WordPress Blogunuza Nasıl Yardım Edebilirsiniz?
WHSR artık profesyonel WP geliştirme / özelleştirme hizmetlerine ihtiyaç duyan kullanıcılara yardımcı olmak için Codeable.io ile işbirliği yapmaktadır.

Ücretsiz bir fiyat teklifi almak için lütfen bu istek formunu doldurun.

Onlara bir şans verin ve sizin için nasıl çalıştıklarını bana bildirin! ;)

WordPress Blogunuzu Geliştirmek İçin 9 Kodları

Bu yayında size iki tür kod snippet'i sunacağım:

  1. Kodeks kodları
  2. Kod snippet'leri ve widget'ları

Kodeks kodları, kendimi (Nişanlımın yardımıyla, Simone) yazdığım PHP parçacıklarıdır. WordPress.org Codex referans olarak

Kod parçacıkları ve widget'lar, diğer web sitelerinde ve WordPress.org adresinde ücretsiz olarak kullanılabilen, hazır PHP kodları (veya WordPress eklentileri) parçalarıdır, ancak nişanlarımı nişanlım da dahil ettim ve açık ve Kodx referanslarını kullanarak sıfırdan yazdım.

Her iki kod türünün de uygulanması ve kurulması kolaydır, ancak kodu nasıl yöneteceğinizden emin değilseniz widget ve eklentilerle başlamak isteyebilirsiniz.

Kod Kodları

1. Yapışkan Mesajları Ayır

WordPress'in mevcut gönderinizin yapışkan bir gönderi olup olmadığını kontrol etmesini ve buna göre görüntülemesini sağlamak için Codex boolean işlevini kullanabilirsiniz:

<?php is_sticky(); ?>

Yalnız işlev yalnızca DOĞRU veya YANLIŞ değerlerini döndürür, böylece yapışkan yazılarınızı yönetmek için bir koşullu yapı (eğer / else) yazarsanız burada ne yapabilirsiniz? Bir örnek:

<?php if is_sticky() {
  the_title();
  the_time('M, d, Y');
  the_excerpt();
}
else {
  include 'post-template.php';
}

Bu örnek kullanımda, yapışkan postayı yalnızca başlığı, gönderim tarihini ve alıntıyı (postanın tamamını değil) içeren bir kutu olarak görüntüledim, diğer iletiler için standart şablon post-template.php dosyasında yer alır.

Her gönderi türünün kendi CSS stil sayfasına sahip olur, ancak burada stilleri tanımlamıyoruz; sadece şablonlar.

Single.php, tek gönderiler için varsayılan şablondur (her varsayılan WP temasına dahil olduğunu göreceksiniz).

Kendi WP temanızı geliştirdiyseniz ancak tek gönderi için şablon ayarlamamışsanız, Codex rehberini takip edebilirsiniz. burada bulabilirsiniz.

2. Gönderiyi Görüntüle

Bu, şablonunuza eklemek için eğlenceli olabilir. Okuyucularınızın sayfalarınızın (veya yayınların) her biri için URI'yi almasını istiyorsanız, tekli, php, page.php veya index.php şablonunuzda aşağıdaki etiketi kullanın:

">

The_permalink kullanmak yerine, bu en belirgin seçimdir ve her durum için işe yarar, WP yazılar ve sayfalar için iki alternatif form kullanmanıza izin verir:

 <?php echo get_page_link(); ?> 

Örneğin, sayfa şablonunuz şunları içerebilir:

Bağlantı:

3. Posta Kimliği Numarasını Al ve Göster

Permalink yapınızı kullanıcı ve SEO dostu olacak şekilde ayarladığınızda bile, bu basit işlevi meta satırınıza ekleyerek ziyaretçilerinize posta kimliğini gösterebilirsiniz:

<?php the_ID(); ?>

Örnek kullanım:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. Kategorilere Göre Kimliği

WordPress standart işlevi:

<?php get_all_category_ids() ?>

İşte benim bloglarımdan birinde kullandığım bir koddan Kodeks ve StackOverflow'ta bir konu:

{$ cat_id}: {$ cat_name} ";}?>

… Ve nasıl görüntülendiği:

kategori WP kodu

Not: get_all_category_ids () artık kullanımdan kaldırılmış bir işlevdir, ancak hala blogumda yaptığım gibi (yukarıdaki ekran görüntüsü) problemsiz olarak kullanabilirsiniz. Ancak, bu snippet için yeni işlevi kullanmak isterseniz, get_terms () Codex sayfası.

Bu kod ne yapar?

Kod, tüm kategori kimliklerini ve her bir kimlik için kategori adını alır, ardından kimliği kategori bağlantısına bağlarken, kategori adını ":" işaretinden sonra görüntüler - dolayısıyla Eko() ifade {$ cat_id} : {$ cat_name }.

5. Blogunuz İçin Detaylı Kullanıcılar / Yazarlar Sayfası

Hiç bir eklentiye güvenmek zorunda kalmadan tüm blog yazarlarınızı veya kullanıcılarınızı görüntüleyecek özel bir sayfa oluşturmak istediniz mi?

Peki sen yapabilmek Sadece bir metin düzenleyicisi, bir FTP yükleyicisi ve sevdiğiniz WordPress Dashboard ile kendi özel Yazarlar / Kullanıcılar sayfanızı oluşturun.

Öncelikle page.php dosyanızın bir kopyasını oluşturmanız gerekir. Kopyanızı herhangi bir isimle yeniden adlandırın - mine users.php adını verdim.

Arkadaşlarınızdan şablon etiketi WordPress'in şablon olarak tanıması için bu şablonun en üstüne gidin, ardından Kontrol Panelinize gidin. -> Sayfalar -> Yeni Ekle ve Kullanıcılar / Yazarlar listeniz için bir sayfa oluşturun. Sayfalar listesine dönün, yeni sayfa başlığınızın altındaki Hızlı Düzenleme'yi tıklayın ve Şablon açılır menüsünden yeni şablonunuzu seçin. Değişikliklerinizi kaydedin.

Şimdi, user.php dosyanızı açın (veya adınız her neyse) dosyasını açın ve aşağıdaki kodu uygulayın:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Bu kod kullanır count_users fonksiyon Kodeks'te "varsayılan kullanım" olarak listelenmiştir. Bu kodun canlı bir örneğini şu adreste görüntüleyebilirsiniz: http://robocity.in/users/.

Bu koddan sonra, blog yöneticisi hakkında bir şeyler ekleyelim:

Kullandım count_user_posts Codex tarafından önerilen kullanım biçimini izleyerek burada çalışır.

Bu fonksiyon get_userdata Belirli bir kullanıcı adı ile onu kullanan kişinin gerçek ismi arasındaki ilişkiyi göstermek iyidir. Aşağıya bakınız:

Kullanıcı Girişi; $ ilk_adı = $ kullanıcı_bilgisi-> ilk_adı; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name WordPress sitelerine $ username kullanıcı adıyla giriş yapıyor."; ?>

Şimdi, Yazarlar / Kullanıcılar sayfanızda kullanabileceğiniz en ilginç işlev budur - get_users işlevi:

'. esc_html ($ kullanıcı-> kullanıcı_login). '-'. esc_html ($ user-> user_email). ' '; }?>

Bu işlev, kodda yapılandırabileceğiniz belirli parametrelere göre kullanıcıların bir listesini alacaktır. Yukarıdaki örnekte (Codex sayfasından alınmıştır ve Robocity.in'deki Kullanıcılar sayfamın sığması için düzenlenmiştir), 'nicename' ile sıralanan blog kimliği 1 (mevcut blog) için ve her kullanıcı için bir yönetici listesi almak istiyorum. Kullanıcı adını ve e-postayı "Kullanıcı Adı -" türünde bir cümle içinde görüntülemek istiyorum [e-posta korumalı] anlayışının sonucu olarak, buzdolabında iki üç günden fazla durmayan küçük şişeler elinizin altında bulunur.

Kullanıcıların kendileriyle ilgili bir şeyler göstermesini isterseniz, get_currentuserinfo kullanıcının ismini ve adresini alma işlevi. Örneğimde bu işlevi kullanmadım, ama yaratıcılık sınırları bilmiyor, değil mi? ;)

Kod Parçacıkları ve Araçları

6. Alternatif… Arşivler!

güzel blog arşivleriBlogunuz büyüdükçe büyümeye devam eden ve kullanıcıları kaydırmaya zorlayan eski kenar çubuğu Arşivler listenizi burada sağda görebileceğinize benzer bir pasajla değiştirebileceğinizi hayal edin.

Okuyucularınızın blogunuzun yaşını ve arşiv derinliğini bir bakışta yakalaması işleri kolaylaştırmaz mıydı? :)

Nişanlım ve ben bu basit snippet'i Codex'ten get_post'u ve arşivler listesi için basit bir açılır menüyü kullanarak yazdık. Fikrinin iyi iş çıkarması için kendi işlevlerimizi oluşturduk.

Posta tarihi)); $ çıktı döndür; } işlev getLastPostID () {liste ($ gönderi) = get_posts (dizi ('posts_per_page' => 1)); $ post-> ID döndür; }?> Bu blogda şu tarihten beri yayın var . Son gönderi tarihinde yayınlandı . Belirli bir arşivi ziyaret etmek ister misiniz? 'aylık', 'biçim' => 'seçenek', 'show_post_count' => 1)); ?>

Bu kod ne yapar?

FormatPostDate işlevi, gönderinin kimliğini ve tarih biçimini alır ve istediğiniz bir biçimde bir tarih döndürür. İkinci işlev olan getLastPostID, yalnızca bir yazı içeren bir dizi diziyi alır ve kimliğini döndürür.

Blogun ilk gönderisini almak için - genellikle ID = 1 ile, ilk paragrafa echo formatPostDate (1, '% B% e,% Y') yazarız: bu kod formatPostDate işlevini kullanır ve parametre olarak posta kimliğini alır # 1 ve tarih için standart bir İngilizce biçim ve tarihi döndürür.

Blogun son gönderisini almak için, son gönderinin kimliğini ve bir tarih biçimini (yine İngilizce) almak için formatPostDate (getLastPostID (), '% B% e,% Y') kullanıyoruz ve tarihi ekran.

7. Ziyaretçinin bir mobil cihaz kullanıp kullanmadığını kontrol etme

WP-Snippets.com adresindeki Muneeb, sitenizdeki bir ziyaretçinin bir mobil cihaz kullanıp kullanmadığını kontrol etmek için ilginç bir kod snippet'i (bir işlev) paylaştı.

Kod kullanılabilir burada bulabilirsiniz.

Bu işlev, belirli işlevi yalnızca mobil kullanıcılara göstermek veya mobil kullanıcıları belirli web sitesi özelliklerinden hariç tutmak istediğinizde yararlı olduğundan, mobil optimizasyona yardımcı olur.

8. Sayfa kenar çubuğu içeriğinizi değiştirmek için if / else yapısını kullanın

Bu kod pasajı, WordPress Kodeksine dayanıyor, ancak ben bu bölüme yerleştirdim, çünkü çok fazla yaratıcılık sağlıyor ve Web'de hazır pasajları bulabileceksiniz.

Sitenizde birden fazla kenar çubuğu kullanmak istediğinizi varsayalım. Kenar çubuğunuzu div ve bölümlerle doldurabilirsiniz, ancak dosya büyüdükçe (gereçler kullansanız bile) o kadar ağır olur.

Codex seninle kurtarmaya geliyor. get_sidebar ($ isim) işlevi. Kullanımı basit:

  1. Quotes snippet'leriniz için bir kenar çubuğunu oluşturun (söyleyin). Bunu sidebar-quotes.php olarak adlandırın
  2. Ana sidebar.php dosyasında (veya WP tema yapınıza göre başlık veya dizin dosyasında) get_sidebar ("quotes") yazın; "sidebar-quotes.php" dosyasını dahil etmek için.

Diğer alt-kenar çubuklarına çağrılarla daha ince bir kenar çubuğu elde edeceksiniz, eğer / WordPress için kodlama PHP'yi biliyorsanız, / else yapıları ile optimize edebilirsiniz.

Bunu bilmiyor olabilirsiniz, ancak genel get_sidebar () kodunu kullandığınızda, bu “sidebar.php” kodunu içerecektir çünkü bir $ name argümanı eklemediniz. Bu, varsayılan kullanımdır. “Sidebar * .php” den sonra bir “-name” eklediğinizde, bu ad eklentisini $ name arg ile çağırabilirsiniz.

Blogunuzun belirli sayfalarında veya standart kenar çubuğunuza aşırı yüklenecek kodlarda görüntülemek istediğiniz reklamlarınız, özel teklifleriniz veya kenar çubuğu işlevleriniz varsa, bu kod snippet'ini UX için bir hayat kurtarıcı bulabilirsiniz.

9. Kod parçacıklarını WordPress sitenize entegre etmek için bir araç

codesnippets ekran görüntüsü

Kod Parçaları Shea Bange tarafından oluşturulan ücretsiz bir WordPress eklentisi, blogunuza kod parçacıklarını kolayca eklemenizi sağlar.

Bu eklenti hakkında güzel olan şey, artık functions.php dosya, ancak doğrudan WordPress Gösterge Tablosundan özel kod ekleyebilirsiniz. Temel olarak, yeni bir gönderi veya sayfa ekleyeceğiniz gibi kod snippet'leri ekleyebilirsiniz.

WPMUDev.org şirketinde Tom Ewer Bu eklentiye ilginç bir giriş yazdı, ancak Kod Parçacıkları için şu ana kadar bulduğum en yararlı kaynak: WordPress.org'daki eklenti destek forumu.

Sana doğru!

Aşağıdaki yorumlarda WordPress kodlama deneylerinizi paylaşın! Ve bu yazıya eklenen snippet'lerle ilgili soru sormaktan çekinmeyin.

Luana Spinetti hakkında

Luana Spinetti, İtalya merkezli serbest yazar ve sanatçı ve tutkulu bir Bilgisayar Bilimi öğrencisi. Psikoloji ve Eğitim'de bir lise diploması vardır ve 3'ten mezun olduğu Çizgi Roman Kitabında 2008-yıllık bir kursa katılmıştır. Çok yönlü bir kişi olduğu gibi, SEO / SEM ve Web Pazarlama'da büyük bir ilgi uyandırdı, Sosyal Medya'ya özel bir eğilim vardı ve o, anadilinde (İtalyanca) üç roman üzerinde çalışıyor. indie yakında yayınlamak.