Vrei să știi cum să integrezi Google Calendar în site-ul tău WordPress? Deci, să aruncăm o privire la acest tutorial împreună.
Unele dintre site-urile dvs. web ar beneficia de un calendar. Acest lucru este valabil mai ales dacă coordonați activitatea unei echipe sau a unei comunități sau dacă dvs. gestionați un site web pentru evenimente.
Astfel, vizitatorii dvs. sau utilizatorii dvs. pot vedea ce este nou sau ce trebuie făcut, poate de cine, dar mai ales când.
În acest articol vă voi arăta cum să integrați un calendar Google receptiv în site-ul dvs. WordPress.
Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.
Apoi înapoi la motivul pentru care suntem aici.
Accesați un Google Calendar
Dacă aveți deja calendare Google, faceți-le publice și omiteți acest pas. În caz contrar, accesați browserul Calendare Google și autentificați-vă dacă este necesar. Dacă totul merge bine, ar trebui să aveți interfața Google Calendar.
Pentru a vă oferi exemplul, vom folosi calendare publice disponibile în Google Calendar. Pentru a face acest lucru, faceți clic pe mânerul opus Alte calendare care este în stânga ecranului. În meniul care apare, alegeți Căutați calendare interesante.
În lista de calendare, alegeți unul care vă convine, făcând clic pe link Inregistreaza-te care este situat vizavi. Pentru acest articol am ales Sărbători în Franța. Ar trebui să vedeți pe cel pe care l-ați ales mai jos Alte calendare.
Încorporați Google Calendar într-o pagină sau articol
Faceți clic pe mânerul din fața Sărbători în Franța (sau calendarul dvs. public) și alegeți Setări calendar. În secțiunea Integrați acest calendar, copiați codul HTML conținut în caseta de text și lipiți-l în editorul WYSIWYG pe care l-ați introdus în modul text în prealabil.
Descoperiți modul în care selectați 10 editori de cod pentru dezvoltatori WordPress
Salvați articolul și previzualizați-l. Afișarea agendei pe site-ul dvs. web va depinde în mare măsură de tema dvs. WordPress. Dacă este complet receptiv, nu ar trebui să aibă probleme de afișare.
Încercați să reduceți lățimea ferestrei browserului pentru a obține o previzualizare a modului în care apare calendarul pe ecrane mai mici. Dacă într-un moment dat afișarea calendarului se sparge, înseamnă că va trebui să adăugați o linie mică de CSS la tema dvs. WordPress.
Mergeți mai departe descoperind Cum de a adăuga un cod CSS personalizat pentru blog-ul dvs. WordPress
Nu vă alarmați, nu este nimic complicat.
Adăugați CSS pentru a face calendarul receptiv
Pentru a vă modifica tema WordPress, mai ales dacă nu sunteți autorul, actualizarea acestuia din urmă ar trebui făcută într-un tema copil sau un plugin WordPress care vă permite să adăugați CSS personalizat.
În orice caz, indiferent de opțiunea pe care o alegeți, adăugați această mică bucată de CSS la tema dvs. WordPress:
iframe {
max-width: 100%;
}
Salvați modificările, reîncărcați pagina articolului și verificați dacă de data aceasta agenda este afișată în mod normal pe micile ecrane.
Încărcați mai multe calendare într-un articol sau o pagină
Pentru a începe, abonați-vă la alte calendare publice așa cum am făcut mai sus (Alte calendare> Răsfoiți calendare interesante), sau creați-vă propriile calendare și faceți-le publice.
Când aveți toate calendarele de care aveți nevoie, alegeți unul, oricare, faceți clic pe mânerul acestuia și alegeți Setări calendar. De data aceasta, în secțiune integrați această agendă, faceți clic pe link Personalizați culoarea, dimensiunea și alte opțiuni. Vei fi apoi prezentat la o fereastră de personalizare.
Mergeți mai departe cu noțiuni de bază ale personalizării unui site web WordPress
Aici puteți modifica unele aspecte vizuale ale agendei dvs. Un lucru important de făcut este să acordați colecției dvs. de calendar un titlu, altfel va avea titlul calendarului curent.
În partea de sus a acestei ferestre este o casetă de text cu un buton Actualizați codul HTML. Folosiți-l pentru a previzualiza calendarul.
Vă recomandăm, de asemenea, să verificați 10 plugin-uri WordPress premium perfect pentru integrarea unui calendar în site-ul dvs. web
Utilizarea acestui buton are și efectul de a actualiza codul HTML din caseta de text. Când sunteți mulțumit de modificările dvs., veți copia acest cod în articolul dvs. Salvați și reîncărcați pagina.
Descoperă și tu Cum să puneți site-ul dvs. WordPress în modul Întreținere
Deoarece ați introdus deja codul CSS mai devreme, jurnalul se va comporta perfect pe toate ecranele.
După cum ați văzut, adăugarea unui calendar Google pe site-ul dvs. web nu este foarte complicată. Este mai mult despre copierea codului din aplicația Google Calendar și lipirea acestuia într-o pagină sau un articol, desigur, cu editorul în modul text.
Dar dacă nu reușiți să ocupați o pagină întreagă cu calendarele dvs., ați putea, de asemenea adăugați un calendar Google în widget-uri.
Descoperiți și câteva plugin-uri premium WordPress
Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. Pagini după rolul utilizatorului
Pages by User Role este un plugin WordPress care vă permite să adăugați control acces pe anumite elemente ale site-ului dvs. web (articole, pagini, tipuri de postări personalizate etc.)
Acest plugin vă poate permite să ștergeți o pagină, un articol, un tip personalizat de postare și altele. în rezultatele căutării și în directorul blogului. Acest lucru vă va permite să ascundeți pagina, categoriile și alte elemente de meniu atunci când utilizatorii nu sunt conectați.
Puteți defini, de asemenea, a URL redirectat specific pentru utilizatorii care nu au rolul de utilizator necesar.
Descarca | Demo | web hosting
2. Ultimate Affiliate Pro
Să începem cu pluginul WordPress Ultimate Affiliate Pro, care este cu ușurință unul dintre cele mai robuste pluginuri de programe afiliate WordPress, deoarece se integrează cu pluginurile WooCommerce, Easy Digital Downloads, PayPal și Stripe.
Acolo veți găsi tot felul de caracteristici utile, cum ar fi: bonus de performanță și gestionarea bannerelor, asistență pentru un număr nelimitat de afiliați și oferte speciale, clasamente și niveluri de comisioane, recomandări și acțiuni pe rețele sociale, suport pentru mai multe gateway-uri de plată PayPal, Stripe și multe altele.
Dacă toate acestea nu au fost suficient de impresionante, ar trebui să știți că are și câteva șabloane pentru pagina de conectare, înscriere, cont gratuit și se conectează cu furnizori de top de marketing prin e-mail precum MailChimp, Constant Contact și mulți alții.
Este unul dintre cele mai bune pluginuri afiliate WooCommerce pe care îl veți găsi pe Envato Market.
Descarca | Demo | web hosting
3. Material
Material Admin este unul dintre cele mai avansate și elegante plugin-uri WordPress de pe piață pentru personalizarea tabloului de bord WordPress.
Acest plugin WordPress vine cu teme elegante 100 și vă oferă posibilitatea de a vă crea propria temă. Veți putea controla aspectul complet al meniului de bord, bara de sus, butoanele, tipografia, formularele, culorile textului și fundalului, sigla etc.
Administratorul material are, de asemenea, mai mult de 20 widget-uri de tablou de bord personalizate pentru site-ul dvs. web și afișează statistici pentru vizitatori.
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Cum de a găsi link-ul la pagina de conectare WordPress
- Cum de a găsi fișierele pentru a edita o temă WordPress
- Cum să prezinți și să distribui PDF-uri pe WordPress?
- Cum de a crea o ierarhie cu pagini de WordPress și șabloane
Concluzie
Acolo! Gata pentru acest tutorial dedicat integrării unui calendar Google pe site-ul dvs. WordPress. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate.
Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.
Dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.
...