Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62.

Dacă sunteți ca majoritatea bloggerilor începători și chiar intermediari, atunci cu siguranță nu aveți cunoștințe de HTML / CSS. Mulți bloggeri (ca mine) preferă să folosească Plugin-uri care le permit să adauge butoane la postările sau paginile lor folosind Scurtăturile. Dar aceste coduri scurte - coduri scurte - sunt greu de reținut și dificil de configurat.

În acest articol, vă vom arăta cum să adăugați butoane WordPress fără a utiliza shortcodes.

Dacă sunteți nou în lumea WordPress, descoperiți Cum se instalează un blog WordPress pași 7

Primul lucru pe care trebuie să-l faceți este să instalați și să activați fișierul conecteaza « Uita despre butoanele SHORTCODE ".

După ce ați activat acest lucru conecteaza, va trebui doar să creați o publicație nouă sau modificați unul deja existent și veți vedea un nou buton în editorul vizual cu titlul « Butonul Insert » (Add-On un buton).

FASB-editorbutton

Pentru a introduce un nou buton în publicația sau pagina dvs., trebuie să faceți clic pe buton Introduceți un buton. Aceasta va deschide o fereastră în care puteți proiecta noul dvs. buton.

designyourbutton

Tot ce trebuie să faceți este să adăugați textul butonului și adresa URL, apoi selectați textul și culorile de fundal. Apoi faceți clic pe meniul derulant al opțiunii „Tip“Pentru a alege forma butonul. Puteți alege, de asemenea, dimensiunea butonului.

Completați-vă cunoștințele descoperind Cum se utilizează și se gestionează codurile scurte pe WordPress

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați Ușor și Gratuit orice site web sau design de blog cu aspect profesional. Nu mai plătiți mult pentru un site web pe care îl puteți face singur.

Dacă faceți clic pe filă « Icoană », atunci veți putea vedea pictogramele pe care le puteți adăuga înainte sau după textul butoanelor dvs. Ces icoane sunt mai exact pictograme-fonturi.

buttonswithicons

În timpul procesului de creare a butoanelor, veți putea avea o previzualizare în timp real a fiecărei modificări. Odată ce sunteți mulțumit de aspect, trebuie doar să faceți clic insera.

Vezi acest articol și admiră Cum de a îmbunătăți proiectarea elementelor dvs. WordPress cu aceste numere scurte gratuite

De asemenea, puteți alege metodele de aliniere din editor pentru a alinia butonul la centru, la stânga sau la dreapta. Faceți dublu clic pe buton pentru a afișa fereastra de editare a butonului și puteți modifica butonul dacă doriți.

La acest nivel, aveți acum posibilitatea de a adăuga butoane pe WordPress fără a utiliza coduri scurte. Dar înainte de a vă părăsi, vă sugerăm să verificați două pluginuri premium WordPress care vă vor permite să gestionați în mod eficient codurile scurte.

1. WPBakery Page Builder

Vrei să-ți vinzi produsele pe internet?

Descărcați gratuit WooCommerce, cele mai bune pluginuri de comerț electronic pentru a vă vinde produsele fizice și digitale pe WordPress și pentru a vă crea cu ușurință magazinul online. Perfect pentru incepatori.

Un alt constructor de pagini premium și extrem de popular este WPBakery Page Builder, cunoscut anterior ca Visual Composer. O mare parte din această popularitate provine din faptul că WPBakery Page Builder vine cu aproape 99% din temele WordPress de la ThemeForest. Rămâne însă faptul că este utilizat pe un număr foarte mare de site-uri web.

wp brutărie constructor de pagini e1544277016913
La fel ca Divi Builder, WPBakery Page Builder vă permite atât editare vizuală, cât și editare back-end. Comparativ cu ceva de genul Elementor sau Divi Builder, opțiunile de stilare ale WPBakery Page Builder sunt puțin limitate. Aveți un control bun asupra liniilor, dar opțiunile de stil pentru elementele individuale sunt puțin mai limitate.

Dacă doriți să utilizați propriul CSS, puteți adăuga o clasă sau un cod CSS personalizat la elemente individuale sau puteți adăuga stiluri reale la nivelul paginii.

Nu sunt sigur că WPBakery Page Builder are caracteristici unice, care sunt deosebit de demne de remarcat. Dar ceea ce are el este o comunitate uriașă de extensii. La fel ca Divi Builder, WPBakery Page Builder lasă în urmă o multitudine de coduri scurte din conținutul dvs. dacă îl dezactivați. Descoperă tutorialul

Descarca | Demo | web hosting

2. Divi Builder

Divi Builder este un constructor de pagini de înaltă calitate, foarte apreciat de teme elegante. Deși este utilizat în general ca parte a temei Divi WordPress, Divi Builder este, de asemenea, un plugin autonom pe care îl puteți folosi pe alte teme WordPress.

divi e1544278044306

Spre deosebire de cei doi constructori anteriori, Divi Builder vă permite să vă editați conținutul utilizând o interfață vizuală pe front-end, precum și o interfață pe back-end, deși majoritatea utilizatorilor preferă prima interfață. .

Practic, în loc de bare laterale, totul este în ferestre pop-up și butoane plutitoare. Vă oferă acces la 316 șabloane predefinite, distribuite în 40 de pachete de prezentare diferite, precum și posibilitatea de a vă salva propriile modele ca șabloane.

Una dintre trăsăturile Divi a fost întotdeauna controlul stilurilor pe care ți le oferă. Pe trei file diferite, puteți configura diverse setări, inclusiv controale responsive, spațiere personalizabile și multe altele.

Puteți adăuga chiar și CSS personalizat, deoarece editorul său CSS include validarea de bază și completarea automată. Una dintre criticile lui Divi Builder a fost întotdeauna că se bazează pe coduri scurte. Ceea ce înseamnă că, dacă îl dezactivați vreodată, acesta va lăsa o grămadă de coduri scurte în conținutul dvs. Deși acest lucru este un pic deprimant, acum este mai puțin o problemă că există pluginuri precum Shortcode Cleaner. 

Descarca | Demo | web hosting

Alte resurse recomandate

Continuați să vă stăpâniți site-ul dvs. WordPress, consultând și aceste resurse recomandate.

Concluzie

Asta e! Sperăm că acest articol vă va ajuta să adăugați butoane la WordPress fără a utiliza shortcodes. Dacă aveți sugestii sau observații, acestea vor fi binevenite.

De asemenea, vă invităm să ne consultați resurse dacă sunteți un blogger începător. Dar, nVă îndemnăm să împărtășește acest articol pe diferitele rețele de socializare.

...