Cum să plasați un widget pe o pagină WordPress. Adăugarea și personalizarea widgeturilor în WordPress

Yandex este un portal imens care este vizitat de milioane de oameni în fiecare zi. Dezvoltatorii companiei au grijă de utilizatorii resursei lor, permițându-le fiecăruia să își personalizeze pagina de pornire pentru a se potrivi nevoilor lor.

Din păcate, funcția de adăugare și creare a widget-urilor a fost suspendată pe termen nelimitat, dar principalele insule de informații au fost lăsate potrivite pentru schimbare. În primul rând, să ne uităm la configurarea designului paginii.


Acum să trecem la configurarea unor widget-uri specifice. Pentru a accesa parametrii, faceți clic pe pictograma roată situată lângă unele coloane.

Știri

Acest widget afișează un flux de știri, care este împărțit în categorii. Inițial, afișează materiale pe toate subiectele din listă, dar oferă totuși acces la o selecție a acestora. Pentru a edita, faceți clic pe pictograma setări și în fereastra pop-up de lângă linie „Secțiunea preferată” deschide lista de subiecte de știri. Selectați poziția care vă interesează și faceți clic "Salva". După aceasta, pagina principală va oferi știri curente din secțiunea selectată.

Vreme

Totul este simplu aici - introduceți într-un câmp special numele localității a cărei vreme trebuie să știți și faceți clic pe butonul "Salva".

Vizitat

Acest widget arată solicitările utilizatorilor pentru serviciile pe care le selectați. Intoarce-te la „Setări”și bifați casetele pentru acele resurse care sunt interesante pentru dvs., apoi faceți clic pe butonul "Salva".

program TV

Widgetul pentru ghidul de programe este configurat în același mod ca și cele anterioare. Accesați setările și marcați canalele care vă interesează. Mai jos, selectați numărul afișat pe pagină, faceți clic pentru a-l asigura "Salva".

Pentru ca toate modificările făcute să fie aplicate, faceți clic din nou pe butonul din colțul din dreapta jos al ecranului. "Salva".

Pentru a readuce setările paginii la starea inițială, faceți clic pe "Reseteaza setarile", apoi acceptați acțiunea cu butonul "Da".

Astfel, personalizând pagina de pornire Yandex pentru a se potrivi nevoilor și intereselor dvs., veți economisi timp în viitor în căutarea diferitelor informații. Widgeturile îl vor furniza imediat când vizitați resursa.

În această lecție vreau vă vorbesc despre widget-uri. Deci, ce este un widget?

Cuvânt neobișnuit widget(din engleza widget– „lucru”, „gimmick”) este folosit pentru a se referi la instrumente sau conținut care poate fi adăugat, organizat și eliminat din bara laterală a unui blog sau a unei pagini WordPress. Widgeturile facilitează personalizarea conținutului din bara laterală a blogului.

Aceasta înseamnă că toate informațiile pe care le vedeți în bara laterală a site-ului dvs. pot fi editate, șterse și orice alte modificări cu ușurință.

Pagina widget-uri se află în meniul consoleiAspect - Widgeturi.

În primul rând, uită-te în meniu Aspectși du-te la Widgeturi. În stânga vedeți o listă cu toate widget-urile disponibile pentru adăugare.

Lista widget-urilor disponibile

La Activati widget, trageți-l în lateral (coloana din dreapta, cu o listă de locuri disponibile pentru widget-uri) sau faceți clic pe ea. La dezactivați widget sau șterge widget, trageți-l înapoi sau faceți clic "Șterge".

Adăugarea unui widget Calendar trăgând mouse-ul

După ce am tras widgetul dorit în panoul barei laterale, introduceți numele acestuia și apăsați butonul "Salva".

Prin analogie, adăugăm toate widget-urile necesare pe care doriți să le vedeți în bara laterală a site-ului dvs. Puteți vedea mai jos o listă de widget-uri standard și capabilitățile acestora.

Widgeturi standard în WordPress

  • Widget "RRS" -Intrări din orice flux RSS sau Atom.
  • Widget "Calendar" - Calendarul intrărilor site-ului dvs.
  • Widget "Nor de etichete" -Nor de etichete utilizate frecvent.
  • Widget "Inregistrari noi" -Cele mai recente postări de pe site-ul dvs.
  • Widget „Pagini”- Lista paginilor site-ului dvs.
  • Widget "Arhive" - Arhivați postările de pe site-ul dvs. pe lună.
  • Widget "Meta"- Link-uri către autentificare/deconectare, flux RSS și WordPress.org.
  • Widget "Căutare"- Formular de căutare pentru site-ul dvs.
  • Widget „Categorii” -Lista sau meniul derulant de categorii.
  • Widget „Comentarii noi” -Cele mai recente comentarii pe site-ul dvs.
  • Widget "Text" -Text liber sau cod HTML.

Salvarea widget-urilor la schimbarea șabloanelor

De obicei Când instalați sau schimbați șabloanele, widget-urile se pierd. Pentru a evita acest lucru, se recomandă ca înainte de a schimba șabloanele (temele) site-ului dvs. WordPress, să mutați toate widget-urile active într-un bloc „Widgeturi inactive”.

Rezultatul adăugării unui widget care adaugă un calendar în bara laterală a site-ului în șablon Contango:

Rezultatul adăugării unui widget (click pe imagine pentru mărire)

După cum puteți vedea, totul este foarte simplu! În acest tutorial am învățat cum să adăugați, să editați și să ștergem widget-uri în WordPress. Dacă aveți întrebări, adresați-le în comentarii.

Bună prieteni! În lecțiile anterioare, v-am arătat cum să încorporați un videoclip pe un site web și am învățat cum să schimbați tema în WordPress. În această lecție vreau să vă spun despre widget-uri. Deci, ce este un widget? Cuvântul widget neobișnuit este folosit pentru a se referi la instrumente sau conținut care poate fi adăugat, organizat și eliminat din bara laterală a unui blog sau a unei pagini WordPress. Widgeturile facilitează personalizarea conținutului din bara laterală a blogului. Aceasta înseamnă că toate informațiile pe care le vedeți în bara laterală a site-ului dvs. pot fi editate, șterse și orice alte modificări cu ușurință. Pagina de widget-uri se află în meniul consolei Aspect - Widgeturi. Adăugarea și personalizarea widget-urilor în WordPress Mai întâi, căutați în meniul Aspect și accesați Widgeturi...

Widgeturile GetResponse sunt personalizabile Panoul principal la propria discreție. Puteți adăuga un număr nelimitat de widget-uri cu cei mai importanți indicatori pentru tine și aranjează-le în ordinea dorită. Widgeturile sunt posibile mișcare , ton sau, dacă nu mai sunt necesare, șterge.

Folosind widget-uri, puteți personaliza actiune rapida sau urmăriți statisticile listei de contacte, e-mailuri, răspunsuri automate, sondaje, procese, pagini de destinație, seminarii web și formulare.

Urmăriți abonamentele și actualizările listelor

  • Lista statistici

Sortați-vă listele după nume, dimensiune și contacte adăugate și șterse. Acest widget este util pentru urmărirea modificărilor din listele dvs. de contacte.

  • Contacte noi

Urmăriți numărul de abonamente la una sau mai multe liste într-o anumită perioadă. Graficul widget afișează date despre creșterea, declinul sau numărul constant de abonamente. Puteți vizualiza numărul total de abonamente sau puteți comuta între liste pentru a vedea statistici pentru fiecare în parte.

Urmărirea eficienței corespondenței

  • Statistici de corespondență

Urmăriți ratele de deschidere și clic pentru cel mai recent e-mail din lista selectată.

  • Autoresponders

Vizualizați listele cu răspuns automat, tarifele deschise și numărul de contacte care primesc e-mailuri cu răspuns automat.

Urmăriți vizitele și înregistrările

  • Statisticile paginii de destinație

Urmăriți numărul de vizitatori unici, vizite de pagină, contacte noi și înregistrări pentru o anumită perioadă.

  • Statistici de formulare

Urmăriți numărul de vizitatori unici, vizualizări de formulare, contacte noi și înregistrări pentru o anumită perioadă.

  • Statistici webinar

Urmăriți numărul de participanți, vizitatorii unici, invitațiile trimise și ratele de participare.

  • Statisticile sondajelor

Urmăriți câte persoane au deschis și completat sondajul dvs.

Urmăriți câți oameni au parcurs toate etapele procesului

Aflați câți oameni au finalizat și nu au finalizat toate etapele proceselor. Acest widget afișează informații pentru procesele publicate și nepublicate. Puteți seta intervalul de timp pentru afișarea rezultatelor.

Creați până la 5 butoane de comandă rapidă pentru instrumentele utilizate frecvent

  • Acces rapid

Aceasta este selecția dvs. de link-uri către creatori de liste de corespondență, formulare web, pagini de destinație, seminarii web, procese, răspunsuri automate sau sondaje. Și, de asemenea, un link rapid către secțiune Adauga contacte.

Cum să adăugați mai multe widget-uri și să schimbați opțiunile widget-ului?

Fiecare widget are două „laturi”. Față - cu indicatoare și spate - cu parametri widget. Pentru a merge la configurare setări, apăsați Opțiuni(pictograma roată) în colțul din dreapta sus. Pentru a reveni la afișarea datelor clic Anulare sau Salvați(dacă parametrii au fost modificați).

Pentru a adăuga mai multe widget-uri, treceți mouse-ul peste pictograma plus din colțul din stânga jos. Pictograma plus se va transforma într-un buton Adăugați un widget nou. Faceți clic pe butonul pentru a accesa biblioteca de widget-uri. Găsiți widgetul dorit și faceți clic pe pictograma plus pentru a-l adăuga la panoul de pornire. Widgeturile nou adăugate afișează mai întâi pagina de opțiuni (partea din spate). Configurați setările widgetului și faceți clic Salvați.

Pentru a modifica setările sau pentru a elimina un widget, faceți clic Acțiuni. Schimbați setările și faceți clic Salvați sau faceți clic Ștergeți widgetul.

În temele WordPress mai funcționale, printre alte detalii, există avantajul de a afișa informații prin intermediul unui widget în diferite locuri de pe site. Acestea nu se limitează doar la bara laterală și pot fi localizate pe pagini, în postări, în antet, în subsol etc. Toate acestea fac lucrul cu site-ul mult mai ușor și mai convenabil și, de asemenea, ne permit să evităm nevoia de a edita codul sursă în fiecare caz (cu excepția primei oară, când noi înșine vom adăuga propria noastră zonă de afișare a widget-ului la temă) . În viitor, tot ce rămâne este să adăugați widget-uri cu orice informații.

Designul complet al unei zone de widget constă din trei componente: stil, o funcție de înregistrare și o funcție de afișare, pe care le putem plasa în orice parte a site-ului. După toate aceste manipulări, noi file pentru widget-uri vor apărea în secțiunea „Aspect - Widgeturi”. Pentru funcționalitatea lor completă, trebuie să faceți acest lucru pentru a putea pune funcții direct în widget.

Înregistrați-vă zona widget

Primul loc de început este cu funcția de înregistrare. De exemplu, voi crea patru zone pentru widget în locuri mai potrivite de pe site. Apoi puteți pur și simplu duplica codul, creând astfel și mai multe zone. Doar cu această acțiune trebuie să schimbați identificatorul unic. De asemenea, este de remarcat faptul că, în funcție de ceea ce dorim să afișăm în widget-uri, stilurile de design vor trebui schimbate cu ale noastre. Adică, dacă avem de-a face cu un banner publicitar, atunci blocul widget ar trebui să se întindă. Și dacă, de exemplu, acest lucru este, atunci ar trebui să existe o abordare diferită a designului.

Zona widget-ului din bara laterală

Adăugăm prima parte a codului în fișierul functions.php. Aceasta este funcția de înregistrare.

// zona din bara laterală if (function_exists("register_sidebar"))( register_sidebar(array("name" => "Zona din bara laterală", //numele widget-ului din panoul de administrare "id" => "wsidebar- 1", //identificator widget "description" => "vizibil în toate secțiunile site-ului", //descrierea widgetului în panoul de administrare "before_widget" => "

", //etichetă de închidere a widget-ului cu un bloc de ștergere "before_title" => " ", //deschiderea etichetei de titlu widget "after_title" => "

A doua parte a codului este responsabilă pentru locația ieșirii acestui sau aceluia conținut, care în acest caz este plasat în bara laterală. Deschideți fișierul sidebar.php, găsiți blocul principal (de obicei vine cu o clasă sau un identificator de bară laterală). Și imediat după el inserăm funcția noastră.

Acordați atenție inscripției între ghilimele simple - acesta este identificatorul widgetului. Când duplicați codul, nu uitați să schimbați ID-ul în funcția de ieșire (cea de mai sus). Următorul pe linie ar trebui să fie stilurile de design. Dar aici, având în vedere locația de ieșire, stilurile din temă ar trebui să fie potrivite.

Zona widget pe pagini

Acum repetăm ​​totul, doar schimbăm ID-ul și locația de ieșire. Adăugați următorul cod în fișierul functions.php.

// zona widget pe pagini if ​​(function_exists("register_sidebar"))( register_sidebar(array("name" => "Zona pe pagini", //numele widget-ului din panoul de administrare "id" => "wsidebar-2") ", //widget ID "description" => "conținut pentru pagini", //descrierea widgetului în panoul de administrare "before_widget" => "

", //deschiderea etichetei unui widget cu un identificator dinamic "after_widget" => "
", //etichetă de închidere a widget-ului cu un bloc de ștergere "before_title" => " ", //deschiderea etichetei de titlu widget "after_title" => "",//eticheta de închidere a titlului widgetului)); )

Deschideți fișierul page.php și găsiți funcția din el. Imediat după el putem introduce funcția noastră de apel. Codul este împachetat într-o condiție care specifică un anumit ID de pagină. Aceasta înseamnă că numai această pagină va afișa conținutul widgetului (eliminați condiția dacă doriți).

Zona widget în postări

Deschideți fișierul functions.php și adăugați codul la acesta.

// zonă în postări if (function_exists("register_sidebar"))( register_sidebar(array("name" => "zonă în postări", //numele widget-ului în panoul de administrare "id" => "wsidebar-3" , //identificator widget "description" => "conținut pentru postări", //descrierea widgetului în panoul de administrare "before_widget" => "

", //deschiderea etichetei unui widget cu un identificator dinamic "after_widget" => "
", //etichetă de închidere a widget-ului cu un bloc de ștergere "before_title" => " ", //deschiderea etichetei de titlu widget "after_title" => "",//eticheta de închidere a titlului widgetului)); )

Deschideți fișierul single.php și după funcțiesau introduceți codul în orice alt loc.

Zona widget din antet

În acest din urmă caz ​​aceeași schemă. Deschideți fișierul functions.php și adăugați codul.

// zona din antet if (function_exists("register_sidebar"))( register_sidebar(array("name" => "zona din antet", //numele widget-ului din panoul de administrare "id" => "wsidebar- 4", //identificator widget "description" => "conținut antet", //descrierea widgetului în panoul de administrare "before_widget" => "

", //deschiderea etichetei unui widget cu un identificator dinamic "after_widget" => "
", //etichetă de închidere a widget-ului cu un bloc de ștergere "before_title" => " ", //deschiderea etichetei de titlu widget "after_title" => "",//eticheta de închidere a titlului widgetului)); )

Deschideți fișierul header.php și după blocul principal, de exemplu, inserați o funcție de apelare. De asemenea, are o condiție de a afișa conținutul doar pe pagina principală (această condiție poate fi eliminată dacă se dorește).

După toate acestea, nu mai rămâne decât să faceți modificări minore de stil, în funcție de conținutul widget-ului.

Majoritatea utilizatorilor sunt deja obișnuiți cu pagina principală Yandex, dar poate fi schimbată cu ușurință. De exemplu, faceți pagina principală astfel:

Setarile sunt valabile doar pentru browserul din care il configurati!

Să începem cu designul. Pentru a selecta o temă pentru pagina principală, trebuie să faceți clic pe pictograma din colțul din dreapta sus și, în meniul care apare, să selectați linia „setează o temă”.

Temele animate apar în partea de jos a paginii; faceți clic pe ele pentru a vedea cum va arăta pagina.

Pentru comoditatea selectării subiectului dorit, puteți alege din secțiunile propuse, de exemplu, „vara”, „primăvara”, „moda”, etc. Secțiunile sunt indicate în partea de sus a meniului de subiecte care apare. Subiectele sunt, de asemenea, împărțite în „toate” și „nou”.

Dacă nu sunteți mulțumit de subiecte, puteți parcurge subiectele folosind săgețile stânga și dreapta.

După ce selectați o temă, trebuie să faceți clic pe butonul „Salvați tema”, care se află mai jos. Dacă vă răzgândiți cu privire la instalarea temei, puteți închide fereastra sau faceți clic pe butonul „Anulați”.

Al doilea element din meniul de setări de aspect Yandex este „configurați Yandex”. Aici setați widget-urile pe care le veți vedea pe pagina principală a căutării Yandex.

Când faceți clic pe „configurați Yandex”, intrăm în modul de înlocuire și ștergere a widget-urilor inutile. Widgeturile pot fi pur și simplu trase cu mouse-ul în locul altui widget (indicați spre widget, țineți apăsat butonul stâng al mouse-ului și trageți) sau pot fi șterse făcând clic pe cruce din colțul din dreapta sus. Unele widget-uri au propriile setări, în funcție de informațiile afișate. De exemplu, widget-ul „Ambuteiaje Yandex” poate fi configurat pentru orice oraș și, de asemenea, puteți seta o rută „luc-acasă”.

Pe lângă widget-urile afișate, puteți selecta și altele. Pentru a face acest lucru, faceți clic pe linkul „adăugați widget nou” din colțul din stânga sus.

În stânga poți selecta tema widget-ului care te interesează, iar în dreapta sunt widget-urile în sine cu o scurtă descriere. În partea de jos a paginii există o numerotare pentru trecerea la paginile următoare sau anterioare.

Pentru a selecta un widget, treceți cursorul mouse-ului peste acesta, apare butonul de adăugare și faceți clic cu butonul stâng al mouse-ului (nu trebuie să faceți clic pe buton, doar să faceți clic pe gadget sau pe nume).

După aceasta, widget-ul apare pe pagina principală și îl puteți trage în locul altor widget-uri. Trebuie să selectați o acțiune - „păstrare” sau „șterge”.

Există butoane în meniul de sus - „întoarcere” pentru a returna widget-urile șterse (dacă nu le-ați șters, atunci nu va exista un astfel de buton), „resetare setări” - returnează totul așa cum a fost inițial, întregul design al paginii este de asemenea, resetați, „anulați” pentru a returna același aspect, care era înainte de modificări și „salvați” - pentru a salva modificările.

În câmpul pentru introducerea numelui orașului începem să introducem literele inițiale ale orașului și apoi îl selectăm din lista derulantă. Nu puteți introduce singur orașul, puteți doar selecta din listă. Aici puteți seta orașul implicit, adică orașul va fi determinat automat. Bifând caseta de selectare „nu specificați locația mea”, nu vi se vor afișa ferestre pop-up cu o întrebare, de exemplu, „ești la Moscova?” și două opțiuni de răspuns - „da” și „nu”. După ce ați selectat orașul, faceți clic pe butonul „întoarcere”.