Ako ste kao većina početnici blogeri pa čak i srednji, onda definitivno nemate znanje o HTML/CSS-u. Mnogi blogeri (poput mene) radije koristiti plugins koji im omogućavaju da dodaju dugmad svojim postovima ili stranicama pomoću Shortcodes. Ali ovi kratki kodovi - kratki kodovi - teško se pamte i teško konfigurišu.

U ovom članku, mi ćemo vam pokazati kako dodati tipke WordPress bez upotrebe kratkih kodova.

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

Prvo što morate učiniti je instalirati i aktivirati plugin « Forget About Shortcode Buttons ".

Jednom kada ovo aktivirate plugin, morat ćete samo stvoriti nova publikacija ili modificirajte već postojeći, a vidjet ćete novo dugme u Visual editoru s naslovom « Umetni gumb » (dodati dugme).

Za umetanje novog gumba u vašu publikaciju ili stranicu, morate kliknuti na gumb Umetnite dugme. Tako će se otvoriti prozor u kojem možete dizajnirati svoj novi gumb.

Sve što trebate je dodati tekst dugmeta i url, a zatim odabrati boje teksta i pozadine. Zatim kliknite padajući izbornik opcije "Tip"Da biste odabrali oblik vaše dugme. Takođe možete odabrati veličinu dugmeta.

Završite svoje znanje otkrivanjem Kako koristiti i upravljati skraćenicama na WordPressu

Ako kliknete na karticu « ikona », tada ćete moći vidjeti ikone koje možete dodati prije ili poslije teksta svojih gumba. ove ikone tač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 stvari sa ovim free Shortcodes

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

Na ovom nivou, sada imate mogućnost dodavanja dugmadi u WordPress bez korištenja kratkih kodova. Ali prije nego što vas napusti, predlažemo da se posavjetujete s dvoje WordPress plugins premium koji će vam omogućiti da efikasno upravljate kratkim kodovima.

1. WPBakery Page Builder

WPBakery Page Builder, ranije poznat kao Visual Composer, je još jedan vrhunski i izuzetno popularan alat za pravljenje stranica. Veliki dio ove popularnosti dolazi od činjenice da WPBakery Page Builder dolazi sa skoro 99% WordPress teme od ThemeForest. Ali ostaje činjenica da se koristi na velikom broju web stranica.

Kao i Divi Builder, WPBakery Page Builder vam omogućava i vizuelno uređivanje i pozadinsko uređivanje. U poređenju sa nečim poput Elementor-a ili Divi Builder-a, mogućnosti stylinga WPBakery Page Builder-a su pomalo ograničene. Imate dobru kontrolu nad linijama, ali mogućnosti oblikovanja pojedinih elemenata su malo ograničenije.

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

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

download | Demo | web hosting

2. Divi Builder

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

Za razliku od prethodna dva graditelja, Divi Builder vam omogućava 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. .

U osnovi, umjesto bočnih traka, sve je u skočnim prozorima i plutajućim tipkama. Omogućava 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 koje 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 editor uključuje osnovnu provjeru valjanosti i automatsko dovršavanje. Jedna od kritika Divi Builder-a je uvijek bila ta što se oslanja na kratke kodove. Što znači da ako ga ikad isključite, u vašem će sadržaju ostati gomila kratkih kodova. Iako je ovo pomalo depresivno, manji je problem sada kada postoje dodaci poput Shortcode Cleaner. 

download | Demo | web hosting

Ostali preporučeni resursi

Idite dalje u savladavanju vaše WordPress web stranice tako što ćete konzultirati ove preporučene resurse.

• Dugmad pozivanje na akciju Vol.III
• Premium 2.0 Web poziv za akcijske tipke
• 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 upotrebe kratkih kodova. Ako imate prijedloge ili primjedbe, oni će biti dobrodošli.

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

...