9 WordPress kodlari sizning blogingizni yaxshilash va UXni yaxshilash uchun

Maqola muallifi:
  • WordPress
  • Yangilandi: May 08, 2019

WordPress-ni sozlash va o'rnatish oson, blogingizni nashr qildirishingiz bilanoq, siz o'zingiz tayyorlaysiz.

Lekin WordPressning standart variantlariga tayanib sizning nomingizdan zarar ko'rsata olishi mumkin:

  • Kamroq funksiyalar
  • Yutuqli foydalanuvchilar (har qanday WP saytida bir xil narsalarni ko'rganlar)
  • Qidiruv tizimining reytingida pasayish.

Siz qo'lingizda moslashuvchan vositaga egasiz, uni ishlatish uchun yoqimli va samarali tarzda ishlatish uchun chimirishingiz mumkin. Nima uchun foydalanuvchilaringizga (va o'zingiz uchun) narsalarni ziravor qilmaslik kerak?

Ushbu maqola sizga WordPress-ga asoslangan veb-saytingizni qiziqarli va qiziqarli qo'shish orqali qiziqarli va foydalidir kod parçacıkları Bu ham sizning SEO-ni yaxshilaydi.

Sizning WordPress Blogingizni Spice Up Yordamingiz kerakmi?
WHSR, endi professional WP rivojlantirish / xususiylashtirish xizmatlari kerak bo'lgan foydalanuvchilarga yordam berish uchun Codeable.io bilan hamkorlik qilmoqda.

Bepul tirnoq olish uchun, iltimos, ushbu so'rovnomani to'ldiring.

Ularga qanday qilib harakat qilib ko'ring va ularga qanday qilib harakat qilishlarini menga xabar bering! ;)

WordPress blogingizni kuchaytirish uchun 9 kodlari

Men ushbu maqolada sizga ikki turdagi kod qismlarini taklif qilaman:

  1. Kodeks kodlari
  2. Kod zarralari va vidjetlar

Kodeks kodlari men o'zim yozgan PHP qismlari (mening eri bilan birgalikda, Simone) WordPress.org kodeksi Malumot sifatida.

Kod parçacıkları va widget'lar, boshqa veb-saytlarda va WordPress.org-da erkin foydalanish mumkin PHP kodi (yoki WordPress plaginlari) tayyor qismlari, lekin men ham nişanlısı qismlari o'z ichiga olgan va ochiq va Codex referanslarını foydalanib, noldan yozdim.

Kodlarning har ikkalasi ham amalga oshirilishi va o'rnatilishi oson, lekin agar siz kodni qanday ishlatishni bilmasangiz vidjetlar va plaginlardan boshlashingiz mumkin.

9 kod snippetlari sizga juda ko'p miqdorda va ko'plab kodlarni sinab ko'rishni istaganlar uchun etarli emasligini tushunaman, shuning uchun Robert Ludroskining WordPress ishlab chiquvchilari uchun 25 foydalanishga kod qismlari sizning ochligingizni to'ydiradi (kamida bir muddat). ;)

Codex kodlari

1. Muhim xabarlarni farqlash

WordPress-ni joriy xabarlar yopishqoq post-tekshirishmi yoki yo'qligini tekshirish uchun - bu holda Codex boolean funktsiyasidan foydalanishingiz mumkin:

<? php is_sticky (); ?>

Funktsiya faqat ROST yoki FALSE qiymatlarini qaytaradi, shuning uchun yopishqoq xabarlarni boshqarish uchun shartli konstruktsiya (agar / else) yozsangiz, bu erda nima qilishingiz mumkin. Misol:

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

Ushbu namunada foydalanishda yopishqoq postni faqat sarlavha, postning sanasi va nusxasi (butun xabarni emas) o'z ichiga olgan quti sifatida ko'rsatdim, boshqa xabarlar uchun standart shablon esa post-template.php ichida joylashgan.

Postning har bir turi o'z CSS uslublar jadvaliga ega bo'ladi, lekin biz bu erda uslublarni aniqlamaymiz; faqat andozalar.

Single.php - yagona xabarlar uchun standart shablon (siz uni har bir standart WP mavzusiga qo'shib qo'yasiz).

O'zingizning WP mavzusini ishlab chiqqan bo'lsangiz, lekin sizda bitta post uchun shablon o'rnatilmagan bo'lsa, siz Kodeks qo'llanmasiga amal qilishingiz mumkin Bu yerga.

2. URL manzilini ko'rsatish

Bu shablonga qo'shilish qiziqarli bo'lishi mumkin. O'quvchilaringizning har bir sahifasi (yoki post) uchun URI olishini istasangiz, faqatgina single.php, page.php yoki hatto index.php shablonida quyidagi yorlig'i foydalaning:

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

The_permalinkni ishlatish o'rniga, bu eng aniq tanlovdir va barcha holatlarda ishlaydi, WP sizning postlaringiz va sahifalar uchun ikkita muqobil shakldan foydalanishga imkon beradi:

<? php echo get_post_permalink (); ?>
 <? php echo get_page_link(); ?> 

Misol uchun, sizning sahifa shabloningiz quyidagilarni o'z ichiga olishi mumkin:

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

3. Pochta identifikatsiyasini olish va ko'rsatish

O'zingizning permalink tuzilmangizni foydalanuvchi va SEO-do'st sifatida sozlaganingizda ham, ushbu oddiy funktsiyani meta-satrga qo'shib, mehmonlarga pochta identifikatorini ko'rsatishingiz mumkin:

<?php the_ID(); ?>

Namuna foydalanish:

<p class = "meta"> Muallif nomi. Pochta identifikatori <? Php the_ID (); ?> </ p>

4. Ro'yxatlarni ID ga qo'shish

WordPress standart funktsiyasi:

<? php get_all_category_ids ()?>

Men kodlaridan birini ishlatib, bloglardan birida foydalangan misol Kodeksi va StackOverflow haqida mavzu:

<? php $ category_ids = get_all_category_ids (); foreach ($ category_ids $ cat_id sifatida) {$ cat_name = get_cat_name ($ cat_id); $ category_link = get_category_link ($ cat_id); // biz URL uchun ishlaydigan mushuk aloqasi kerak! echo "<a href=\"{$category_link}="> {$ cat_id} </a>: {$ cat_name} <br/>"; }?>

... va qanday ko'rsatiladi:

kategoriya WP kodi

Eslatma: get_all_category_ids () endi eskirgan funktsiyadir, lekin siz mening blogimda (yuqoridagi rasm) kabi muammolarsiz foydalanishingiz mumkin. Biroq, agar ushbu snippet uchun yangi funktsiyani ishlatmoqchi bo'lsangiz, ushbu sahifaga tashrif buyuring get_terms () kodeksining sahifasi.

Ushbu kod nimani anglatadi?

Kod barcha kategoriya identifikatorlarini va har bir ID uchun toifadagi nomni oladi, so'ng ID raqamiga ":" dan so'ng nomini ko'rsatadi, shuning uchun identifikatorni kategoriya havolasiga yo'naltiradi. echo () ifoda <a href=\"{$category_link}="> {$ cat_id} </a>: {$ cat_name} <br/>.

5. Blogingiz uchun batafsil foydalanuvchilar / mualliflar sahifasi

Hech bir plaginga tayanmasdan turib barcha blog yozuvchilaringizni yoki foydalanuvchilaringizni ko'rsatadigan maxsus sahifani yaratmoqchi bo'lganmisiz?

Xo'sh, siz mumkin O'zingiz yaratgan mualliflar / foydalanuvchilar sahifasini faqat matn muharriri, FTP-yuklovchi va sizning sevimli WordPress Dashboardingiz bilan yaratasiz.

Avvalo, sizning page.php fayl nusxasini yaratishingiz kerak. Har qanday nomga nusxangizni qayta nomlash - men user users.php deb nomladim.

qo'shish shablon yorlig'i WordPress uchun ushbu shablonning yuqori qismiga uni shablon sifatida tanib olish uchun, keyin Dashboardga o'ting -> Sahifalar -> Yangi qo'shish Foydalanuvchilar / mualliflaringiz ro'yxatiga sahifa yaratishingiz mumkin. Sahifalar sahifasiga qaytish, yangi sahifa sarlavhasi ostida Tez tahrirlash-ni bosing va shablonni ochish-dan yangi shablonni tanlang. O'zgartirishlaringizni saqlang.

Endi users.php faylini oching (yoki uni sizning nomingizga qo'ygan) va quyidagi kodni qo'llang:

 <? php $ result = count_users (); echo "mavjud", $ result ['total_users'], 'total users'; foreach ($ result = '$ count' sifatida $ result ['avail_roles'] echo ',', $ count, 'are', $ ro'l, 's'; echo '.'; ?> 

Ushbu kod ishlatiladi count_users funktsiyasi Kodeksda "standart foydalanish" sifatida berilgan. Ushbu kodning jonli misolini quyidagi manzilda ko'rishingiz mumkin http://robocity.in/users/.

Ushbu koddan so'ng, blog administratori haqida biror narsa qo'shamiz:

<? php printf (__ ('Foydalanuvchi tomonidan chop etilgan xabarlar soni:% d', 'text-dom-here'), count_user_posts (1)); ?>

Men foydalanar count_user_posts kodeksda keltirilgan foydalanish formatini hisobga olgan holda bu erda ishlash.

Funktsiya get_userdata ma'lum bir foydalanuvchi nomi va foydalanuvchi nomining haqiqiy nomi o'rtasidagi korrelyatni ko'rsatish yaxshi. Pastga qarang:

<? 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 o'zlarining WordPress saytiga $ username foydalanuvchi nomi bilan kiradi."; ?>

Endi bu sizning mualliflaringiz / foydalanuvchilar sahifasida foydalanishingiz mumkin bo'lgan eng qiziqarli vazifadir get_users Funktsiyasi:

<? php $ blogusers = get_users ('blog_id = 1 & orderby = nicename & role = administrator'); // WP_User moslamalarni majmuasi. foreach ($ user sifatida $ bloglar) {echo '<span>'. esc_html ($ user-> user_login). '& nbsp; - & nbsp;' . esc_html ($ user-> user_email). '</ span> <br/>'; }?>

Ushbu funktsiya kodda sozlashingiz mumkin bo'lgan parametrlarga mos ravishda foydalanuvchilar ro'yxatini oladi. Yuqorida keltirilgan misolda (Codex sahifasidan olingan va Robocity.in saytidagi Mening foydalanuvchilar sahifasiga moslashtirish uchun tahrirlangan) men "nicename" buyurtma qiluvchi blog identifikatori 1 (joriy blog) uchun administratorlar ro'yxatini olishni istayman va har bir foydalanuvchi uchun, Foydalanuvchi nomi va elektron pochta manzili "Foydalanuvchi nomi - [Email protected]".

Agar siz tizimga kirgan foydalanuvchilarni o'zlari haqida biror narsa ko'rsatishni xohlasangiz, siz ulardan foydalanishingiz mumkin Get_currentuserinfo foydalanuvchining ismi va manzili haqida ma'lumot olish uchun. Ushbu vazifani mening misolimda ishlatmadim, lekin ijodkorlik chegaralarni bilmaydi, to'g'rimi? ;)

Kod snippets & Vidjetlar

6. Muqobil ... Arxivlar!

yaxshi blog arxivlariTasavvur qiling, agar siz eski blogingiz o'rnini o'zgartira olsangiz, arxiv ro'yxati - bu sizning blogingiz o'sishi bilan o'sib boradi va foydalanuvchilarning aylanishiga majbur qiladi - bu erda o'ngdan ko'rishingiz mumkin bo'lgan parchalar bilan.

O'quvchilaringiz blogingiz yoshini va arxivlar chuqurligini bir qarashda ushlab qolish uchun narsalarni osonlashtirarmikin? :)

Mening nikohim va men ushbu oddiy parchani kodeksdan get_post va arxivlar ro'yxati uchun oddiy ochiladigan menyu yordamida yozgan edim. Fikrni yaxshi ishlashi uchun o'z vazifamizni yaratdik.

<? php funktsiyasi formatiPostDate ($ postId, $ format = '% F') {$ post = get_post ($ postId); $ output = strftime ($ formati, strtotime ($ post-> post_date)); $ outputni qaytarish; } funksiyasi getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); $ post-> ID raqamini qaytarish; }?> <p> Ushbu blogda <? php echo formatPostDate (1, '% B% e,% Y') xabar berib bor. ? <br /> <br /> So'nggi xabar <? php echo formatPostDate (getLastPostID (), '% B% e,% Y') da chop etildi. </ p> <p> Muayyan arxivga tashrif buyurishni xohlaysizmi? </ p> <ni tanlang = "arxivni ochish" onchange = "document.location.href = this.options [this.selectedIndex]. qiymati; "<parametr qiymati =" "> <? php echo esc_attr (__ ('Arxiv tanlash')); ?> </ option> <? php wp_get_archives (array ('turi' => 'oylik', 'format' => 'variant', 'show_post_count' => 1)); ?> </ select> -ni tanlang

Ushbu kod nimani anglatadi?

Function formatPostDate vazifasi pochta identifikatori va sana formatini oladi va siz tanlagan formatda sana qaytaradi. Ikkinchi funksiya, getLastPostID, bitta postni o'z ichiga olgan xabarlar majmuasini oladi va uning identifikatorini qaytaradi.

Blogning birinchi lavozimini olish uchun - odatda ID = 1 bilan birinchi paragrafda echo formatPostDate (1, '% B% e,% Y') yozamiz: bu kod formatPostDate funktsiyasidan foydalanadi va pochta indeksining #1 va sana uchun standart ingliz formati va sana qaytaradi.

Blogning so'nggi postini olish uchun, biz oxirgi formatdagi xabar va ID formatini (yana ingliz tilida) olish uchun formatPostDate (getLastPostID (), '% B% e,% Y') dan foydalanamiz. ekrani.

7. Tashrif buyuruvchi mobil qurilmadan foydalanadimi-yo'qligini tekshiring

Muneeb WP-Snippets.com saytida tashrif buyuruvchi mobil qurilmadan foydalanayotganligini tekshirish uchun qiziqarli kod snippetini (funksiya) o'rtoqlashdi.

Kod mavjud Bu yerga.

Bu funksiya mobil optimallashtirish bilan yordam beradi, chunki siz faqat mobil foydalanuvchilarga muayyan funktsiyalarni ko'rsatishni xohlaysiz yoki mobil foydalanuvchilarni muayyan veb-sayt xususiyatlaridan istisno qilmoqchi bo'lsangiz foydali bo'ladi.

8. Sahifa yon panelidagi kontentni boshqarish uchun if / else tuzilmasidan foydalaning

Ushbu kod snippetasi WordPress kodeksiga asoslanadi, lekin men ushbu bo'limga joylashtirdim, chunki u juda ko'p ijodkorlikka imkon beradi va Internetdagi tayyor qismlarni topishingiz mumkin.

Saytingizda bir nechta yon panelni ishlatmoqchimisiz. Yon paneli divs va bo'limlari bilan to'ldirishingiz mumkin, lekin u faylning qancha ko'pligi (hatto widgetlardan foydalansangiz ham) u qanchalik og'irlashsa.

Kodeks siz bilan qutqarish uchun keladi get_sidebar ($ name) funktsiyasi. Foydalanish oddiy:

  1. Taqqos belgilaringiz uchun kenar satrini (aytaylik) yarating. Uni yon panelga kiriting-quotes.php
  2. Asosiy sidebar.php faylida (yoki WP mavzusi tuzilishiga ko'ra, nom yoki indeks fayli) get_sidebar ("tirnoq"); "sidebar-quotes.php" faylini qo'shish.

WordPress uchun biroz PHP kodlashni bilsangiz, if / else konstruktsiyalari bilan optimallashtirishingiz mumkin bo'lgan boshqa pastki yon panellarga qo'ng'iroqlar bilan ingichka yon panelni olasiz.

Buni bilmasligingiz mumkin, lekin gener_taybar () kodidan foydalanganda "sidebar.php" so'zini kiritganingiz uchun $ name argumentini qo'shmagansiz. Bu standart ishlatishdir. "Sidebar * .php" dan keyin "nom" qo'shsangiz, bu nom addonni $ name arg bilan chaqirishingiz mumkin.

Agar sizda blogingizning muayyan sahifalarida ko'rsatiladigan reklamalar, maxsus takliflar yoki yon panel vazifalari yoki standart chekka panelni haddan tashqari yuklaydigan kod mavjud bo'lsa, ushbu kod snippetini UX uchun hayot saqlagichini topasiz.

9. WordPress saytiga kod qismlarini integratsiya qilish uchun vosita

kodlari belgisi

kod Shea Bange tomonidan yaratilgan bepul WordPress plaginini sizning blogingizga kod qismlarini osongina qo'shish imkonini beradi.

Ushbu plagin haqida juda yaxshi narsa, siz endi tahrir qilishingiz kerak emas Functions.php faylni to'g'ridan-to'g'ri ishlatishingiz mumkin, lekin to'g'ridan-to'g'ri WordPress Dashboardidan maxsus kod qo'shishingiz mumkin. Asosan, siz yangi post yoki sahifani qo'shgandek kod snippetlarini qo'shishingiz mumkin.

Tom Ewer WPMUDev.org saytida bu plaginga qiziqarli kirishni yozgan, ammo hozirda Code Snippets uchun topilgan eng foydali resurs WordPress.org saytidagi plaginlarni qo'llab-quvvatlash forumi.

Sizga!

Quyidagi izohlarda WordPress kodlash tajribalarini baham ko'ring! Va bu lavozimga kiritilgan zarralar haqida savollar berishga jur'at eting.

Luana Spinetti haqida

Luana Spinetti Italiyada joylashgan mustaqil yozuvchi va rassom, shuningdek, kompyuter fanlari talabasi. Psixologiya va ta'lim bo'yicha o'rta maktab diplomi bor va 3 da bitirgan "Comic Book Art" da 2008-kursga qatnadi. U juda ko'p tomonlama bo'lganidek, SEO / SEM va Web Marketingga katta qiziqish uyg'otdi, ijtimoiy media-ga alohida e'tibor qaratdi va u ona tilida (italyancha) uchta roman ustida ishlaydi, u umid qilmoqda yaqinda indeksini nashr etish.