Ako ste poput većine blogerima za početnike pa čak i srednji, onda definitivno nemate znanja o HTML/CSS-u. Puno blogeri (poput mene) radije koristiti dodaci koji im omogućuju dodavanje gumba na njihove postove ili stranice pomoću kratke kodove. Ali ovi kratki kodovi - kratki kodovi - teško se pamte i teško se konfigurišu.

U ovom članku, mi ćemo vam pokazati kako dodati gumbe WordPress bez korištenja kratkih kodova.

Ako ste novi u WordPressu, otkrijte Kako instalirati 7 korake WordPress blog

Prvo što morate učiniti je instalirati i aktivirati uključiti « Zaboravite O SHORTCODE Buttons ".

Nakon što ovo aktivirate uključiti, morat ćete samo stvoriti nova publikacija ili izmijenite već postojeći, a vidjet ćete novi gumb u Visual editoru s naslovom « Umetni gumb » (Dodaj On tipka).

Da biste umetnuli novi gumb u svoju publikaciju ili stranicu, morate kliknuti na gumb Umetnite gumb. Tako će se otvoriti prozor u kojem možete dizajnirati svoj novi gumb.

Sve što trebate je dodati tekst gumba i url, a zatim odabrati boje teksta i pozadine. Zatim kliknite padajući izbornik opcije „Tip”Da biste odabrali oblik vašeg gumb. Također možete odabrati veličinu gumba.

Ispunite svoje znanje otkrivanjem Kako koristiti i upravljati kratke kodove WordPress

Ako kliknete na « Ikona », tada ćete moći vidjeti ikone koje možete dodati prije ili poslije teksta svojih gumba. ovi ikone točnije su ikone-fontovi.

Tijekom postupka stvaranja gumba moći ćete imati pregled svake promjene u stvarnom vremenu. Jednom kada ste zadovoljni izgledom, samo kliknite umetnuti.

Pogledajte ovaj članak i divite se Kako poboljšati dizajn WordPress predmeta s tim slobodnim šifre

Također možete odabrati metode poravnavanja iz uređivača kako biste gumb poravnali prema sredini, lijevo ili desno. Dvaput pritisnite gumb da biste otvorili prozor za uređivanje gumba i možete ga urediti ako želite.

Na ovoj razini sada imate mogućnost dodavanja gumba u WordPress bez korištenja kratkih kodova. Ali prije nego vas napustimo, predlažemo da se posavjetujete s dvoje WordPress plugins premium koji će vam omogućiti učinkovito upravljanje kratkim kodovima.

1. WPBakery Page Builder

WPBakery Page Builder, ranije poznat kao Visual Composer, još je jedan vrhunski i iznimno popularan alat za izradu stranica. Velik dio ove popularnosti dolazi iz činjenice da WPBakery Page Builder dolazi s gotovo 99% WordPress teme autor ThemeForest. Ali ostaje činjenica da se koristi na vrlo velikom broju web stranica.

Kao i Divi Builder, WPBakery Page Builder omogućuje i vizualno uređivanje i pozadinsko uređivanje. U usporedbi s nečim poput Elementor-a ili Divi Builder-a, mogućnosti oblikovanja WPBakery Page Builder-a malo su ograničene. Imate dobru kontrolu nad linijama, ali mogućnosti oblikovanja pojedinih elemenata malo su ograničenije.

Ako želite koristiti svoj CSS, možete dodati prilagođeni CSS klasu ili ID pojedinačnim elementima ili možete dodati stvarne stilove na razini stranice.

Nisam siguran da WPBakery Page Builder ima jedinstvene značajke koje su posebno zapažene. Ali ono što on ima je ogromna zajednica proširenja. Kao i Divi Builder, WPBakery Page Builder za sobom ostavlja mnoštvo kratkih kodova u vašem sadržaju ako ga onemogućite. Otkrijte udžbenik

Preuzmite | demo | Web hosting

2. Divi graditelj

Divi Builder je visokokvalitetni program za izradu stranica koji je Elegant Themes visoko ocijenio. Iako se obično koristi kao dio WordPress Divi teme, Divi Builder također je samostalni dodatak koji možete koristiti na drugim WordPress teme.

Za razliku od prethodna dva graditelja, Divi Builder omogućuje vam uređivanje sadržaja pomoću vizualnog sučelja na prednjoj strani, kao i sučelja na stražnjoj strani, iako većina korisnika preferira prvo sučelje. .

Uglavnom, umjesto bočnih traka, sve je u skočnim prozorima i plutajućim gumbima. Omogućuje vam pristup 316 unaprijed dizajniranih predložaka raspoređenih u 40 različitih prezentacijskih paketa, kao i mogućnost spremanja vlastitih dizajna kao predložaka.

Jedna od Divijinih osobina oduvijek je bila kontrola stilova koji ti daje. Na tri različite kartice možete konfigurirati različite postavke, uključujući responzivne kontrole, prilagodljiv razmak i još mnogo toga.

Možete čak dodati i prilagođeni CSS, jer njegov CSS uređivač uključuje osnovnu provjeru valjanosti i automatsko dovršavanje. Jedna od kritika Divi Builder-a uvijek je bila da se oslanja na kratke kodove. Što znači ako ga ikad isključite, ostavit će gomilu kratkih kodova u vašem sadržaju. Iako je ovo pomalo depresivno, manji je problem sada kad postoje dodaci poput Shortcode Cleaner. 

Preuzmite | demo | Web hosting

Ostali preporučeni resursi

Krenite dalje u savladavanju svoje web stranice WordPress, savjetujući ove preporučene resurse.

• Gumbi za poziv na djelovanje Vol.III
• Premium 2.0 web gumbi za poziv na akciju
• Najbolji WordPress dodaci za vaše web mjesto od strane najboljih prodavača

Zaključak

To je to! Nadamo se da će vam ovaj članak pomoći da dodate gumbe WordPress bez korištenja kratkih kodova. Ako imate prijedloge ili primjedbe, bit će dobrodošle.

Također vas pozivamo da se konzultirate s našim resursi ako ste početnik bloger. Ali, nPozivamo vas da ovaj članak podijelite na svojim različitim društvenim mrežama.

...