Dacă ești ca majoritatea bloggeri începători și chiar intermediar, 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

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, acum aveți opțiunea de a adăuga butoane la WordPress fără a utiliza coduri scurte. Dar înainte de a vă părăsi, vă sugerăm să consultați doi WordPress plugin-uri premium care vă va permite să gestionați eficient codurile scurte.

1. WPBakery Page Builder

WPBakery Page Builder, cunoscut anterior ca Visual Composer, este un alt generator de pagini premium și extrem de popular. O mare parte din această popularitate vine din faptul că WPBakery Page Builder vine cu aproape 99% din Teme WordPress de ThemeForest. Dar rămâne faptul că este folosit 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 generator de pagini de înaltă calitate foarte apreciat de Elegant Themes. Deși este folosit de obicei ca parte a temei WordPress Divi, Divi Builder este, de asemenea, un plugin independent 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.

...