Menü
Bedava
kayıt
ev  /  Multimedya/ Etiket bulutlu wordpress galerisi. Eklentilerle WordPress Etiket Bulutunu Geliştirme

Etiket bulutu ile wordpress galeri. Eklentilerle WordPress Etiket Bulutunu Geliştirme

WP-Cumulus: Flash üzerinde 3D yer işaretleri bulutu (geliştirilmiş Rusça sürüm). WP-Cumulus eklentisi zaten eski ve birçok kişi onu duydu ve daha da fazlası onu gördü. Çok güzel, dönen bir 3D bulut şeklinde bir işaret bulutu görüntüleme yeteneği sağlar. Çalışmasını yukarıda görmelisiniz. Eklenti yazarı Roy Tanck.

İndirmek

Sürüm desteği: WP 2.8+

Ekran görüntüleri

Ayarlar

Ayarların tümü eklentide açıklanmıştır ve ekran görüntülerinde bunlarla ilgili herhangi bir sorunuz olmamalıdır. Belki de wp_tag_cloud işlevinin Parametreleri seçeneği dışında. İçinde, bulutta nasıl ve hangi bağlantıların görüntüleneceğini belirleyebilirsiniz. Örneğin, "sayı = 20 ve hariç tutma = 12", daha fazla olsa bile yalnızca 20 etiket yazdırır ve 12 etiketini (etiket kimliği) hariç tutar.

Bu parametre için tüm olası parametreler:

  • en küçük - daha az girişe sahip etiketler için metin boyutu. Varsayılan 8'dir.
  • en büyük - etiketler için metnin boyutu büyük miktar kayıtlar. Varsayılan 22'dir.
  • birim - En küçük ve en büyük için boyut ölçü birimi. Şunlar olabilir: pt, px, em, %. Varsayılan olarak pt.
  • sayı - gösterilecek maksimum etiket sayısı. 0 olarak ayarlanırsa, tüm etiketler sınırlama olmaksızın gösterilecektir. Varsayılan değer 45'tir.
  • hariç tut - belirtilen etiketleri hariç tut. Kimliği virgülle ayırarak belirtmeniz gerekir.
  • dahil et - yalnızca belirtilen etiketleri göster. Kimliği virgülle ayırarak belirtmeniz gerekir.
  • taksonomi, bulutun oluşturulacağı taksonominin adıdır. Bu seçenek sayesinde, sadece etiketler veya kategorilerden değil, herhangi bir sınıflandırmadan terimler çıkarabilirsiniz.

Parametreler &: sayı = 20 ve hariç tutma = 12 ile birleştirilir.

Şablonda 3B bulut çıktısı

wp-cumulus bulutunu bir widget veya kısa kod kullanmadan doğrudan şablonda görüntülemeniz gerekiyorsa, şablon kodunda wp_cumulus_insert ($ seçenekleri, $ bağlantıları) işlevini kullanabilirsiniz. Çıktı, istenen parametreler geçirilerek özelleştirilebilir. Yönetici panelinden yapılan ayarlar bu parametreler tarafından kesintiye uğrayacaktır.

Geçilebilir parametreler:

$ seçenekler = dizi ("genişlik" => "550", // flash "yükseklik" genişlik => "375", // flash yükseklik "tcolor" => "ffffff", // büyük bağlantıların rengi "tcolor2" = > "ffffff", // küçük bağlantıların rengi "hicolor" => "ffffff", // vurgulu bağlantının rengi "bgcolor" => "333333", // arka plan rengi "hız" => "150", / / dönüş hızı " trans "=>" yanlış ", // şeffaf arka plan flash "args" => "", // wp_tag_cloud işlevine geçirilen bağımsız değişkenler. Ör.: en büyük = 20 ve en küçük = 12 ve sayı = 40 "mod" => "etiketler", // hangi bağlantıların görüntülendiği: etiketler (etiketler), kediler (kategoriler), ikisi de (etiketler ve kategoriler) "compmode" = > "js", // flash gömme kodu: js (javascript), boş (nesne) "showwptags" => 1, // flash tarayıcıda çalışmıyorsa HTML bağlantılarının gösterilip gösterilmeyeceği); wp_cumulus_insert ($ seçenekleri);

Şablondaki 3B bulut çıktısı örnekleri

# 1 300x225 piksel boyutunda beyaz bir arka plana sahip bir flash etiket bloğu görüntüleyelim.

Bunu yapmak için, örneğin sidebar.php gibi tema dosyasını açın ve aşağıdaki kodu doğru yere yapıştırın:

"300", "yükseklik" => "225", "bgcolor" => "ffffff")); ?>

# 2 Rastgele bir "yazarlar" taksonomisinden 20 terimlik bir bulut getirin, 300'lük bir dönüş hızı belirtin:

"taksonomi = yazarlar ve sayı20", "hız" => "300")); ?>

# 3 Herhangi bir bağlantıyı görüntüleyin

Taksonomi terimlerine ek olarak, herhangi bir bağlantıyı bulutta görüntüleyebilirsiniz. Bu örnek, kalıcı sayfaların nasıl görüntüleneceğini gösterir, bunun için $ linkler fonksiyonunun ikinci argümanını belirledik:

-1, "post_type" => "sayfa",)); // bir link dizisi oluştur $ linkler = ""; foreach ($ post olarak $ post) ($ fsize = rand (12,28); $ linkler. = "ID)." ">". $ post-> post_title. ""; ) wp_reset_postdata(); // wp_cumulus_insert'i yazdır ("", $ bağlantıları); ?>

Eklentisiz 3D Bulut

Eklentiyi bağlamak istemiyorsanız, eklenti kurulmadan bulut görüntülenebilir. Bunun için:

    Bu arşivi indirin ve içindeki klasörü (wp-cumulus-not-plugin) herhangi bir dizine yerleştirin, tema dizini olsun;

  1. Şablonun bulutu görüntülemeniz gereken yerine wp-cumulus.php dosyasını bağlayın ve wp_cumulus_theme_flashcode ($ options, $ linkler) işlevini kullanın.
"600", // flaş genişliği "yükseklik" => "450", // flaş yüksekliği "tcolor" => "3D3644", // büyük bağlantıların rengi "tcolor2" => "7E748C", // küçüklerin rengi bağlantılar " hicolor "=>" DE1E1C ", // vurgulu bağlantının rengi" bgcolor "=>" ffffff ", // arka plan rengi" hız "=>" 300 ", // dönüş hızı" modu "=>" etiketleri ", // etiketleri (etiketler), kategorileri (kediler) veya her ikisini de "args" => "en büyük = 16 ve en küçük = 10 ve sayı = 30", // wp_tag_cloud işlevine iletilen bağımsız değişkenler // "folder_url" => get_stylesheet_directory_uri(). "/ wp-cumulus-not-plugin /" // php dosya klasörüne url)); ?>
Çalışmıyor?

Bir flash nesnesini görüntülerken, wp_cumulus_theme_flashcode () işlevi 2 dosya içerir: swfobject.js ve tagcloud.swf. İşlev, bu dosyaların URL'sini otomatik olarak belirler (bunlar, wp-cumulus.php dosyasıyla aynı dizinde olmalıdır). URL yanlış tanımlanmışsa, bulut çalışmayabilir. Bu nedenle, işlevi çağırırken, bu 2 dosyanın bulunduğu klasörün URL'sini belirttiğiniz folder_url parametresini belirtmeniz gerekebilir.

Etiketlerinizi buluta mı yoksa daha doğrusu sürekli hareket halinde olan ve site ziyaretçilerinin ilgisini çeken dinamik buluta mı yerleştirmek istiyorsunuz? Sanırım öyle, çünkü bugün bir soru içeren birkaç mektup aldım: bloga. Ve hala ihtiyacı olup olmadığını bilmeyenler veya ne hakkında konuştuklarını bilmeyenler varsa, o zaman blogumun ana sayfasına bakın ve nasıl değerlendirdiğinizi değerlendirin. WordPress etiket bulutu.

Hadi işe başlayalım: WordPress etiket bulutunu kurun yüklemeniz ve etkinleştirmeniz gerekiyor Eklenti WP Cumulus. Aynı zamanda, lütfen DİKKAT, bu eklentinin İnternet'ten bağımsız olarak indirilmesi gerekir! Zorunlu Rus versiyonu !! Aksi takdirde, Eklenti ekle sekmesindeki aramayı kullanırsanız, arama, bu eklentinin Rusça etiketlerinizle doğru şekilde çalışamayacak olan İngilizce sürümünü bulacaktır.

  1. PUA - Eklenti - Eklenti ekle - Dosya yükle.
  2. Etkinleştir.
  3. Eklentiyi yapılandırın.

Bir eklenti kurmak ne anlama geliyor? Kişiselleştirmeyelim ve sadece bulutumuzun sayfada nasıl göründüğüne bakalım!

Bir sayfaya bulut eklemek için Etiket Bulutu Widget'ını seçin ve kenar çubuğuna sürükleyin. Hazır? Ardından görüntülemeye gidin ana sayfa alan.

Ve nasıl? Hepsi iyi?

  • Metin rengi, arka plan rengi takımı?
  • Etiketleri test edin: herhangi bir etikete tıklayın ve sonucu görün. Bu arada, etikete tıklamayı başardınız mı? Dönme hızından memnun musunuz?
  • Bu arada, bulutunuzun kenar çubuğunun boyutuna sığıp sığmadığına dikkat edin! İlk kurulum sırasında, bulutun boyutları kenar çubuğumla eşleşmedi.
  • Etiketleriniz nasıl bulunur? Bir araya toplanmış olduklarını düşünmüyor musun? Evetse, etiketleri bulutta eşit şekilde düzenlemek için eklenti ayarlarındaki kutuyu işaretlediğinizden emin olun.

Sonuç olarak, bulut ayarları sayfasına geri dönelim ve bize uymayan her şeyi düzeltelim.

Eklentiyi yapılandırmak için Ayarlar sekmesindeki WP Cumulus eklenti adındaki LMB'ye tıklamaktan çekinmeyin. İhtiyacınız olan değişiklikleri yapın, siteye gidin ve değişikliklere hayran kalın. Sadece DİKKAT, değişiklik yaptıktan sonra gerçekte nasıl göründüğünü kontrol ettiğinizden ve herhangi bir şey varsa parametreleri yerlerine geri getirdiğinizden emin olun.

Bu arada, Widget'lar sekmesindeki Etiketlerin Bulutu'na tıklarsanız aynı eklenti ayarları yapılabilir.

UNUTMA! Kutuyu mutlaka işaretlemeniz gerektiğine dikkatinizi çekiyorum.

Etiketleri rastgele yerine birbirinden eşit mesafelerde düzenler

aksi takdirde etiketleriniz bir araya gelebilir ve buluttan zevk ve güzellik alamazsınız!

Bu arada, neredeyse sizi uyarmayı unuttum: Eklenti sadece en az bir etiket varsa ayarlanması gerekir !!! Etiket yoksa, makaleleri açtığınızdan ve etiket eklediğinizden emin olun !!!

Özetleyelim:

  • neden WP Cumulus eklentisine ihtiyacınız olduğunu öğrendim
  • indirilen WP Cumulus eklentisi
  • nasıl kurulacağını, etkinleştirileceğini, yapılandırılacağını öğrendi Eklenti WP Kümülüs
  • öğrendi, WordPress etiket bulutu nasıl kurulur blogda

Bu bulutu üç ay boyunca test ettim ve şimdilik bu bulutu sitemden kaldırmaya karar verdim. Blogu etiket bulutu olmadan test etme.

Bu makalede, bir blogda bir etiket bulutu görüntülemenin üç yolunda size yol göstereceğim. Her para çekme yönteminin kendine göre avantajları vardır. Her yönteme ayrı ayrı bakalım.

1. yöntem. php kodu ile bir etiket bulutu gösteriliyor
Avantaj: Etiket bulutu her yerde görüntülenebilir.

Bu arada, son zamanlarda, bu yöntem sitelerimden birinde bana çok yardımcı oldu, çünkü kendi stilimi başlığa ve etiketlerin kendisine ayarlamam gerekiyordu.
Dezavantajı: Kodlarla çalışabilmeniz gerekir. Ne yazık ki, herkes dosyalardaki bir şeyi nasıl düzelteceğini sevmiyor ve hatta bilmiyor.
İşte kodun kendisi:

Etiket Bulutu:

Kodu tema (şablon) dosyanızın herhangi bir yerine yapıştırın.

Ekstra seçenekler :

○ "En küçük" parametresi - en az popüler olan etiketin yazı tipi boyutunu tanımlar.

○ "En büyük" parametresi, en popüler etiketin yazı tipi boyutunu tanımlar.

"En küçük" ve "en büyük" olmak üzere iki parametreyi birleştiriyoruz:

○ "sayı" parametresi - sayfada görüntülenen etiketlerin sayısını belirler

○ "orderby" parametresi - etiketleri ada (ad) ve popülerliğe (sayı) göre sıralar

Veya

○ "order" parametresi - etiket bulutunu alfabetik sırayla görüntüler - ASC (A-Z), DESC (Z-A) ve RAND (rastgele çıktı sırası).

○ "exclude" parametresi, gereksiz etiketlerin genel listeden çıkarılmasına yardımcı olacaktır. Etiketlerin kimliğini virgülle ayırarak yazın.

○ "include" parametresi - hangi etiketlerin çıktı alınacağını belirlemeye yardımcı olur ortak liste... Etiketlerin kimliğini virgülle ayırarak yazın.

2. yol

Faydaları: Hızlıdır.
Dezavantajları: Ayarlarda kısıtlamalar vardır ve bunu istediğiniz gibi düzenlemek her zaman mümkün değildir.
öyleyse git admin paneli => "Görünüm" => "Widget'lar"... Sol tarafta, Etiket Bulutu widget'ını bulun. Üstüne tıkla

ve widget'ı eklemek için uygun bir yer seçin.

3. yol. "wp-cumulus" veya "Tag Cloud Canvas" eklentisi aracılığıyla bir etiket bulutu görüntüleme
"WP-Cumulus" veya "Tag Cloud Canvas", WordPress'te bir 3D etiket bulutu oluşturmak için bir eklentidir ve kurulumdan sonra etiket bulutu şöyle görünür:

WP-Cumulus eklentisini indirebilir ve şu adresten nasıl yapılandırıldığını görebilirsiniz:

https://mywordpress.ru/plugins/wp-cumulus-oblako-tegov/

"Tag Cloud Canvas" eklentisini indirin:

https://wordpress.org/plugins/tag-cloud-canvas/

Avantajlar: İşaret bulutunun güzel ve hızlı çıktısı.
Dezavantajları: Blog tasarımı için her zaman uygun değildir ve ayrıca blogda gereksiz yük.

Hepsi bu, arkadaşlar! Doğru ve başarılı bir seçim yapmanızı dilerim!

Bu yazıda eklentiyi yıkacağız. WP-Kümülüs etiketleri (etiketleri) hareketli bir hacimsel küre ( flaş).Etiket Bulutu ziyaretçinin tüm başlıklarda ilgilendiği makaleleri aramasına gerek kalmayacak, sadece etiketleri kullanması uygun olacaktır.

Eklenti kurulumu ve yapılandırması

1. Sizin WordPress sürümü 2.3 veya daha yüksek olmalıdır. için etiket bulutuWordpress eski sürümlerle çalışmayacaktır.

2. Rusça sürümünü indirin wp-cumulus klasörünü eklenti dizininize atıyoruz ( wp içeriği / eklentiler /).

3. Yönetici alanında eklentiyi etkinleştirin.

Tüm eklenti ayarları ( Parametremax \ WP Kümülüs)... Birdenbire eklenti ayarlarında bir onay işareti yoksa, ( Etiketleri küre üzerinde eşit şekilde düzenleyin) o zaman kesinlikle koymalısın. Aksi takdirde, buluttaki etiketler birbirinin üzerinden geçecek ve güzel olmayacaktır.

Bir wordpress etiket bulutu görüntülemek için üç seçeneğiniz vardır.

1. Eklemeniz gerekiyorsa wordpress bulut bir makaleye veya sayfaya etiketi ekleyin

Bu etiket ile değiştirilecek flaş etiket bulutu sayfayı görüntülerken.

2. eklemek için wordpress etiket bulutları kodu şablon aracılığıyla kullanın:

3. Etiket bulutunu kenar çubuğunda görüntülemek istiyorsanız, ( Tasarım \ Widget'lar) ve bir widget ekleyin.

Widget'ın ayrı bir ayarları vardır, böylece arka plan rengini, boyutunu vb. değiştirebiliriz.

Bu widget'ı istediğiniz gibi özelleştirin ve " Kaydetmek".

Her şey Rusça'ya çevrildi, sanırım çözebilirsin.

Etiketlerin WordPress taksonomilerinin önemli bir parçası olduğunu biliyoruz ve onları düzenlemek için bir araç olarak hizmet ediyorlar. Etiketler, gönderi oluşturma işlemi sırasında anında oluşturulur ve belirli etiketlerle ilişkili benzer gönderileri bulmamıza yardımcı olur. Tipik olarak, bir WordPress blogunda, çeşitli etiketler bir etiket bulutu içinde gruplanır ve her bir etiketin boyutu, gönderilerde kullanım sıklığına göre belirlenir. Bu yazımızda size fonksiyonu nasıl doğru şekilde kullanacağınızı göstereceğiz. wp_tag_cloud() tüm bu etiket bulutlarından sorumlu olan.

Tanıtım

Bu, gönderilerinize atanan etiketleri görüntülemek için çekirdeğe yerleştirilmiş ve etiket bulutunu görüntüleyen ana işlevdir.

8, "en büyük" => 22, "birim" => "pt", "number" => 45, "format" => "flat", "separator" => "\ n", "orderby" => " name "," order "=>" ASC "," hariç tut "=> null," dahil et "=> null," topic_count_text_callback "=> default_topic_count_text," link "=>" görünüm "," sınıflandırma "=>" post_tag " , "eko" => doğru); ?>

WordPress Kodeksi sayfasında wp_tag_cloud() tüm bu fonksiyon parametrelerini net bir şekilde açıklıyor, ancak en temel olanlara hızlıca bir göz atalım.

  • 'en küçük'- Bu parametre, etiket bulutundaki metnin minimum boyutunu tanımlar.
  • 'En büyük'- Bu parametre şunları belirler: en büyük boy etiket bulutundaki metin.
  • 'Sayı'- Bu parametre, etiket bulutunda görüntülenen toplam etiket sayısını belirler. Hepsini istiyorsanız '0' belirtebilirsiniz.
  • 'Biçim'- Bu parametre, bulutun görüntülenme biçimini belirler. Değerleri alabilir' düz‘, ‘liste', veya ' dizi
  • 'Ayırıcı'- Bu parametre, buluttaki etiket ayırıcıyı tanımlar
  • "Topic_count_text_callback"- Bu parametre, bir araç ipucu olarak her etikete atanan giriş sayısını görüntüler
  • "Sınıflandırma"- Bu parametre, etiket bulutunda kullanılabilecek WordPress sınıflandırmasının türünü tanımlar. Varsayılan ' post_tags'Ama özel taksonomileri de kullanabilirsiniz

Bu parametreler, etiket bulutunun özelleştirilmesinde önemli bir rol oynar.

kullanım

WordPress, sayfanın uygun alanına yerleştirilebilen standart bir Etiket Bulutu widget'ına sahiptir. Ancak, bir widget kullanmadan bile işlevi kullanabilirsiniz. wp_tag_cloud() blogunuzda etiket bulutunu görüntülemek ve özelleştirmek için. Parametreleri çeşitli şekillerde de belirtebilirsiniz.

Parametreler basit bir satırda '&' ile ayrılır.

Parametreleri dizi biçiminde belirtme.

"10", "en büyük" => "50", "birim" => "px", "sayı" => "45", "ayırıcı" => "::", "orderby" => "count", "sipariş" => "RAND")); ?>

Yalnızca seçilen parametreleri belirtiriz, geri kalanı varsayılan olarak olduğu gibi bırakılır.

Etiket bulutunu blogda görüntülemeden bir dizi olarak döndürürüz. Sonuç daha sonra PHP kodunda kullanılabilir.

pratik örnekler

Örnek 1: Temanızın kenar çubuğunda veya alt bilgisinde bir etiket bulutu görüntüleme

Dosyanızda bir işlev oluşturun işlevler.php ve işlevi döndür wp_tag_cloud()... Bir kez tanımlandıktan sonra, bu işlevi blogunuzun herhangi bir yerinde çağırabilirsiniz.

my_cloud işlevi ($ echo = false) (if (function_exists ("wp_tag_cloud")) wp_tag_cloud ();) döndürür

Şimdi dosyanızı açalım kenar çubuğu.php ve etiket bulutunu görüntülemek için bir işlevi çağırın.

Popüler etiketler"; my_cloud();?>

biraz ekleyelim CSS stilleri dosyamıza stil.css etiket bulutunun daha düzgün görünmesini sağlamak için.

Mycloud a (arka plan: # FFC414; renk: # 0000FF; ekran: satır içi blok; kenar boşluğu: 0 4px 8px 0; dolgu: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border -yarıçap: 20 piksel; yazı tipi boyutu: 10 piksel;) .mycloud h3 (yazı tipi stili: italik; yazı tipi ağırlığı: kalın; yazı tipi boyutu: 30 piksel; renk: # FF00FF; yazı tipi ailesi: Comic Sans;)

Şimdi böyle görünüyor:

bizde aynısını yapıyoruz altbilgi.php senin teman.

Kendi CSS stillerinizi ekleyerek daha da güzel hale getirebilirsiniz.

Fonksiyona çeşitli parametreler ekleyerek wp_tag_cloud() dosyalamak işlevler.php etiket bulutumuzu özelleştirebiliriz. Örneğin, etiket bulutuna veya sınıflandırma bulutuna hem etiketleri hem de kategorileri dahil etmek istiyorsanız, fonksiyon aşağıdaki gibi yazılmalıdır:

Wp_tag_cloud (dizi ("taksonomi" => dizi ("post_tag", "kategori")));

Örnek 2: Blogunuz için bir Etiket Bulutu Sayfası Oluşturun

Bazen etiket bulutunu kenar çubuğuna veya altbilgiye taşımanız gerekmez, ancak onlar için oluşturmanız gerekir. ayrı sayfa"temizlik" amacıyla dış görünüş Blog. Bu, aşağıdaki şekilde yapılabilir.

Öncelikle tema klasörünüzde fonksiyon ile kendi sayfa şablonumuzu oluşturalım. wp_tag_cloud()... Bu dosyayı arayacağız tagcloud.php

Şimdi WordPress yönetici alanına gitmeniz ve Sayfalar -> Yeni Ekle... İstediğiniz başlığı sayfaya ve ardından bölüme ayarlayın. Sayfa özellikleri bunun için bir şablon seçin - Etiket Bulutu ve ardından Güncelle'ye tıklayın. Bu kadar. Etiket bulutu sayfanız hazır. CSS ile renklendirebilirsiniz.

Örnek 3: Kenar Çubuğu için Kaydırılabilir Etiket Bulutu Bloğu Oluşturun

Kullanıcılardan, kaydırılabilir bir bloktan kenar çubuğundaki etiketleri seçmelerini isteyebilirsiniz. Bunu yapmak için dosyada bir işlev oluşturmanız gerekir. işlevler.php.

işlev cloudbox () (if (function_exists ("wp_tag_cloud")) ($ etiketleri = wp_tag_cloud (dizi ("smallest" => 10, "en büyük" => 10, "orderby" => "name", "order" =>) "ASC", "format" => "dizi")); foreach ($ etiketi olarak $ etiketleri) (echo $ etiketi. "
"; } } }

Yukarıdaki fonksiyonda fonksiyon dizi formatını kullandık. wp_tag_cloud(), yazı tipi olduğu gibi bırakılmış ve liste ada göre azalan düzende sıralanmıştır.

şimdi bizimkileri açıyoruz kenar çubuğu.php ve bu işlevi çağırın.

Lütfen bir etiket seçin

CSS ile stillendirelim.

#cloud (arka plan: #FFFFCC; yükseklik: 200 piksel; genişlik: 200 piksel; kenar boşluğu: 0 otomatik; taşma: kaydırma; kenarlık: 4 piksel katı # 000000; dolgu: 2 piksel; metin hizalama: yasla;) #bulut a (arka plan: # 400000; renk: # FFFF00; görüntü: satır içi blok; kenar boşluğu: 0 4px 8px 0; dolgu: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; yazı tipi -size: 15px;) #text (yazı tipi stili: italik; yazı tipi ağırlığı: kalın; yazı tipi boyutu: 20 piksel; renk: # FF9900; yazı tipi ailesi: Comic Sans;)

Sonuç olarak, blok böyle görünecek.