Ak ste ako väčšina začiatočníci blogeri a dokonca aj stredne pokročilí, potom určite nemáte žiadne znalosti o HTML/CSS. Veľa bloggerov (ako ja) radšej používať pluginy ktoré im umožňujú pridávať tlačidlá k svojim príspevkom alebo stránkam pomocou shortcodes. Ale tieto krátke kódy - krátke kódy - sú ťažko zapamätateľné a ťažko konfigurovateľné.

V tomto článku vám ukážeme, ako pridať tlačidlá WordPress bez použitia krátkych kódov.

Ak ste nováčikom vo svete WordPress, objavte to Ako nainštalovať 7 krokov WordPress blogu

Prvá vec, ktorú musíte urobiť, je nainštalovať a aktivovať zapojiť « Zabudnúť na skrátený Tlačidlá ".

Keď to aktivujete zapojiť, stačí si vytvoriť nová publikácia alebo upravte už existujúci a vo vizuálnom editore s nadpisom uvidíte nové tlačidlo « Tlačidlo Vložiť » (Add On tlačidlo).

FASB-editorbutton

Ak chcete do publikácie alebo stránky vložiť nové tlačidlo, musíte kliknúť na tlačidlo Vložte tlačidlo. Zobrazí sa okno, v ktorom môžete navrhnúť svoje nové tlačidlo.

designyourbutton

Všetko, čo musíte urobiť, je pridať text a adresu URL tlačidla a potom zvoliť farby textu a pozadia. Potom kliknite na rozbaľovaciu ponuku možnosti 'Type'Ak chcete vybrať tvar vášho tlačidla. Môžete tiež zvoliť veľkosť tlačidla.

Doplňte svoje vedomosti objavovaním Ako používať a spravovať shortcodes WordPress

Ak kliknete na kartu « Ikona », uvidíte ikony, ktoré môžete pridať pred alebo za textom vašich tlačidiel. Títo ikony sú presnejšie ikony písma.

buttonswithicons

Počas procesu vytvárania tlačidiel budete mať k dispozícii náhľad všetkých svojich zmien v reálnom čase. Až budete so vzhľadom spokojní, stačí kliknúť vložiť.

Pozrite sa na tento článok a obdivujte ho Ako zlepšiť vzhľad vašich WordPress predmetov s týmito voľnými shortcodes

Môžete tiež zvoliť metódy zarovnania z editora a zarovnať tlačidlo na stred, doľava alebo doprava. Dvojitým kliknutím na tlačidlo sa otvorí okno na úpravu tlačidla. Ak chcete, môžete ho upraviť.

Na tejto úrovni máte teraz možnosť pridávať tlačidlá do WordPress bez použitia krátkych kódov. Pred odchodom vám však odporúčame poradiť sa s dvoma WordPress pluginy prémia, ktorá vám umožní efektívne spravovať krátke kódy.

1. WPBakery Page Builder

WPBakery Page Builder, predtým známy ako Visual Composer, je ďalším prémiovým a mimoriadne obľúbeným tvorcom stránok. Veľká časť tejto popularity pochádza zo skutočnosti, že WPBakery Page Builder prichádza s takmer 99 % Témy WordPress od ThemeForest. Faktom však zostáva, že sa používa na veľmi veľkom počte webových stránok.

nástroj na tvorbu pekárskych stránok wp e1544277016913
Rovnako ako program Divi Builder, aj program WPBakery Page Builder umožňuje vizuálnu úpravu aj back-endovú úpravu. V porovnaní s niečím ako Elementor alebo Divi Builder sú možnosti štýlu WPBakery Page Builder trochu obmedzené. Nad líniami máte dobrú kontrolu, ale možnosti stylingu jednotlivých prvkov sú o niečo obmedzenejšie.

Ak chcete používať svoj vlastný CSS, môžete k jednotlivým prvkom pridať vlastnú triedu alebo ID CSS alebo môžete na úroveň stránky pridať skutočné štýly.

Nie som si istý, či má program WPBakery Page Builder jedinečné vlastnosti, ktoré sú obzvlášť pozoruhodné. Má však veľkú komunitu rozšírení. Rovnako ako Divi Builder, aj WPBakery Page Builder zanecháva vo vašom obsahu množstvo krátkych kódov, ak ho deaktivujete. Objavte príručku

Stiahnuť | demo | web hosting

2. Divi Builder

Divi Builder je vysoko kvalitný tvorca stránok vysoko hodnotený spoločnosťou Elegant Themes. Hoci sa Divi Builder zvyčajne používa ako súčasť témy WordPress Divi, je tiež samostatným doplnkom, ktorý môžete použiť na iných Témy WordPress.

divi e1544278044306

Na rozdiel od predchádzajúcich dvoch nástrojov na vytváranie súborov vám program Divi Builder umožňuje upravovať obsah pomocou vizuálneho rozhrania na rozhraní front-end, ako aj rozhrania na rozhraní typu back-end, hoci väčšina používateľov uprednostňuje prvé rozhranie. .

Namiesto bočných panelov je to v podstate všetko v rozbaľovacích oknách a plávajúcich tlačidlách. Poskytuje prístup k 316 vopred navrhnutým šablónam rozloženým do 40 rôznych balíkov prezentácií, ako aj možnosť ukladať vlastné vzory ako šablóny.

Jedným zo znakov Diviho bola vždy kontrola štýlov, ktoré vám dáva. Na troch rôznych kartách môžete nakonfigurovať rôzne nastavenia vrátane ovládacích prvkov reagujúcich na zmeny, prispôsobiteľného rozstupu a ďalších.

Môžete dokonca pridať vlastný CSS, pretože jeho editor CSS obsahuje základné overenie a automatické dokončovanie. Jednou z kritík programu Divi Builder vždy bolo, že je založený na krátkych kódoch. Čo znamená, že ak ho niekedy vypnete, zanechá vo vašom obsahu kopu skratiek. Aj keď je to trochu depresívne, dnes už nie je problém, keď existujú doplnky ako Shortcode Cleaner. 

Stiahnuť | demo | web hosting

Ďalšie odporúčané zdroje

Choďte ďalej pri ovládaní svojej webovej stránky WordPress aj konzultáciou s týmito odporúčanými zdrojmi.

záver

To je všetko! Dúfame, že vám tento článok pomôže pridať tlačidlá WordPress bez použitia krátkych kódov. Ak máte nejaké návrhy alebo pripomienky, budú vítané.

Pozývame vás aj na konzultáciu s našimi zdroje, ak ste začiatočník blogger. Ale, nŽiadame vás, aby ste zdieľajte tento článok na rôznych sociálnych sieťach.

...