9 coduri Wordpress pentru a vă condimenta blogul și pentru a îmbunătăți UX

Actualizat: 2022-04-11 / Articol de: Luana Spinetti

Wordpress este ușor de configurat și instalat, gata de funcționare imediat ce vă publicați blogul.

Dar bazarea pe opțiunile implicite ale Wordpress ar putea duce la o pierdere în numele tău:

  • Mai puțină funcționalitate
  • Utilizatori plictisiți (care văd aceleași lucruri pe fiecare site WP pe care ei îl împiedică)
  • Coboară în clasamentul motorului de căutare.

Aveți un instrument flexibil în mâinile dvs., pe care îl puteți personaliza pentru ao transforma într-un lucru plăcut de utilizat și eficient de a vă baza. De ce să nu faceți lucruri pentru utilizatorii dvs. (și pentru dvs.)?

Acest articol dorește să vă ajute să faceți site-ul dvs. bazat pe Wordpress distractiv și util pentru utilizatorii dvs., adăugând ceva interesant fragmente de cod care vă va îmbunătăți, de asemenea SEO.

Aveți nevoie de ajutor Spice Up WordPress Blog?
WHSR este acum partener cu Codeable.io pentru a ajuta utilizatorii care au nevoie de servicii profesionale de dezvoltare / personalizare WP.

Pentru a obține o ofertă gratuită, completați acest formular de solicitare.

Dă-i o încercare și spune-mi cum au lucrat pentru tine! ;)

9 coduri pentru a vă îmbunătăți blogul Wordpress

Vă voi oferi două tipuri de fragmente de cod în această postare:

  1. Codurile codurilor
  2. Fragmente de cod și miniaplicații

Codurile Codex sunt fragmente PHP pe care mi le-am scris (cu ajutorul logodnicului meu, Simone) folosind strict Wordpress.org Codex ca referință.

Fragmentele de cod și widget-urile sunt bucăți gata făcute de cod PHP (sau pluginuri Wordpress) care sunt disponibile gratuit pe alte site-uri web și pe Wordpress.org, dar am inclus și fragmente pe care am scris-o și logodnicul meu de la zero folosind referințe deschise și Codex.

Ambele tipuri de coduri sunt ușor de implementat și instalat, dar poate doriți să începeți cu widget-uri și pluginuri dacă nu sunteți sigur cum puteți manipula codul.

Codurile Codului

1. Diferențiați mesajele lipicioase

Pentru a face Wordpress să verifice dacă postarea dvs. curentă este o postare lipicioasă – și să o afișați în consecință – puteți utiliza funcția booleană Codex:

<?php is_sticky(); ?>

Numai funcția va returna valori TRUE sau FALSE, deci ce puteți face aici dacă scrieți o construcție condiționată (dacă / nu) pentru a vă gestiona postările lipicioase. Un exemplu:

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

În această utilizare a eșantionului, am afișat mesajul lipicios ca o casetă care conține doar titlul, data postului și fragmentul (nu întregul mesaj), în timp ce șablonul standard pentru celelalte postări este conținut în post-template.php.

Fiecare tip de post va avea propria foaie de stil CSS, dar nu definim aici stiluri; doar șabloane.

Single.php este șablonul implicit pentru postările unice (îl veți găsi inclus în fiecare temă WP implicită).

Dacă ați dezvoltat propria temă WP, dar nu ați configurat șabloane pentru mesaje individuale, puteți urma Ghidul Codex aici.

2. Afișarea adresei URL postare

Acest lucru ar putea fi distractiv pentru a adăuga la șablonul dvs. Dacă doriți ca cititorii dvs. să obțină URI pentru fiecare dintre paginile dvs. (sau postări), trebuie doar să utilizați următoarea etichetă în cadrul șablonului single.php, page.php sau chiar index.php:

">

În loc să utilizați the_permalink, aceasta este cea mai evidentă alegere și funcționează pentru toate cazurile, WP vă permite să utilizați două formulare alternative pentru postări și pagini:

 <?php echo get_page_link(); ?> 

De exemplu, șablonul de pagină poate include:

Legătură:

3. Preluați și afișați numărul ID al mesajului

Chiar și atunci când configurați structura permalink pentru a fi user-friendly și SEO-friendly, puteți afișa în continuare vizitatorilor ID-ul postului prin adăugarea acestei funcții simple la linia dvs. meta:

<?php the_ID(); ?>

Exemplu de utilizare:

<p class="meta">Posted by Author's Name. Post ID is <?php the_ID(); ?></p>

4. Lista de categorii după ID

Funcția standard Wordpress este:

<?php get_all_category_ids() ?>

Iată un exemplu pe care l-am folosit pe unul din blogurile mele, scris cu ajutorul codului din Codex și un subiect pe StackOverflow:

{$ cat_id}: {$ cat_name} ";}?>

... și cum este afișat:

categorie WP

Notă: get_all_category_ids () este acum o funcție depreciată, dar o puteți utiliza fără probleme, cum fac și pe blogul meu (captura de ecran de mai sus). Cu toate acestea, dacă doriți să utilizați noua funcție pentru acest fragment, vizitați get_terms () pagina Codului.

Ce face acest cod?

Codul primește toate ID-urile categoriei și numele categoriei pentru fiecare ID, apoi leagă ID-ul de link-ul categoriei, în timp ce afișează numele categoriei după „:” - deci ecou() expresie {$ cat_id} : {$ cat_name}.

5. O pagină detaliată a utilizatorilor / autorilor pentru blogul tău

Ți-ai dorit vreodată să construiești o pagină personalizată care să afișeze tot blogul tău Autorii sau utilizatori fără a fi nevoiți să se bazeze pe un plugin?

Ei bine, tu poate să creați-vă propria pagină de autori/utilizatori personalizată doar cu un editor de text, și FTP încărcătorul și iubitul tău tablou de bord Wordpress.

În primul rând, trebuie să creați o copie a fișierului dvs. page.php. Redenumiți copia dvs. în orice nume - am numit mine users.php.

Adăuga eticheta șablonului în partea de sus a acestui șablon pentru ca Wordpress să-l recunoască ca șablon, apoi accesați tabloul de bord -> Pagini -> Adăugare nouă și creați o pagină pentru lista dvs. de utilizatori / autori. Reveniți la lista de pagini, faceți clic pe Editare rapidă sub titlul noii pagini și selectați noul șablon din meniul derulant Șablon. Salvați modificările.

Deschideți acum fișierul users.php (sau orice altceva îl numiți) și aplicați următorul cod:

 <?php
 $result = count_users();
 echo 'There are ', $result['total_users'], ' total users';
 foreach($result['avail_roles'] as $role => $count)
 echo ', ', $count, ' are ', $role, 's';
 echo '.';
 ?> 

Acest cod folosește count_users funcția este listată ca „utilizare implicită” în Codex. Puteți vizualiza un exemplu live al acestui cod la http://robocity.in/users/.

După acel cod, să adăugăm ceva despre administratorul blogului:

Am folosit count_user_posts funcționează aici, urmând formatul de utilizare sugerat de Codex.

Funcția get_userdata este bine să arătați corelația dintre un anumit nume de utilizator și numele real al persoanei care îl folosește. Vezi mai jos:

logare utilizator; $ first_name = $ user_info-> first_name; $ last_name = $ user_info-> last_name; ecou „$ first_name $ last_name se conectează la site-ul lor WordPress cu numele de utilizator al $ username.”; ?>

Acum, aceasta este cea mai interesantă funcție pe care o puteți utiliza pe pagina dvs. Autori / Utilizatori - get_users funcţie:

'. esc_html ($ user-> user_login). „-”. esc_html ($ user-> user_email). ' '; }?>

Această funcție va prelua o listă de utilizatori în funcție de anumiți parametri pe care îi puteți configura în cod. În exemplul de mai sus (preluat din pagina Codex și editat pentru a se potrivi cu pagina mea de utilizatori de la Robocity.in), doresc să obțin o listă de administratori pentru ID-ul blogului 1 (blogul actual) ordonată după „nicename” și pentru fiecare utilizator, Vreau să afișez numele de utilizator și e-mailul într-o propoziție de tipul „Nume de utilizator - [e-mail protejat]".

Dacă doriți să afișați utilizatorilor logați ceva despre ei înșiși, puteți folosi get_currentuserinfo funcție pentru a prelua, să spunem, numele și adresa utilizatorului. Nu am folosit această funcție în exemplul meu, dar creativitatea nu cunoaște limite, nu? ;)

Fragmente de cod și widget-uri

6. Alternativă ... Arhive!

mai bune arhive blogImaginați-vă dacă ați putea înlocui vechea listă de arhive din bara laterală - care continuă să crească pe măsură ce blogul dvs. crește și obligă utilizatorii să deruleze - cu un fragment ca cel pe care îl puteți vedea aici în dreapta.

Nu ar face lucrurile mai ușor pentru cititorii dvs. să surprindă vechimea blogului și profunzimea arhivelor dintr-o privire? :)

Logodnicul meu și am scris acest fragment simplu folosind get_post din Codex și un meniu derulant simplu pentru lista de arhive. Am creat propriile noastre funcții pentru a face ca ideea să funcționeze bine.

post_date)); returnează $ ieșire; } funcție getLastPostID () {list ($ post) = get_posts (array ('posts_per_page' => 1)); returnează $ post-> ID; }?> Acest blog are postări de atunci . Ultima postare a fost publicată pe . Doriți să vizitați o anumită arhivă?  'lunar', 'format' => 'opțiune', 'show_post_count' => 1)); ?>

Ce face acest cod?

Funcția FormatPostDate preia ID-ul postului și formatul datei și returnează o dată într-un format la alegere. A doua funcție, getLastPostID, preia o serie de postări care conțin o singură postare și returnează ID-ul.

Pentru a obține prima postare a blogului - în general cu ID = 1, scriem echo formatPostDate (1, '% B% e,% Y') în primul paragraf: acest cod folosește funcția formatPostDate și ia ca parametri ID-ul postării # 1 și un format englezesc standard pentru dată și returnează data.

Pentru a obține ultima postare a blogului, folosim formatPostDate (getLastPostID (), „% B% e,% Y”) pentru a obține ID-ul ultimei postări și un format de dată (din nou, în engleză) și pentru a imprima data ecran.

7. Verificați dacă vizitatorul utilizează un dispozitiv mobil

Muneeb la WP-Snippets.com a trimis un fragment de cod interesant (o funcție) pentru a verifica dacă un vizitator de pe site-ul dvs. utilizează un dispozitiv mobil.

Codul este disponibil aici.

Această funcție ajută la optimizarea dispozitivelor mobile, deoarece este utilă dacă doriți să afișați anumite funcții numai utilizatorilor de telefonie mobilă sau să excludeți utilizatorii de telefonie mobilă din anumite funcții ale site-ului web.

8. Utilizați constructul if / else pentru a manipula conținutul bara laterală a paginii

Acest fragment de cod se bazează pe Codex-ul Wordpress, dar l-am plasat în această secțiune deoarece permite multă creativitate și este posibil să puteți găsi fragmente gata făcute pe Web.

Să presupunem că doriți să utilizați mai multe laterale pe site-ul dvs. Puteți completa bara laterală cu divizii și secțiuni, dar cu cât crește fișierul (chiar dacă utilizați widgeturi), cu atât devine mai greu.

Codul vine la tine să salvezi cu get_sidebar (nume $) funcţie. Utilizarea este simplă:

  1. Creați (să spunem) o bara laterală pentru fragmentele dvs. Citate. Numează-l bara laterală-quotes.php
  2. În fișierul principal sidebar.php (sau antetul sau fișierul index, în funcție de structura temei WP) scrieți get_sidebar („ghilimele”); pentru a include fișierul „sidebar-quotes.php”.

Veți obține o bară laterală mai subțire cu apeluri către alte bare secundare, pe care o puteți optimiza cu construcții if / else dacă știți un pic de PHP de codificare pentru Wordpress.

Este posibil să nu știți acest lucru, dar când utilizați codul generic get_sidebar (), acesta va include „sidebar.php” deoarece nu ați adăugat un argument $ name. Aceasta este utilizarea implicită. Când adăugați un „-name” după „sidebar * .php”, puteți apela acel addon de nume cu $ name arg.

Dacă aveți anunțuri, oferte speciale sau funcții ale barei laterale pe care doriți să le afișați pe anumite pagini ale blogului sau codului dvs. care vor supraîncărca bara laterală standard, veți găsi acest fragment de cod un salvator de viață pentru UX.

9. Un instrument pentru integrarea fragmentelor de cod în site-ul dvs. Wordpress

codenippets screenshot

Fragmente de cod este un plugin Wordpress gratuit creat de Shea Bange care vă permite să adăugați cu ușurință fragmente de cod pe blogul dvs.

Lucrul frumos despre acest plugin este că nu mai trebuie să vă editați functions.php fișier, dar puteți adăuga cod personalizat direct din tabloul de bord Wordpress. Practic, puteți adăuga fragmente de cod așa cum ați adăuga o postare sau o pagină nouă.

Tom Ewer la WPMUDev.org a scris o prezentare interesantă a acestui plugin, dar cea mai utilă resursă pe care am găsit-o până acum pentru Fragmenturile de cod este forumul de asistență pentru pluginuri la Wordpress.org.

Peste voi!

Împărtășește-ți experimentele de codare Wordpress în comentariile de mai jos! Și nu ezitați să puneți întrebări despre fragmentele introduse în această postare.

Despre Luana Spinetti

Luana Spinetti este un scriitor și artist independent din Italia și un student pasionat de informatică. Ea are o diplomă de liceu în Psihologie și Educație și a urmat un curs 3 de ani în domeniul artei cărților de benzi desenate, de la care a absolvit la 2008. Așa cum este o persoană multiplă, ea a dezvoltat un mare interes în SEO / SEM și Web Marketing, cu o înclinație specială față de Social Media, și lucrează la trei romane în limba maternă (italiană), pe care speră să indie publică în curând.