Ko'pgina manbalarda teglar ko'pincha bo'sh joy yoki go'zallikni to'ldirish uchun emas, balki bevosita maqsadda ham ko'rsatiladi. Material ma'lum so'zlar bo'yicha guruhlangan, bu esa topishni osonlashtiradi zarur ma'lumotlar. Yoki ular hatto standart toifalarni teglar bo'yicha saralash bilan almashtiradilar, bu katta portallar uchun amal qiladi.

Bugun biz teg bulutini saytning alohida sahifasida va standart vidjet orqali har bir tegni o'rnatish orqali ko'rsatishning bir usulini ko'rib chiqamiz. turli rang havolalar yoki fon. Natijada, biz rangli teglar bulutiga ega bo'lamiz va bularning barchasiga post oxirida oddiy teglarning chiqishini qo'shamiz.

Rasmiy omborda ushbu mavzu bo'yicha juda ko'p bo'lsa-da, biz maxsus plaginlardan foydalanmaymiz. Masalan, uchun , eski va taniqli modul. Barcha harakatlar ichida amalga oshiriladi qo'lda rejim, aytganda, ba'zi funktsiyalar yordamida o'z-o'zidan.

Bulutni alohida sahifada belgilang

Uni amalga oshirish uchun biz keraksiz funktsiyalarni olib tashlashimiz va kerakli joyga o'zimizni qo'shishimiz kerak. Men tavsifdagi shablonga oid tafsilotlarni o'tkazib yuboraman, men faqat asosiy fikrlarga tegaman (qolgan hamma narsani yuqoridagi havolada topishingiz mumkin).

Dublikat standart fayl page.php , uni tags.php sifatida saqlang va faylning boshida sharh qo'shing:

/* Andoza nomi: teg buluti */

Ichkarida bu fayl keraksiz funktsiyalarni olib tashlang: pastadir, navigatsiya, sharh shakli va kerak bo'lmagan barcha narsalarni. G'oya shundan iboratki, sarlavha, yon panel, altbilgi va bloklar tarkibning to'g'ri ko'rinishini saqlab qolishi kerak.

Faqat functions.php fayliga quyidagi kodni yozish qoladi:

|i", "colorCloudCallback", $text); return $text; ) funksiyasi colorCloudCallback($matches) ( $text = $matches; #Teg fon rangi $colors = array("F99","C9C","F96" ,"6CC","6C9","37A7FF","B0D686","E6CC6E"); $color=$pattern = "/style=(\"|\")(.*)(\"| \")/i"; #Teg uslublari $text = preg_replace($pattern, "style=\"display: inline-block; *displey: inline; *zoom: 1; rang: #fff; matn soyasi: 1px 1px 1px #989898; padding: 0 5px 5px 0; text-decoration: none! : fon rangi .4s chiziqli o'tish: fon rangi .4s chiziqli; \"|\")/i"; return ";

Funktsiya colorCloud($text) ( $text = preg_replace_callback("| |i", "colorCloudCallback", $text); return $text; ) funksiyasi colorCloudCallback($matches) ( $matn = $matches; $color = dechex(rand(0.16777215)); $pattern = "/style= (\ "|\")(.*)(\"|\")/i"; $text = preg_replace($pattern, "style=\"color:#($color);$2;\"", $ text) qaytish "; "; ) add_filter("wp_tag_cloud", "colorCloud", 1);

foydalandim WP-Cumulus rus versiyasi — http://www.wordpressplugins.ru/look/wp-cumulus.html(manzilni ajratib ko'rsating va uni nusxalash manzil satri brauzer). O'rnatish va faollashtirish oson

Men shunchaki vidjet boshqaruv paneliga (6) o‘taman, “Tag Cloud” vidjetini ichiga tortaman faol qismi Blogning yon panelida men unda nima ko'rsatilishi kerakligini tanlayman:

• teglar
• sarlavhalar
• teglar va toifalar

Natijada, blogning old tomonida oddiy ko'rinishdagi bulut (7) ko'rsatiladi. Yorliqlar qanchalik massiv bo'lsa, ularga ko'proq postlar biriktiriladi.

Bu teg buluti unchalik chiroyli emas, lekin undan foydalanish osonroq, chunki doimiy harakatlanuvchi teglarni bosish har doim ham qulay emas.

Plaginsiz teg bulutini ko'rsatish

Siz teg bulutini yaratishingiz mumkin WordPress blogi va plaginsiz. Bu resurs kodining o'zini soddalashtiradi va bizni uchinchi tomon qo'shimchasini o'rnatishdan qutqaradi.

1. WordPress shablon fayllarini tahrirlash boʻyicha bir qator eslatmalarda taʼriflanganidek, ushbu kodni sidebar.php fayliga joylashtiring:

$qiymat.

" " ;

2. Birinchi kodni functions.php fayliga integratsiyalashni talab qiluvchi usul

funktsiya wm_postCountByTag() ( $tags = get_tags( massiv ("orderby" => "count" , "order" => "DESC" ) ); if ($tags ) ( foreach ((massiv ) $tag sifatida $tag ) ( aks-sado

. get_tag_link($tag -> term_id) . "" rel="tag">". $tag -> ism. "(" . $tag -> hisoblash. ") " ; ) ))

va bu kod sidebar.php fayliga yoki boshqa har qanday faylga kiritiladi.

• Style.css faylida uni manbangiz ko'rinishiga chiroyli tarzda moslashtirishga yordam beradigan teg buluti dizayni xususiyatlarini aniqlang.
• 3. Ushbu kodni birlashtiring
• Yorliq bulutini sozlash uchun quyidagi xususiyatlardan foydalaning:
• 'orderby' => 'name' - operator saralashga imkon beradi: nomi - teg nomi bo'yicha, soni - yozuvlar soni bo'yicha
• 'order' => 'ASC' - tartiblash tartibini belgilaydi: ASC - oldinga, DESC - teskari
• 'raqam' => 25 - raqam bulutda ko'rsatiladigan teglarning maksimal sonini aniqlaydi.
• "eng katta" => 16 - eng ko'p eslatma biriktirilgan tegni formatlash uchun ishlatiladigan maksimal shrift hajmi
• 'smallest' => 11 — Minimal postlar soni biriktirilgan teglarning minimal shrift o'lchami.

Sizga aytmoqchi bo'lganim shu edi. Umid qilamanki, men sizga yordam berdim va siz o'zingiz uchun qo'ygan muammoni hal qildingiz. Agar siz WordPress-da ishlaydigan blogingiz dizayni bilan bog'liq har qanday muammoni hal qilmoqchi bo'lsangiz, o'qing.

Salom do'stlar! Bugungi maqolada men yaratish uchun to'rtta eng yaxshi plaginlarni batafsil ko'rib chiqaman WordPress teg bulutlari. Tan olaman, WordPress-da blogning navigatsiyasi va tuzilishi juda yomon, ba'zida faqat menyudan foydalanib kerakli ma'lumotlarni topish qiyin; Teglar yordamga keladi, chunki ular maqolalarni ba'zi mezonlarga ko'ra guruhlashlari va blogda harakat qilishning qo'shimcha usulini taqdim etishlari mumkin.

Haqiqatan ham, teg buluti barcha . Ular uni chiroyli, jozibali qilishga harakat qilishadi, shunda o'quvchilar ma'lum bir mavzudagi maqolani tezda topish uchun foydalanadilar. Ko'pincha eng mashhur teglar darhol sezilarli bo'lishi uchun rangli yoki kattaroq shriftda ta'kidlanadi. Dizayn nuqtai nazaridan men yorliqli bulutlarning ikki turini ajratgan bo'lardim:

• Shaffof shar shaklida yaratilgan chiroyli hajmli 3D bulutlar. Belgilar xuddi uning yuzasida joylashgan. Sichqoncha kursorini ularning ustiga olib borganingizda, shar aylana boshlaydi, bu juda ta'sirli ko'rinadi. O'ylaymanki, siz ularni turli xil bloglarda tez-tez ko'rasiz. Ularni amalga oshirish uchun HTML5-dan flash yoki Canvas texnologiyasi qo'llaniladi.
• Oddiy, ammo yoqimli tekis 2D tegli bulutlar. Buruqlarni yoqtirmaydiganlar uchun juda mos keladi.

Shuni ta'kidlashim kerakki, ushbu postda muhokama qilingan barcha plaginlar standart sifatida o'rnatilgan: arxivni wordpress.org dan yuklab oling, uni joriy katalogga oching va natijada olingan papkani fayllar bilan /wp-content/plugins katalogidagi serverga yuklang. . Qolgan narsa uni WordPress administrator hududidagi "Pluginlar" bo'limida faollashtirishdir.

3D teg bulutini yaratish uchun WordPress plaginlari

Men ushbu mavzu bo'yicha bir nechta plaginlarni ko'rib chiqdim, ulardan eng muvaffaqiyatlisi WP-Cumulus va Tag Cloud Canvas. Olingan effekt jihatidan ular bir-biriga o'xshash - ikkalasi ham uch o'lchamli sharsimon teglar bulutini yaratadi, ulardan faqat birinchisida flesh, ikkinchisida esa HTML5 dan yangi Canvas texnologiyasi qo'llaniladi.

WP-Cumulus - flesh teg buluti

WP-Cumulus ruscha versiyasini yuklab oling va yuqorida aytib o'tganimdek o'rnating.

Teg buluti blog sahifalarida uchta usulda ko'rsatilishi mumkin:

• Tarkib sohasida WordPress sahifalari va postlarini ko'rsatish uchun qisqa koddan foydalaning.
• Foydalanilayotgan WP mavzusi shablonlariga quyidagi PHP kod qatorini joylashtiring:
• Va eng ommabop yo'li - bir xil nomdagi yangi teglar yordamida blogning yon panelida teglar bulutini ko'rsatish.

Vidjet sozlamalarida siz uning nomini, o'lchamlarini, fon va matn rangini, aylanish tezligini o'rnatishingiz mumkin. Bundan tashqari, nafaqat teglarni, balki toifalarni ham ko'rsatish mumkin. Ushbu parametr men kabi WordPress-da teglardan foydalanmaydigan odamlar uchun javob beradi.

Bu shunday ko'rinadi:

Albatta, dinamikada bulut ancha ta'sirli ko'rinadi.

Tag Cloud Canvas - HTML5 teg buluti

Funktsionallik nuqtai nazaridan ushbu plagin yuqorida muhokama qilingan WP-Cumulus bilan bir xil, faqat u flesh emas, balki HTML5 dan foydalanadi. Tag Cloud Canvas-ni wordpress.org saytidan yuklab olishingiz mumkin. Teg buluti kontent sohasida ko'rsatilmaydi, faqat bir xil nomdagi yangi vidjet mavjud.

Uning sozlamalari ingliz tilida bo'lsa ham, ularning soni juda oz va tushunish qiyin emas.

• Sarlavha - sarlavha.
• Taksonomiyalar - biz ko'rsatadigan narsalar: teglar, toifalar yoki ikkalasi.
• Shakl - bulutning ko'rinishi (qanday so'z o'yini!). Siz sharni, gorizontal silindrni yoki vertikalni tanlashingiz mumkin.
• Kenglik va balandlik - piksellardagi kenglik va balandlik.
• Matn rangi - matn rangi.
• Fon rangi - fon rangi.
• Fon shaffofmi? — fonni shaffof qilish.

Tashqi tomondan, u WP-Cumulusdan unchalik farq qilmaydi:

2D bulut yaratish

Endi tekis 2D WordPress teg bulutlari uchun. Bu erda yana ikkita juda yaxshi plaginlarni ta'kidlamoqchiman Opacity Tags va Better Tag Cloud. Keling, ularning har birini batafsil ko'rib chiqaylik.

Opacity teglarini yuklab oling va uni WordPress-ga o'rnating. Yangi vidjet paydo bo'ladi - Opacity Tags Tag Cloud. Keling, uning sozlamalarini ko'rib chiqaylik:

• Shrift hajmi piksellardagi - piksellardagi matn hajmi.
• Ko'rsatiladigan teglar soni — ko'rsatiladigan teglar soni.
• Teg shrift rangi - matn rangi. Agar rangni tanlay olmasangiz, vidjetni saqlang va qaytadan urining.

Juda ko'p sozlamalar yo'q, lekin yaxshi. Vidjet blogda shunday ko'rinadi.

Bunday noodatiy nomdagi plaginni wordpress.org saytidan yana yuklab olishingiz mumkin. Barcha plagin sozlamalari "Plugins" - "Better Tag Cloud" bo'limida joylashgan. Keling, asosiylarini tezda ko'rib chiqaylik:

• Sarlavha - sarlavha.
• Taksonomiya - biz nimani chiqaramiz. Standart post_tag, ya'ni teglar.
• Eng kichik shrift o'lchami - minimal matn hajmi; Shriftning eng katta o'lchami - maksimal o'lcham; Birlik - o'lchov birliklari.
• Ko'rsatiladigan teglar soni - ko'rsatiladigan teglar soni. 0 - barcha mavjud teglarni ko'rsatish.
• Format - chiqish formati.
• Buyurtma bo'yicha — sarlavha, berilgan teg bilan postlar soni yoki bir vaqtning o'zida ikkala parametr bo'yicha tartiblash.
• Teglarga postlar soni qo'shilsinmi? — har bir teg qo'llaniladigan postlar sonini ko'rsatish.
• Xabarlar sonini giperhavoladan tashqariga qo'yingmi? — Post hisoblagichini giperhavoladan tashqariga o'tkazasizmi?
• Faqat kamida bir necha marta ishlatilgan teglarni ko'rsatish - Faqat kamida bir necha marta ishlatilgan teglarni ko'rsatish.
• Bulutli teglar uchun toifalar qo‘shilsinmi? - toifalar qo'shiladimi?
• Bir qatorda bir nechta so'zli teglarni majburlash kerakmi? — Bir qatorda bir nechta so'zlardan iborat teglarni ko'rsatish kerakmi?
• nofollow atributi qo'shilsinmi? — havolalarga nofollow atributini qo'shingmi?

Sozlamalar tugagach, sayt sahifalariga chiqishni boshlashingiz mumkin. Uchta usul mavjud.

Teglaringizni bulutga, toʻgʻrirogʻi, doimo harakatda boʻlgan va saytga tashrif buyuruvchilar eʼtiborini tortadigan dinamik bulutga joylashtirishni xohlaysizmi? Men shunday deb o'ylayman, chunki bugun men savol bilan bir nechta xat oldim: blog haqida. Va agar hali ham ularga kerak yoki yo'qligini bilmaydigan yoki nima haqida gaplashayotganimizni umuman bilmaganlar bo'lsa, mening blogimning asosiy sahifasiga qarang va sizga qanday yoqishini baholang. WordPress teg buluti.

Keling, biznesga tushamiz: to WordPress teg bulutini o'rnating o'rnatish va faollashtirish kerak plagin W. P. Kumulus. Iltimos, ushbu plaginni Internetdan o'zingiz yuklab olishingiz kerakligini unutmang! Ruscha versiyasiga ega bo'ling!! Aks holda, agar siz plaginni qo'shish yorlig'ida qidiruvdan foydalansangiz, qidiruv ushbu plaginning inglizcha versiyasini topadi, bu sizning ruscha teglaringiz bilan to'g'ri ishlay olmaydi.

1. PUA - plagin - plagin qo'shish - faylni yuklash.
2. Faollashtirish.
3. Plaginni sozlang.

Plaginni sozlash nimani anglatadi? Keling, uni sozlamaylik va sahifada bulutimiz qanday ko'rinishini ko'raylik!

Sahifaga bulut qo‘shish uchun Label Cloud vidjetini tanlang va uni yon panelga torting. Tayyormisiz? Keyin saytning asosiy sahifasini ko'rishga o'ting.

Va qanday qilib? Sizga hamma narsa yoqadimi?

• Matn rangi va fon rangidan mamnunmisiz?
• Teglar qanday ishlashini tekshiring: istalgan tegni bosing va natijani ko'ring. Aytgancha, tegni bosishga muvaffaq bo'ldingizmi? Aylanish tezligi sizni qoniqtirdimi?
• Aytgancha, sizning bulutingiz yon panelning o'lchamiga mos kelishiga e'tibor bering! Dastlabki o'rnatish vaqtida bulut o'lchami yon panelimga mos kelmadi.
• Teglaringiz qanday tartibga solingan? Nima deb o'ylaysiz, ular bir joyga to'planishganmi? Ha bo'lsa, bulutdagi teglarni teng ravishda taqsimlash uchun plagin sozlamalaridagi katakchani belgilashingiz kerak.

Shuning uchun, keling, bulut sozlamalari sahifasiga qaytaylik va bizga mos kelmaydigan hamma narsani tuzatamiz.

Plaginni sozlash uchun Sozlamalar yorlig'idagi WP Cumulus plaginining nomidagi LMB ni bosing. Kerakli o'zgarishlarni kiriting, saytga o'ting va o'zgarishlarga qoyil qoling. Faqat DIQQAT, o'zgartirishlar kiritgandan so'ng, uning haqiqatda qanday ko'rinishini tekshirib ko'ring va agar biror narsa bo'lsa, parametrlarni o'z joyiga qaytaring.

Aytgancha, xuddi shu plagin sozlamalari, agar siz Vidjetlar yorlig'ida Placemark Cloud-ni bossangiz, amalga oshirilishi mumkin.

UNUTMANG! Iltimos, katakchani belgilashingiz kerakligini unutmang

Teglarni tasodifiy joylashtirish o'rniga bir-biridan teng masofada joylashtiradi

aks holda teglaringiz chalkashishi mumkin va siz bulutdan hech qanday zavq yoki go'zallikka ega bo'lmaysiz!

Aytgancha, men sizni ogohlantirishni deyarli unutdim: plagin faqat kamida bitta yorliq bo'lsa o'rnatish kerak !!! Agar teglar bo'lmasa, maqolalarni ochib, teg qo'shishni unutmang!!!

Keling, xulosa qilaylik:

• WP Cumulus plaginiga nima uchun kerakligini bilib oldik
• WP Cumulus plaginini yuklab oldi
• o‘rnatish, faollashtirish, sozlashni o‘rgandi plagin W.P
• aniqlandi WordPress teg bulutini qanday o'rnatish kerak blogga

Men ushbu bulutning ishlashini uch oy davomida sinab ko'rdim va hozircha ushbu bulutni saytimdan olib tashlashga qaror qildim. Men blogni teg bulutsiz sinab ko'raman.

Yoniq . Teglar- bu sizning maqolalaringizga tayinlangan kalit so'zlar. Bu so'zlar sizning maqolalaringiz orasidagi qo'shimcha aloqadir, chunki ularning yordami bilan maqolalar alohida mavzularga bo'linadi. Maqolalar alohida mavzular bo'yicha ham sarlavhalar yordamida tarqatiladi, lekin agar bitta maqolaga odatda bitta sarlavha berilgan bo'lsa, unda bir nechta teglar beriladi.

Yorliqlar yon panelda ko'rinishi mumkin WordPress blogi. WordPress-dagi teglar alohida so‘zlar yig‘indisiga o‘xshaydi. Ba'zi so'zlarning shrifti kattaroq, ba'zilarida esa kichikroq. Agar so'zning shrifti kattaroq bo'lsa, bu teg ko'proq maqolalarga tayinlanganligini anglatadi.

Men maqolani tayinlashni tavsiya qilaman uch yoki to'rtta belgi . Bundan tashqari, butun blogdagi teglarning umumiy soni katta bo'lmasligi kerak. Juda yetarli Butun blog uchun 20−40 teg , qanchalik keng bo'lishidan qat'i nazar.

Teglardan birortasini bossangiz, ushbu teg tegishli bo'lgan maqolalarni ko'rasiz. Siz ham o'zingizning pul tikishingiz mumkin WordPress blogi Yo'q statik belgilar va bulut, teglardan iborat.

WP-Cumulus yoki WP-Cirrus plagini

qo'yish harakatlanuvchi teg buluti, mos keladiganini qo'yishingiz kerak plagin. Uni boshqa plaginlar bilan bir xil tarzda o'rnating, ya'ni: ma'muriy panelga o'ting Plaginlar - yangisini qo'shing , so'z qidirish maydoniga yozing Kumulus, va tugmasini bosing Plaginlarni qidiring .

Plaginlar ro'yxati paydo bo'ladi va birinchi navbatda siz quyidagi plaginlarni ko'rasiz:

• WP-Kumulus
• WP-Cirrus

Ulardan birini tanlang. Siz ikkalasini ham sinab ko'rishingiz va qaysi biri yaxshiroq ekanligini ko'rishingiz mumkin. Agar plagin sizga mos kelmasa, uni har doim olib tashlashingiz mumkin. Plaginni tanlang, so'ng bosing O'rnatish, keyin Faollashtirish .

Endi biz plaginni yon panelimizga qo'shishimiz kerak. Kiring Vidjetlar. Chap tomonda vidjet paydo bo'ladi WP-Kumulus, yoki WP-Cirrus, siz tanlagan narsangizga qarab. O'ng tomonda, uni joylashtirmoqchi bo'lgan yon panelni toping teg buluti ni bosing va vidjetni ushbu yon panelga torting. Surishdan keyin sozlang : sarlavha yozing, kenglik va balandlikni belgilang, so'zlarning rangini o'zgartiring, fonni shaffof qiling.

bosing O'rnatish, va nima borligiga qarang.

WordPress-da teg bulut plaginini qanday o'rnatish haqida video

P.S.: Hamma narsa oqadi, hamma narsa o'zgaradi... Agar ilgari teglar buluti qidiruv tizimlaridagi natijalarga ayniqsa ta'sir qilmagan bo'lsa, endi teglar bulutining mavjudligi blogingiz uchun qo'shimcha kamchilikdir. Shunday qilib, ushbu vidjetni blogingizga qo'yish yoki qo'ymaslik sizga bog'liq. Hech bo'lmaganda endi buni qanday qilishni bilasiz.

Batafsilroq ma'lumotni "Barcha kurslar" va "Utilitalar" bo'limlarida olishingiz mumkin, ularga saytning yuqori menyusi orqali kirishingiz mumkin. Ushbu bo'limlarda maqolalar mavzular bo'yicha turli mavzular bo'yicha eng batafsil (iloji boricha) ma'lumotlarni o'z ichiga olgan bloklarga guruhlangan.

Shuningdek, siz blogga obuna bo'lishingiz va barcha yangi maqolalar haqida bilib olishingiz mumkin.
Bu ko'p vaqt talab qilmaydi. Quyidagi havolani bosish kifoya: