Eklentilerle WordPress Etiket Bulutunu Geliştirme. Bir WordPress Blogunda Etiket Bulutu Wordpress Yazıları Bulut Olarak Görüntüleme

Birçok kaynakta, etiketler genellikle olduğu gibi yalnızca boş bir alanı veya güzelliği doldurmak için değil, aynı zamanda doğrudan amaçları için de görüntülenir. Materyal belirli kelimelerle gruplandırılmıştır, bu da gerekli bilgileri bulmayı kolaylaştırır. Veya standart başlıkları etiketlere göre sıralama ile değiştirin, bu büyük portallar için geçerlidir.

Bugün, bir etiket bulutunu sitenin ayrı bir sayfasında ve standart bir pencere öğesi aracılığıyla, her etiketi farklı bir bağlantı veya arka plan rengiyle ayarlayarak görüntülemenin bir yolunu inceleyeceğiz. Sonuç olarak, renkli bir etiket bulutu elde edeceğiz ve tüm bunlara yazının sonuna sıradan etiketlerin çıktısını ekleyeceğiz.

Bu konuyla ilgili resmi depoda birçoğu olmasına rağmen, özel eklentiler kullanmayacağız. Örneğin, eski ve iyi bilinen bir modül için. Tüm eylemleri manuel modda, tabiri caizse, bazı işlevlerin yardımıyla kendi başımıza gerçekleştireceğiz.

Ayrı bir sayfada etiket bulutu

Uygulama için gereksiz işlevleri kaldırmamız ve doğru yere kendimizinkini eklememiz gerekiyor. Açıklama kısmında şablonla ilgili detayları geçeceğim, sadece ana noktalara değineceğim (diğer her şeyi yukarıdaki linkte bulabilirsiniz).

Standart page.php dosyasını çoğaltın, onu Tags.php olarak kaydedin ve dosyanın en başına bir yorum ekleyin:

/* Şablon Adı: etiket bulutu */

Bu dosyanın içinde gereksiz işlevleri kaldırın: döngü, gezinme, yorum formu ve gerekli olmayan diğer her şey. Fikire göre, içeriğin doğruluğunu koruyan bir başlık, kenar çubuğu, altbilgi ve bloklar olmalıdır.

bunu şununla değiştirelim:

Geriye function.php dosyasına aşağıdaki kodu yazmak kalıyor:

|i", "colorCloudCallback", $metin); dönüş $metin; ) işlevi colorCloudCallback($eşleşmeler) ( $metin = $eşleşmeler; #Tag arka plan rengi $renkler = dizi("F99","C9C","F96") ,"6CC","6C9","37A7FF","B0D686","E6CC6E"); $renk=$renkler; $desen = "/style=(\"|\")(.*)(\"| \")/i"; #Etiket stilleri $text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; text-shadow: 1px 1px 1px #989898; dolgu: 1px 5px; kenar boşluğu: 0 5px 5px 0; arka plan rengi: #($renk); kenarlık yarıçapı: 2 piksel; metin dekorasyonu: yok!important; -webkit-geçişi: arka plan rengi .4s doğrusal; -moz-geçiş: arka plan rengi .4s doğrusal; geçiş: arka plan rengi .4s doğrusal;\"", $metin); $pattern = "/style=(\"|\")(.*)( \"|\")/i"; dönüş "

Etiketler için rastgele (rastgele) bir arka plan rengi ekleyecektir.

Sonuç.

Kenar çubuğunda renkli etiket bulutu

Kenar çubuğunda normal bir etiket bulutu görüntülemek için standart bir widget kullanmak yeterlidir. Herhangi bir WordPress sitesinde yerel olarak bulunur ve " Görünüm-Widget'lar". Ancak bilinmeyen nedenlerden dolayı bu birine uymuyorsa wp_tag_cloud işlevini de kullanabilirsiniz. Sadece başlangıçta, ardından aşağıdaki kodu içine koyun:

Ve son işlemde, function.php dosyasına aşağıdaki kodu ekleyin:

işlev colorCloud($metin) ( $metin = preg_replace_callback("| |i", "colorCloudCallback", $metin); dönüş $metin; ) function colorCloudCallback($eşleşmeler) ( $metin = $eşleşmeler; $renk = dechex(rand(0.16777215)); $pattern = "/style= (\ "|\")(.*)(\"|\")/i"; $metin = preg_replace($desen, "stil=\"renk:#($renk);$2;\"", $metin) ; dönüş" "; ) add_filter("wp_tag_cloud", "colorCloud", 1);

Bir uyarı. Bu işlevlerin ikisini (arka plan rengi, bağlantı rengi) aynı anda kullanmayın, aksi takdirde bir çakışma olabilir. Birini seçin ve tüm etiketlerle çalışacaktır.

Sonuç.

Bir gönderinin sonunda etiketleri göster

Sonuç olarak, yukarıda belirtildiği gibi, etiketleri makalenin sonunda göstereceğiz. Fonksiyondan sonra single.php dosyasına eklememiz gerekiyor, şöyle kodlayın:

"); ?>

Ve bir sürü stil.

Tagpost a( background:#D02B7B; border-radius:2px; padding:4px; text-decoration:none !important; color:#fff!important; font-size:11px; )

Sonuç.

Bu kadar.

İÇİNDE yedi merhaba. Bugün CSS3 tasarım stillerini kullanarak güzel etiketler (etiket bulutu) tasarlayacağız. Etiketler - sitelerde gönderileri bazı kriterlere göre gruplamak için kullanılır ve kullanıcının blogda bilgi bulmasını kolaylaştırmak için tasarlanmıştır. WordPress'teki tüm etiketleri görüntülemek için bir widget kullanılır: etiket bulutu.

wordpress etiket bulutu

Göstermek etiket bulutları sitede, widget'ı kenar çubuğunda veya (ekran görüntüsüne bakın) doğru yere sürüklemeniz yeterlidir. Ancak, yazı yazma sürecinde kayıt için etiket belirtmediyseniz, bu etiket bulutu sizin için boş olacaktır. Site oluşturmak için hemen hemen tüm ücretsiz cm'lerde etiketler için yerleşik destek bulunur, bir gönderi yazarken veya site yönetici panelinin "Mesajlar" - "Etiketler" bölümünden sonra oluşturulabilirler.

Siteye etiket bulutu ekledikten sonra çok hoş görünmeyecekler ve onları daha çekici hale getirmeye çalışacağız:

Peki, bu tasarım işe yarar mı? O zaman başlayalım.

wordpress etiket bulutu stil dosyası

Böyle bir etiket bulutu oluşturmak için CSS3 stilini kullanacağız:

Etiketler ( kayan nokta: sol; kenar boşluğu: 0 0 7 piksel 15 piksel; konum: göreli;

yazı tipi ailesi: 'Helvetica Neue', Helvetica, Arial, sans-serif; yazı tipi boyutu: 0.75em yazı tipi ağırlığı: kalın; metin-dekorasyon: yok; renk: #996633; metin gölgesi: 0px 1px 0px rgba(255,255,255,.4); dolgu: 0em 0.417em 0.05em 0.917em üst kenarlık: 1 piksel katı #d99d38; sağ kenarlık: 1 piksel katı #d99d38; kenarlık-alt: 1 piksel katı #d99d38; -webkit-border-radius: 0 0.25em 0.25em 0; -moz-border-radius: 0 0.25em 0.25em 0; sınır yarıçapı: 0 0.25em 0.25em 0; arka plan resmi: -webkit-doğrusal-gradyan(üst, rgb(254, 218, 113), rgb(254, 186, 71)); arka plan görüntüsü: -moz-doğrusal-gradyan(üst, rgb(254, 218, 113), rgb(254, 186, 71)); arka plan görüntüsü: -o-doğrusal-gradyan(üst, rgb(254, 218, 113), rgb(254, 186, 71)); arka plan resmi: -ms-doğrusal-gradyan(üst, rgb(254, 218, 113), rgb(254, 186, 71)); arka plan görüntüsü: doğrusal gradyan(üst, rgb(254, 218, 113), rgb(254, 186, 71)); filtre: progid: DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47'); -webkit-box-shadow: iç metin 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); -moz-box-shadow: iç metin 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); kutu gölgesi: iç metin 0 1px 0 #faeaba, 0 1px 1px rgba(0,0,0,.1); ) .tags:before ( içerik:"; genişlik: 1,30em; yükseklik: 1,358em; arka plan resmi: -webkit-doğrusal-gradyan(sol üst, rgb(254, 218, 113), rgb(254, 186, 71) )); arka plan görüntüsü: -moz-doğrusal-gradyan(sol üst, rgb(254, 218, 113), rgb(254, 186, 71)); arka plan görüntüsü: -o-doğrusal-gradyan(sol üst, rgb(254, 218, 113), rgb(254, 186, 71)); ); arka plan görüntüsü: doğrusal gradyan(sol üst, rgb(254, 218, 113), rgb(254, 186, 71)) ; filtre: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='# feda71′, EndColorStr='#feba47′); konum: mutlak; sol: -0.69em; üst: .2em; -webkit-dönüşümü: döndürme(45deg); -moz-dönüşüm: döndürme(45deg); -o-dönüşüm: döndürme(45deg); dönüştürme: döndürme(45deg); kenar-sol: 1 piksel katı #d99d38; kenar-alt: 1 piksel katı #d99d38; -webkit-border-radius: 0 0 0 0.25em; -moz-border-radius: 0 0 0 0.25em; border-radius: 0 0 0 0.25em; z-index: 1; ).etiketler: sonra ( içerik: "; genişlik: 0,5em; yükseklik: 0,5em; arka plan: #fff; -webkit-border-radius: 4.167em; -moz-border-radius: 4.167em; sınır yarıçapı: 4.167em kenarlık: 1 piksel katı #d99d38; -webkit-box-shadow: 0 1px 0 #faeaba; -moz-box-shadow: 0 1px 0 #faeaba; kutu gölgesi: 0 1px 0 #faeaba; konum: mutlak; üst: 0.667em; sol: -0.083em z-endeksi: 9999; ) .tags: vurgulu ( arka plan resmi: -webkit-doğrusal-gradyan(üst, rgb(254, 225, 141), rgb(254, 200, 108)); arka plan resmi: -moz-doğrusal-gradyan(üst , rgb(254, 225, 141), rgb(254, 200, 108)); ); arka plan görüntüsü: -ms-doğrusal-gradyan(üst, rgb(254, 225, 141), rgb(254, 200, 108)); arka plan görüntüsü: doğrusal gradyan(üst, rgb(254, 225, 141), rgb(254, 200, 108)); filtre: progid: DXImageTransform. Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c'); kenarlık rengi: #e1b160; ) .tags: vurgulu: önce ( arka plan resmi: -webkit-doğrusal-gradyan(sol üst, rgb(254, 225, 141), rgb(254, 200, 108)); arka plan resmi: -moz-doğrusal- arka plan görüntüsü: -o-doğrusal-gradyan(sol üst, rgb(254, 225, 141), rgb(254, 225, 141), rgb(254)); , 200, 108)); arka plan görüntüsü: - ms-doğrusal gradyan(sol üst, rgb(254, 225, 141), rgb(254, 200, 108)); arka plan görüntüsü: doğrusal gradyan(sol üst , rgb(254, 225, 141), rgb( 254, 200, 108)); filtre: progid: DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');

kenarlık rengi: #e1b160; )

Site yönetici panelini açın ve görünüm / düzenleyici sekmesine gidin, sağ sütunda style.css dosyasını seçin.Yukarıdaki kodu kopyalayın ve dosyanın en sonuna yapıştırın. Bu, stil dosyasıyla çalışmayı tamamlar.

Etiket bulutu seçenekleri - wp_tag_cloud işlevi

Varsa, sayfanın Html kodunu açın ve ekrana bakın etiket bulutları, iki sınıf tarafından tanımlandığını görebilirsiniz:

  • etiket Bulutu
  • etiketler-bağlantı

birinci sınıf etiket Bulutu yazı tipi boyutunu, bağlantıların çıktı biçimini, sıralama düzenini, etiketler arasındaki ayırıcıyı vb. tanımlar. İkinci sınıf etiketler-bağlantı etiketler doğrudan açıklanmıştır.

Bu sınıflarda değişiklik yapmak için fonksiyon dosyasını (function.php) açmamız gerekiyor. Ve sınıfı açıklayan kodu dosyanın sonuna ekleyin etiket Bulutu:

İşlev set_tag_cloud_args($args) ( $args["sayı"] = 30; $args["en büyük"] = 10; $args["en küçük"] = 10; $args["birim"] = "px"; $ args["format"] = "düz"; $args döndürür; )

  • en küçük - en az popüler olan etiketlerin minimum yazı tipi boyutu;
  • en büyük - popüler etiketler için maksimum yazı tipi boyutu;
  • birim - yazı tipi tanımı için değer - pt, px, em, % (varsayılan olarak pt'de, genellikle px piksellerinde ayarlarım);
  • sayı – görüntülenecek etiket sayısı (varsayılan olarak 45);
  • biçim - bağlantıları görüntülemek için biçim: düz (boşlukla ayrılmış - varsayılan olarak), liste - UL listesi, dizi - PHP için bir dizi olarak;
  • ayırıcı - etiketler arasında ayırıcı (varsayılan - boşluk);
  • sıralama - sıralama: isim - ada göre (başlangıçta), sayım - popülerliğe göre;
  • sıra - sıralama düzeni: artan - ASC (başlangıçta), azalan - DESC, rastgele - RAND;
  • hariç tut - buluttan hariç tutulacak etiketler;
  • include - buluta dahil edilecek etiketler (yalnızca bunlar görüntülenecektir).

'largest'='smallest' = 10 parametresini ayarladığınızdan emin olun; - popüler ve en az popüler etiketler için aynı yazı tipi boyutu etiket bulutları. Parametrelerin geri kalanını beğeninize göre ayarlayın.

Şimdi kategori-template.php dosyasında (wp-include klasöründe bulunur), aşağıdaki satırları bulmak için cntr+F klavye kısayolunu kullanın:

$a = "$etiket";

$a = "$etiket";

Merhaba arkadaşlar! Bugünün makalesinde, oluşturmak için en iyi dört eklentiye ayrıntılı bir göz atacağım. WordPress etiket bulutları. Kuşkusuz, bir WordPress blogunun gezinmesi ve yapılandırılması çok topaldır, bazen sadece menüyü kullanarak gerekli bilgileri bulmak zordur. Makaleleri bazı kriterlere göre gruplayabilen ve blogda gezinmek için ek bir yol sağlayan kurtarmaya gelen etiketlerdir.

Aslında, bir etiket bulutu, içinde mevcut olan her şeyin bir listesidir. Güzel ve akılda kalıcı bir şekilde gerçekleştirmeye çalışırlar, böylece okuyucular belirli bir konuyla ilgili bir makaleyi hızlı bir şekilde bulmak için kullanırlar. Genellikle en popüler etiketler renkli veya daha büyük yazı tipiyle vurgulanır, böylece hemen göze çarparlar. Tasarım açısından iki tür etiket bulutu seçerdim:

  • Şeffaf bir küre şeklinde yapılmış güzel hacimsel 3D bulutlar. İşaretler, yüzeyinde sanki bulunur. Fare imleci ile üzerlerine geldiğinizde, küre dönmeye başlar, bu çok etkileyici görünüyor. Sanırım onları çeşitli bloglarda sık sık görüyorsunuz. Uygulamaları için HTML5'ten flash veya Canvas teknolojisi kullanılır.
  • Basit ama sevimli düz 2D etiket bulutları. Fırfır sevmeyenler için ideal.

Bu gönderide tartışılan tüm eklentilerin standart olarak yüklendiğini not ediyorum: arşivi wordpress.org'dan indirin, mevcut dizine paketinden çıkarın ve ortaya çıkan klasörü dosyaların bulunduğu /wp-content/plugins dizinindeki sunucuya . Yalnızca WordPress yönetici panelindeki "Eklentiler" bölümünde etkinleştirmek için kalır.

3B 3B etiket bulutu oluşturmak için WordPress eklentileri

Bu konuyla ilgili epeyce eklentiye baktım, bunların en başarılıları WP-Cumulus ve Tag Cloud Canvas. Aldıkları etki açısından benzerler - her ikisi de hacimli küresel bir etiket bulutu oluşturur, yalnızca ilki flash kullanır ve ikincisi HTML5'ten yeni Canvas teknolojisini kullanır.

WP-Cumulus - flash etiket bulutu

WP-Cumulus'un Rusça sürümünü indirin ve yukarıda anlattığım şekilde kurun.

Blog sayfalarındaki etiket bulutu üç şekilde görüntülenebilir:

  • İçerik alanında WordPress sayfalarını ve gönderilerini görüntülemek için bir kısa kod kullanın.
  • Aşağıdaki php kodu satırını WP temanızın şablonlarına yapıştırın:
  • Ve en popüler yol, aynı ada sahip yeni bir etiket bulutu kullanarak blogun kenar çubuğunda bir etiket bulutu görüntülemektir.

Widget ayarlarında başlığını, boyutunu, arka planını ve metin rengini, dönüş hızını ayarlayabilirsiniz. Ayrıca sadece etiketleri değil, başlıkları da görüntülemek mümkündür. Bu seçenek, benim gibi WordPress'te etiket kullanmayan kişiler için uygundur.

Bu nasıl göründüğü:

Tabii ki, dinamiklerde bulut çok daha muhteşem görünüyor.

Etiket Bulutu Tuvali - HTML5 etiket bulutu

İşlevselliği açısından, bu eklenti yukarıda tartışılan WP-Cumulus ile aynıdır, yalnızca flash değil HTML5 kullanır. Tag Cloud Canvas'ı wordpress.org'dan indirebilirsiniz. İçerik alanında etiket bulutunun çıktısı sağlanmaz, yalnızca aynı ada sahip yeni bir pencere öğesi kullanılabilir.

Ayarları İngilizce olsun, ancak çok azı var ve bunu anlamak çok kolay.

  • Başlık - başlık.
  • Taksonomiler - görüntülediklerimiz: etiketler, kategoriler veya her ikisi.
  • Şekil - bulutun şekli (ne kelime oyunu!). Bir küre, yatay silindir veya dikey bir silindir seçebilirsiniz.
  • Genişlik ve Yükseklik - piksel cinsinden genişlik ve yükseklik.
  • Metin Rengi - metin rengi.
  • Arka Plan Rengi - arka plan rengi.
  • Arka Plan Şeffaf mı? — arka planı saydam yapın.

Dışa doğru, WP-Cumulus'tan çok farklı değil:

2B Bulut Oluşturma

Şimdi düz 2D WordPress etiket bulutları için. Burada tekrar Opacity Tags ve Better Tag Cloud gibi çok güzel iki eklentiyi vurgulamak istiyorum. Her birini daha ayrıntılı olarak ele alalım.

Opaklık Etiketlerini indirin ve WordPress'e yükleyin. Yeni bir pencere öğesi görünecektir - Opaklık Etiketleri Etiket Bulutu. Ayarlarını göz önünde bulundurun:

  • Piksel cinsinden Yazı Tipi Boyutu — piksel cinsinden metin boyutu.
  • Görüntülenecek Etiket Sayısı - görüntülenecek etiket sayısı.
  • Etiket Yazı Tipi Rengi - metin rengi. Bir renk seçemezseniz, widget'ı kaydedin ve tekrar deneyin.

Ayarlar yoğun değil ama olsun. Widget blogda bu şekilde görünecektir.

Bu kadar edepsiz bir isimle eklentiyi tekrar wordpress.org'dan indirebilirsiniz. Tüm eklenti ayarları "Eklentiler" - "Daha İyi Etiket Bulutu" bölümünde bulunur. Başlıcaları hızlıca gözden geçirelim:

  • Başlık - başlık.
  • Taksonomi - gösterdiğimiz şey. Varsayılan post_tag, yani etiketlerdir.
  • En küçük yazı tipi boyutu - minimum metin boyutu; En büyük yazı tipi boyutu - maksimum boyut; Birim - ölçü birimleri.
  • Gösterilecek etiket sayısı - gösterilecek etiket sayısı. 0 - mevcut tüm etiketleri göster.
  • Biçim - çıktı biçimi.
  • Sıralama - başlığa, bu etikete sahip gönderilerin sayısına veya her ikisine göre sıralayın.
  • Etiketlere gönderi sayısı eklensin mi? - etiketlerin her birinin dahil olduğu gönderilerin sayısını görüntüleyin.
  • Gönderi sayısını köprünün dışına mı koyuyorsun? - Posta sayacı köprünün dışına taşınsın mı?
  • Yalnızca en az çok kez kullanılmış etiketleri göster - Yalnızca en az çok kez kullanılmış etiketleri göster.
  • Etiket bulutuna kategoriler eklensin mi? - kategori ekle?
  • Bir satırda birden fazla kelime içeren etiketleri zorla? - birkaç kelimeden etiketleri tek satırda görüntülemek gerekli mi?
  • nofollow özelliği eklensin mi? bağlantılara nofollow özelliği eklensin mi?

Ayarlar yapıldığında sitenin sayfalarında görüntülenmeye başlayabilirsiniz. Üç yöntem mevcuttur.

Ancak, çok basittir ve her zaman tasarım ve işlevsellik gereksinimlerini karşılamaz. Bu makalede, daha güzel ve kullanışlı, ancak aynı zamanda basit ve hafif bir etiket bulutu oluşturmanıza olanak tanıyan bir eklenti hakkında bilgi edineceksiniz.

Harika Etiket Bulutu Eklentisi: WordPress Etiket Bulutu

Cool Tag Cloud eklentisi, bakması iyi, özelleştirmesi ve kullanması kolay, kolayca özelleştirilebilir bir etiket bulutu widget'ı oluşturur. Tamamen Rusça bir çeviri var, bu yüzden onunla hiçbir zorluk yok.

Etiket bulutu, site ziyaretçilerinin bu projenin hangi konuları kapsadığını hayal etmeleri için daha iyi gezinmelerine yardımcı olan ek bir gezinme aracıdır. Bu öğe davranışsal faktörler için yararlıdır.

Bir WordPress etiket bulutu oluşturmak için aşağıdaki bağlantıdan Cool Tag Cloud eklentisini indirin. Kurun ve etkinleştirin.

Ayarlardan sonra etiket bulutu şöyle görünebilir.

WordPress Harika Etiket Bulutu

Eklentinin kendi ayarları yok, bu yüzden hemen "Görünüm" konsol öğesine ve "Widget'lar" alt öğesine gidiyoruz. "Cool Tag Cloud" widget'ını seçin, istediğiniz kenar çubuğuna sürükleyin ve ayarlar için genişletin.

Tüm seçenekler Rusça. Sana neye ihtiyacın olduğunu söylemeyeceğim bile.

Sadece bu eklentinin özelliklerinin bir listesini verin:

  • Esnek yazı tipi ayarları: aile, stil ve boyut. Etiketler için minimum yazı tipi boyutu ve daha fazla veya daha az giriş içeren etiketler için maksimum boyut ayarlayabilirsiniz.
  • 10 renk seçeneği, bu WordPress etiket bulutunu herhangi bir tasarım için uygun hale getirir.
  • Sağa veya sola yönlendirme, bu sayede bulutu hem sol hem de sağ kenar çubuklarına uyumlu bir şekilde yerleştirebilirsiniz.
  • Basit ve kolay vurgulu animasyon.
  • Widget'ta görüntülenen maksimum etiket sayısını ayarlama yeteneği.
  • Etiketler yerine kategorileri ve varsa sitedeki diğer taksonomileri görüntüleme yeteneği.
  • Üzerine gelindiğinde etiketteki girişlerin sayısını görüntüleyin.
  • Etiketlerin dizine eklenmemesi için özniteliğini ekleme yeteneği.

Bir etiket veya etiket bulutu oluşturarak ve bunu oluşturulan kaynağın sayfalarında görüntüleyerek kaynak üzerinde ek gezinme uygulamayı düşünebilirsiniz.

İlk önce, ne olduğunu anlayalım mı?

Etiketler (etiketler), kendilerine eklenen kayıtları karakterize eden kelimeler veya deyimlerdir. Dereceli puanlama anahtarları ile aynı şekilde oluşturulurlar. Blogda ek gezinme için veya üzerindeki sayfa sayısını yapay olarak artırmak için blogda görüntülenirler. Doğru, bunların oluşturulması, yayınlanan notların benzersizliğini azaltır.

Bir etiket bulutu, genellikle bir kenar çubuğu olan bir blogdaki belirli bir alana yerleştirilen bir dizi kelimeden oluşur. Kullanıcı bu kelimelere bakar, aradığı bilginin anlamını karakterize eden kelimeleri arar, linkin çapa kelimesine tıklar ve duyuru sayfasını açar, belki ilgisini çeker.

Bu okuyucu için uygun ve benim için iyi, ancak kelime sayısını kötüye kullanmamalı ve oluşturulan etiketlerin spam'i tarafından yanlış yönlendirilmemelisiniz. Öte yandan, girdilerin anlamını kısaca yansıtacak bir dizi kelime veya kısa ifade tanımlamaya çalışın. İdeal seçenek, her bir gönderiyi daha da optimize etmeye yardımcı olacak olan Anahtar Kelimeleri etiketler olarak kullanmaktır. Bunları tanımlamak için Hepsi Bir Arada SEO Paketi eklentisi size yardımcı olacaktır.

Eklentileri kullanarak bir WordPress etiket bulutu oluşturun.

kullandım WP-Cumulus Rus versiyonuhttp://www.wordpressplugins.ru/look/wp-cumulus.html(adresi vurgulayın ve tarayıcının adres çubuğuna kopyalayın). Kurulumu ve etkinleştirilmesi kolaydır

Sadece widget kontrol paneline (6) gidiyorum, Etiket Bulutu widget'ını blog kenar çubuğunun aktif kısmına sürükledim, içinde ne görüntüleneceğini seçiyorum:

  • etiketler
  • başlıklar
  • etiketler ve başlıklar

Sonuç olarak, blogun ön tarafında basit görünümlü bir bulut (7) görüntülenir. Etiketler ne kadar büyük olursa, onlara o kadar fazla gönderi eklenir.

Böyle bir etiket bulutu çok güzel değil, ancak sürekli hareket eden etiketlere tıklamak her zaman uygun olmadığı için kullanımı daha kolaydır.

Eklenti olmadan etiket bulutu görüntüleme

Eklenti olmadan bir WordPress blogunda etiket bulutu oluşturabilirsiniz. Bu, kaynak kodunun kendisini kolaylaştıracak ve bizi üçüncü taraf bir eklenti kurmaktan kurtaracaktır.

1. Bu kodu, WordPress şablon dosyalarını düzenlemeyle ilgili notlar dizisinde açıklandığı gibi sidebar.php dosyasına yapıştırın:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

etiket bulutu

10 , // En az kullanılan etiketler için yazı tipi boyutu"en büyük" => 14 , // En çok kullanılan etiketler için yazı tipi boyutu"birim" => "px" , // Yazı tipi boyutunu pt, em, px vb. olarak seçin.)"sayı" => 60 , // Maksimum etiket sayısını göster"format" => "dizi" , "ayırıcı" => "" , "orderby" => "ad" , // isim - alfabetik sırayla çıktı; saymak - popülerliğe göre"sipariş" => "RAND", // A ile başlayan veya en çok bahsedilen makalelerin sayısına göre"hariç tut" => "" , // işaretli kimlikler dışındaki her şeyi göster"dahil" => "" , // Yalnızca bu kimlikleri bağlarız - gerisini göstermiyoruz"bağlantı" => "görünüm", // görüntüle - bağlantıyı göster"taksonomi" => "post_tag", // post_tag, link_category, kategori - bu türlerden herhangi biri"echo" => doğru ) ); foreach ($arr as $value ) ( $ptr1 = strpos ($value , "font-size:" ) ; $ptr2 = strpos ($value , "px" ) ; $px = round (substr ($değer , $ptr1 ) + 10 , $ptr2 - $ptr1 - 10 ) ) ;$değer = substr ($değer , 0 , $ptr1 + 10 ) .$px .substr ($değer , $ptr2 ) ;$ptr1 = strpos($değer , " class=" ) ; $değer = substr ($değer , 0 , $ptr1 + 7 ) "renk-" .$px . " " .substr ($değer , $ptr1 + 7 ) ; echo " " . $değer. ""; // Noktanın boyutu ve rengi - etiketler arasında ayırıcı } ?>

Yorumlamaya dikkat edin - bu, //'den sonra gelen metindir. Yorumlar, etiket bulutunu kendi takdirinize göre özelleştirmenize izin veren değişen bazı koşulları tanımlar.

2. İlk kodun function.php dosyasına entegre edilmesini gerektiren bir yöntem

1 2 3 4 5 6 7 8 9 10 11 function wm_postCountByTag() ( $tags = get_tags( dizi ("orderby" => "count" , "order" => "DESC" ) ) ) ; if ($tags ) ( foreach ( (dizi ) $tags as $tag ) ( Eko " . get_tag_link($tag -> term_id ) . "" rel="tag">" . $tag -> isim. " (" . $tag -> sayım. ") " ; ) ) )

ancak bu kod sidebar.php dosyasında veya başka bir dosyada.

style.css dosyasında, kaynağınızın görünümüne güzel bir şekilde uyum sağlamasına yardımcı olacak etiket bulutunun tasarım özelliklerini tanımlayın.

3. Bu kodu entegre edin

Etiket bulutunu özelleştirmek için aşağıdaki özellikleri kullanın:

  • 'orderby' => 'name' - operatör şuna göre sıralamaya izin verir: isim - etiket adına göre, sayım - kayıt sayısına göre
  • 'order' => 'ASC' - sıralama düzenini tanımlar: ASC - doğrudan, DESC - ters
  • 'number' => 25 - sayı, bulutta görüntülenecek maksimum etiket sayısını belirler.
  • 'büyük' ​​=> 16 - en çok notun eklendiği etiketi biçimlendirmek için kullanılacak maksimum yazı tipi boyutu
  • 'smallest' => 11 - Minimum gönderi sayısının eklendiği etiketlerin minimum yazı tipi boyutu.
  • 'birim' => 'pt' — yazı tipi birimleri
  • 'exclude' => ” - etiketleri hariç tutmak istiyorsanız, özniteliğe kimliğini atamanız gerekir. Birden çok etiket hariç tutulursa, kimlikler virgülle ayrılır.
  • 'include' => ” – etiket bulutu alanındaki etiketleri içerir, id virgülle ayrılır.

Tüm anlatmak istediğim buydu. Umarım yardımcı olabilmişimdir ve sorununuzu çözmüşsünüzdür. WordPress üzerinde çalışan blogunuzun tasarımındaki herhangi bir sorunu çözmek istiyorsanız, okumaya devam edin.

Konunun devamı:
Yönlendiriciler

İyi günler, gizemli gezgin! Umarım Windows işletim sisteminin çok sayıda faydalı özellik içerdiğini biliyorsunuzdur. Bugünkü yazıda...