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.

Ammo WordPress-ning standart parametrlariga ishonish sizning nomingizdan yo'qotishga olib kelishi 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.

Ikkala turdagi kodlarni ham o'rnatish va o'rnatish oson, lekin kodni qanday ishlashni bilmasangiz, siz vidjetlar va plaginlardan boshlashni xohlashingiz mumkin.

9 kod parchalari juda ko'p turli xil kodlarni sinab ko'rishni yaxshi ko'radiganlar uchun etarli bo'lmasligi mumkinligini tushunaman, shuning uchun aminmanki bizning Robert Ludroskiy 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.

Har bir xabar turi o'zining CSS uslublar jadvaliga ega, ammo biz bu erda uslublarni aniqlamayapmiz; faqat andozalar.

Single.php - bu bitta xabarlar uchun sizning andoza shabloningiz (uni har bir standart WP mavzusi bilan birga topasiz).

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_permalink-dan foydalanishning o'rniga, bu eng aniq tanlov va barcha holatlarda ishlaydi, WP sizga xabarlar va sahifalar uchun ikkita alternativ 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 u 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, keling, blog ma'muri haqida nimadir 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 ob'ektlarini massivi. precach ($ blogerlar $ foydalanuvchi sifatida) {echo '<span>'. esc_html ($ user-> user_login). '-'. esc_html ($ user-> user_email). '</span> <br/>'; }?>

Ushbu funktsiya siz kodni sozlashingiz mumkin bo'lgan ma'lum parametrlarga ko'ra foydalanuvchilar ro'yxatini oladi. Yuqoridagi misolda (Codex sahifasidan olingan va Robocity.in-da Mening foydalanuvchilarim sahifasiga moslashtiriladigan tahrirlangan), men 'nicename' tomonidan buyurtma qilingan blog ID 1 (joriy blog) uchun ma'murlar ro'yxatini va har bir foydalanuvchi uchun, Foydalanuvchi nomi va elektron pochta manzilini "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, aytaylik. Men o'zimning misolimda ushbu funktsiyani ishlatmadim, lekin ijod chegaralarni bilmaydi, shunday emasmi? ;)

Kod parchalari va 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.

Sizning blogingiz yoshini va arxivlarning chuqurligini bir qarashda o'quvchilaringizga osonlashtiradimi? :)

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?

FormPostDate funktsiyasi postning identifikatori va sana formatini oladi va sanani sizning xohishingiz bo'yicha qaytaradi. Ikkinchi funktsiya, getLastPostID, faqat bitta postni o'z ichiga olgan yozuvlar qatorini oladi va uning identifikatorini qaytaradi.

Blogning birinchi postini olish uchun - odatda ID = 1 bilan biz birinchi xatboshiga formatPostDate echimini (1, '% B% e,% Y') yozamiz: ushbu kod formatPostDate funktsiyasidan foydalanadi va pochta identifikatorini parametr sifatida oladi. #1 va sana uchun standart ingliz formati va sanani qaytaradi.

Blogning oxirgi xabarini olish uchun biz oxirgi xabarning identifikatorini va sana formatini olish uchun formatPostDate (getLastPostID (), '% B% e,% Y') dan foydalanamiz va sana formatini (yana ingliz tilida) chop etamiz. 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.

Ushbu funktsiya mobil optimallashtirishga yordam beradi, chunki ma'lum funktsiyani faqat mobil foydalanuvchilarga namoyish etish yoki mobil foydalanuvchilarni veb-saytning ba'zi xususiyatlaridan chiqarib tashlash zarur bo'lsa.

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

Ushbu kod parchasi WordPress 'Codex-ga asoslangan, ammo men uni ushbu bo'limda joylashtirdim, chunki u juda ko'p ijodkorlikka imkon beradi va siz Internetda tayyor parchalarni 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.

Siz buni bilmasligingiz mumkin, lekin generic get_sidebar () kodidan foydalanganda "sidebar.php" ni kiritasiz, chunki siz $ name argumentini qo'shmadingiz. Bu odatiy foydalanish. "Name" ni "sidebar * .php" dan keyin qo'shganda, siz $ name arg bilan bu addonni 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.

»I ¿