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

Yazan makale:
  • WordPress
  • Güncelleme: Mayıs 08, 2019

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.

9 kod snippet'lerinin çok ve farklı kodlarla denemeyi sevenler için yeterli olmayabilir, bu yüzden eminim ki Robert Ludrosky WordPress Geliştiricileri için 25 kullanışlı kod snippet'leri açlığınızı doyuracak (en azından bir süre için). ;)

Kod Kodları

1. Yapışkan Mesajları Ayır

WordPress'in geçerli yayınınız 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. Burayı tıklayın.

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:

<a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a>

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_post_permalink (); ?>
 <? php echo get_page_link(); ?> 

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

<p> Bağlantı: <a href="<?php echo get_page_link();?> "> <? php echo get_page_link (); ?> </a> </ p>

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"> Yazarın Adından Yazan. Posta Kimliği <? 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:

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids, $ cat_id) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // URL'nin çalışması için cat linkine ihtiyacımız var! yankı "<a href=\"{$category_link на\"> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

… Ve nasıl göründüğü:

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, daha sonra kategori adını ":" sonra gösteren kategori kimliğine bağlar. Eko() ifade <a href=\"{$category_link}\"> {$ cat_id} </a>: {$ cat_name} <br/>.

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.

Her şeyden önce, page.php dosyanızın bir kopyasını oluşturmanız gerekir. Kopyanızı herhangi bir adla yeniden adlandırın - mine users.php olarak adlandırdım.

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 'Var', $ sonuç ['total_users'], 'toplam kullanıcı'; foreach ($ sonuç ['avail_roles'] $ role => $ count) echo ',', $ count, 'are', $ role, 's'; Eko '.'; ?> 

Bu kod kullanır count_users İşlev, Codex'te “varsayılan kullanım” olarak listelenir. Bu kodun canlı bir örneğini http://robocity.in/users/.

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

<? php printf (__ ('Kullanıcı tarafından basılan mesajların sayısı' Liderler: '% d', 'text-dom-here'), count_user_posts (1)); ?>

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:

<? php $ user_info = get_userdata (1); $ username = $ user_info-> user_login; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; echo "$ first_name $ last_name, WordPress sitelerinde $ username kullanıcı adıyla oturum açar."; ?>

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

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = yönetici'); // WP_User nesnelerinin dizisi. foreach ($ user olarak $ blogusers) {echo '<span>'. esc_html ($ user-> user_login). '-' esc_html ($ kullanici-> kullanici_email). '</ Span> <br/>'; }?>

Bu işlev, kodda yapılandırabileceğiniz belirli parametrelere göre kullanıcıların bir listesini alır. Yukarıdaki örnekte (Codex sayfasından alınmış ve Robocity.in'deki Kullanıcılar sayfama sığacak şekilde düzenlenmiş), 'nicename' ve her kullanıcı için sipariş edilen 1 blog kimliği (şu anki blog) için yöneticilerin bir listesini almak istiyorum. Kullanıcı adı ve e-postayı “Username -” türündeki bir cümleyle görüntülemek istiyorum. [Email protected]".

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şivleriEski kenar çubuğunuzu değiştirebileceğinizi düşünün Arşivler listesi - blogunuz büyüdükçe büyümeye devam ediyor ve kullanıcıları kaydırmaya zorluyor - sağda gördüğünüz gibi bir snippet ile.

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.

<? php function formatPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ formatı, strtotime ($ post-> post_date)); $ çıktı döndür; } function getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); $ post-> ID döndürür; }?> <p> Bu blog, <? php echo formatPostDate (1, '% B% e,% Y'); ?>. <br/> Son gönderi <? php echo formatPostDate (getLastPostID (), '% B% e,% Y'); ?>. </p> <p> Belirli bir arşivi ziyaret etmek ister misiniz? </p> <select name = "arşiv bırakma" onchange = "document.location.href = this.options [this.selectedIndex]. değer; "> <seçenek değer =" "> <? php echo esc_attr (__ ('Arşiv Seçin')); ?> </option> <? php wp_get_archives (dizi ('type' => 'aylık', 'biçim' => 'seçenek', 'show_post_count' => 1)); ?> </select>

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 mesajını almak için - genellikle ID = 1 ile, ilk paragrafta echo formatPostDate (1, '% B% e,% Y') yazarız: bu kod formatPostDate işlevini kullanır ve posta kodunu parametreler olarak alır #1 ve tarih için standart bir İngiliz formatıdır ve tarihi döndürür.

Blogun son yayınını almak için, son yazının kimliğini ve bir tarih biçimini (yine İngilizce olarak) almak ve tarihini yazdırmak için formatPostDate (getLastPostID (), '% B% e,% Y') kullanıyoruz. 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 Burayı tıklayın.

Bu işlev mobil optimizasyona yardımcı olur, çünkü belirli bir işlevi yalnızca mobil kullanıcılara göstermek veya mobil kullanıcıları belirli web sitesi özelliklerinden çıkarmak istemeniz yararlı olacaktır.

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 indeks dosyası) get_sidebar yazınız (“tırnak”); “sidebar-quotes.php” dosyasını dahil etmek.

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 bilemeyebilirsiniz, ancak jenerik get_sidebar () kodunu kullandığınızda, bir "name argüman" eklemediğiniz için "sidebar.php" içerecektir. Bu varsayılan kullanımdır. “Sidebar * .php” dan sonra “-name” eklediğinizde, bu ismi addon'a $ 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.