Potrebujete vedieť, ako integrovať Kalendár Google do vašej webovej stránky WordPress? Poďme sa teda spoločne pozrieť na tento návod.

Niektorým z vašich webových stránok by prospelo mať kalendár. To platí najmä vtedy, ak koordinujete činnosť tímu alebo komunity alebo ak vy spravovať webovú stránku udalosti.

Takže vaši návštevníci alebo vaši používatelia môžu vidieť, čo je nové alebo čo treba urobiť, možno kým, ale najmä kedy.

V tomto článku vám ukážem, ako integrovať responzívny Kalendár Google do svojej webovej stránky WordPress.

Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Prejdite do Kalendára Google

Ak už máte kalendáre Google, zverejnite ich a tento krok preskočte. V opačnom prípade navštívte v prehliadači stránku Google Kalendáre a v prípade potreby overiť. Ak všetko pôjde dobre, mali by ste mať rozhranie kalendára Google.

Ako integrovať kalendár Google do svojej webovej stránky WordPress

Ako príklad použijeme verejné kalendáre dostupné v Kalendári Google. Ak to chcete urobiť, kliknite na rukoväť pred ostatné kalendára ktorá sa nachádza v ľavej časti obrazovky. V zobrazenej ponuke zvoľte možnosť Prezrite si zaujímavé kalendáre.

V zozname kalendárov, vyberte ten, ktorý vám vyhovuje na uvedenom odkaze Registrovať ktorá sa nachádza oproti. Pre tento článok som si vybral Prázdniny vo Francúzsku. Mali by ste vidieť, ktorú ste zvolili nižšie ostatné kalendára.

Vložiť svoj Kalendár Google na stránky alebo položky

Kliknite na rukoväť pred Dovolenka vo Francúzsku (Alebo váš verejný kalendár) a vyberte Nastavenia kalendára. V časti Integrácia tohto kalendára skopírujte kód HTML obsiahnutý v textovom poli a vložte ho do editora WYSIWYG, ktorý ste predtým zadali v textovom režime.

Objavte, ako náš výber Kód redaktori 10 pre vývojárov WordPress

Code-inlay-kalendár

Uložte svoj článok a zobrazte jeho ukážku. Zobrazenie agendy na vašej webovej stránke bude silne závisieť od vás WordPress tému. Ak je plne responzívny, nemal by mať žiadne problémy so zobrazením.

Skúste zmenšiť šírku okna prehliadača, aby ste videli, ako kalendár vyzerá na menších obrazovkách. Ak sa v ktoromkoľvek bode zobrazenie kalendára preruší, znamená to, že budete musieť pridať malý riadok CSS WordPress tému.

Choďte ďalej objavovaním Ako pridať vlastné CSS do svojho blogu WordPress

Neľakajte sa, nie je to nič zložité.

Pridať CSS, aby sa citlivé kalendár

Ak chcete zmeniť svoje WordPress tému, najmä ak nie ste autorom, aktualizácia by sa mala vykonať v a dieťa téma alebo WordPress Plugin ktorý vám umožňuje pridať vlastný CSS.

V každom prípade, nech už si vyberiete akúkoľvek možnosť, pridajte tento kúsok CSS do svojej témy WordPress:

iframe {     max-width: 100%; }

Uložte zmeny, znovu načítajte stránku svojho článku a skontrolujte, či je program tentokrát na malých obrazovkách zobrazený normálne.

Vložiť viac kalendárov v príspevku alebo stránky

Ak chcete začať, prihláste sa na odber iných verejných kalendárov, ako sme to robili vyššie (Ďalšie kalendáre> Prehliadať zaujímavé kalendáre) alebo si vytvorte vlastné kalendáre a zverejnite ich.

Keď máte všetky potrebné kalendáre, vyberte si jeden, ktorýkoľvek, kliknite na jeho rukoväť a vyberte Nastavenia kalendára, Tentoraz v sekcii integrovať túto agendu, kliknite na odkaz Prispôsobte farbu, veľkosť a ďalšie možnosti. Potom sa vám zobrazí okno prispôsobenia.

Choďte ďalej s základy prispôsobenia webovej stránky WordPress

Tu môžete upraviť niektoré vizuálne aspekty svojej agendy. Je dôležité urobiť, aby ste svojej zbierke kalendárov dali názov, inak bude mať názov aktuálneho kalendára.

integrovať Kalendár Google

V hornej časti tohto okna je textové pole s tlačidlom Aktualizujte kód HTML. Použite ho na zobrazenie ukážky kalendára.

Odporúčame tiež skontrolovať naše 10 WordPress pluginy Premium ideálny na integráciu kalendára do vašej webovej stránky

Používanie tohto tlačidla má tiež za následok aktualizáciu kódu HTML v textovom poli. Ak ste so svojimi zmenami spokojní, skopírujete tento kód do svojho článku. Uložte a znova načítajte stránku.

Objavte tiež Ako prepnúť webovú stránku WordPress do režimu údržby

Pretože ste už vložili kód CSS, program sa bude správať perfektne na všetkých obrazovkách.

Ako ste videli, pridanie kalendára Google na vaše webové stránky nie je veľmi komplikované. Ide skôr o kopírovanie kódu z aplikácie Kalendár Google a jeho vloženie na stránku alebo článok, samozrejme, s editorom v textovom režime.

Ak by ste však nezabrali celú stránku svojimi kalendármi, mohli by ste tiež pridajte kalendár kalendára widgetov Google.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. Stránky podľa roly používateľov

Stránky podľa roly používateľa sú a WordPress Plugin čo vám umožňuje pridať kontrolu prístupu k určitým prvkom vašej webovej lokality (príspevky, stránky, vlastné typy príspevkov atď.)

Stránky podľa užívateľskej úlohy pre WordPress

Tento doplnok vám umožňuje odstrániť stránku, článok, vlastný typ príspevku a ďalšie. vo výsledkoch vyhľadávania a adresári blogov. Toto vám umožní skryť stránku, kategórie a ďalšie položky ponuky, keď nie sú používatelia prihlásení.

Môžete tiež definovať a presmerovanie URL špecifické pre používateľov, ktorí nemajú požadovanú rolu používateľa.

Stiahnuť | demo | web hosting

2. Ultimate Affiliate Pro

Začnime s WordPress Plugin Ultimate Affiliate Pro, ktorý je jednoducho jedným z WordPress pluginy najrobustnejší pridružený program, pretože sa integruje s doplnkami WooCommerce, Easy Digital Downloads, PayPal a Stripe.

Konečný doplnok Affiliate Pro WordPress

Nájdete tu všetky druhy užitočných funkcií, ako napríklad: výkonnostný bonus a správa bannerov, podpora neobmedzeného počtu združení a špeciálnych ponúk, rebríčky a úrovne provízií, odporúčania a zdieľania na sociálne siete, podpora viacerých PayPal, platobných brán Stripe a ďalšie.

Ak to všetko nebolo dosť pôsobivé, mali by ste vedieť, že má tiež niekoľko šablón pre prihlasovaciu stránku, registráciu, bezplatný účet a spojenie s najlepšími poskytovateľmi e-mailového marketingu, ako sú MailChimp, Constant Kontakt a mnoho ďalších.

Je to jeden z najlepších pridružených doplnkov WooCommerce ktoré nájdete na trhu Envato.

Stiahnuť | demo | web hosting

3. Materiál

Material Admin je jedným z najmodernejších a najštýlovejších doplnkov WordPress na trhu na prispôsobenie dashboardu WordPress.

Materiál White Label WordPress Admin Theme

Tento doplnok WordPress sa dodáva so štýlovými témami 100 a umožňuje vám vytvoriť si vlastnú tému. Budete mať možnosť ovládať kompletný vzhľad ponuky dashboardu, horného panela, tlačidiel, typografie, formulárov, textu a farieb pozadia, loga atď.

Material Admin má tiež viac ako 20 widgety de prístrojová doska prispôsobené pre váš web a zobrazuje štatistiky pre návštevníkov.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

To je ono! To je pre tento návod všetko venovaný integrácii kalendára Google na váš web WordPress. Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach

Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

...