Трябва да знаете как да интегрирате Google Calendar във вашия уебсайт WordPress? Така че нека да разгледаме този урок заедно.
Някои от вашите уебсайтове биха се възползвали от наличието на календар. Това е особено вярно, ако координирате дейността на екип или общност, или ако... управлявайте уебсайт за събитие.
По този начин вашите посетители или потребители могат да видят какво е новото или какво трябва да се направи, може би от кого, но най-важното – кога.
В тази статия ще ви покажа как да интегрирате отзивчив Google Календар в уебсайта си на WordPress.
Но първо, ако никога не сте инсталирали WordPress, открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог
След това обратно към защо сме тук.
Отворете Google Календар
Ако вече имате календари на Google, направете ги публични и пропуснете тази стъпка. В противен случай в браузъра си посетете Google Календари и удостоверете, ако е необходимо. Ако всичко върви добре, би трябвало да видите интерфейса на Google Календар..
За да ви дадем пример, ще използваме публични календари, налични в Google Календар. За да направите това, щракнете върху дръжката до Други дневници който се намира от лявата страна на екрана. В менюто, което се появява, изберете Разгледайте интересни календари.
В списъка с дневници изберете този, който ви подхожда, като кликнете върху връзката регистър който се намира отсреща. За тази статия избрах Почивки във Франция. Трябва да видите този, който сте избрали по-долу Други дневници.
Вградете календара си в Google в страница или статия
Кликнете върху дръжката пред Почивка във Франция (или вашия публичен календар) и изберете Настройки на календара. В секцията Интегриране на този календар копирайте HTML кода, съдържащ се в текстовото поле, и го поставете във вашия редактор WYSIWYG, който предварително ще въведете в текстов режим.
Открийте по нашия избор на 10 кода редактори за WordPress разработчици
Запазете статията си и я прегледайте предварително. Начинът, по който календарът се показва на уебсайта ви, ще зависи до голяма степен от вашата WordPress тема. Ако е напълно адаптивна, не би трябвало да има проблеми с показването.
Опитайте да намалите ширината на прозореца на браузъра си, за да видите как календарът се показва на по-малки екрани. Ако календарът се прекъсне в даден момент, това означава, че ще трябва да добавите малък ред CSS код към вашата WordPress тема.
Отидете по-далеч, като откриете Как да добавите персонализиран CSS да си WordPress блог
Не се притеснявайте, няма нищо сложно.
Добавете CSS, за да отговорите на календара
За да промените вашата WordPress тема, особено ако не сте авторът, актуализацията трябва да се извърши в... детска тема или плъгин за WordPress, който ви позволява да добавяте персонализиран CSS.
Във всеки случай, каквато и опция да изберете, добавете това малко CSS парче към вашата WordPress тема:
iframe { max-width: 100%; }Запазете промените си, презаредете страницата на статията си и проверете дали този път дневният ред се показва нормално на малки екрани.
Вмъкване на няколко календара в статия или страницата
За да започнете, абонирайте се за други публични календари, както направихме по-горе (Други календари> Разгледайте интересни календари) или създайте свои собствени календари и ги направете обществени.
След като имате всички необходими календари, изберете един, който и да е, щракнете върху дръжката му и изберете Настройки на календара, Този път в секцията интегрирайте тази програма, кликнете върху връзката Персонализирайте цвета, размера и други опции. След това ще ви бъде представен прозорец за персонализиране.
Напред с основи на персонализиране на уебсайт на WordPress
Тук можете да промените някои визуални аспекти на вашия планер. Важно е да дадете заглавие на колекцията си от планери; в противен случай тя ще бъде кръстена на текущия планер.
В най-горната част на този прозорец има текстово поле, придружено от бутон Актуализирайте HTML код. Използвайте го, за да визуализирате календара си.
Препоръчваме ви също да проверите нашата 10 първокласни WordPress плъгина, идеални за интегриране на календар във вашия уебсайт
Използването на този бутон също актуализира HTML кода в текстовото поле. След като сте доволни от промените, копирайте този код в статията си. Запазете и презаредете страницата.
Открийте и вие Как да поставите вашия уебсайт WordPress в режим на поддръжка
Тъй като вече сте вмъкнали CSS кода от по-рано, календарът ще се държи перфектно на всички екрани.
Както видяхте, добавянето на Google Календар към вашия уебсайт не е много сложно. Най-вече става въпрос за копиране на код от приложението Google Календар и поставянето му в страница или статия, разбира се, използвайки текстовия редактор.
Но ако не искате да запълвате цяла страница с графиците си, можете също така добавете календар на Google към приспособленията си.
Открийте и някои премиум приставки за WordPress
Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.
Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.
1. Страници по потребителска роля
„Страници по потребителска роля“ е плъгин за WordPress, който ви позволява да добавяте контрол на достъпа до определени елементи от вашия уебсайт (публикации, страници, персонализирани типове публикации и др.)
Този плъгин може да ви позволи да изтриете страница, статия, персонализиран тип публикация и други. в резултатите от търсенето и директорията на блога. Това ще ви позволи да скриете страницата, категориите и други елементи от менюто, когато потребителите не са влезли в системата.
Можете също да определите a URL адрес за пренасочване специфично за потребители, които нямат необходимата потребителска роля.
Изтегляне | демонстрация | уеб хостинг
2. Ultimate Affiliate Pro
Нека започнем с плъгина Ultimate Affiliate Pro за WordPress, който е един от най-стабилните плъгини за афилиейт програми за WordPress, тъй като се интегрира с плъгините WooCommerce, Easy Digital Downloads, PayPal и Stripe.
Ще намерите всякакви полезни функции, като например: бонус за ефективност и управление на банери, поддръжка за неограничен брой партньори и специални оферти, класации и нива на комисионни, препоръки и споделяне в социалните медии, поддръжка за множество платежни шлюзове PayPal, Stripe и много други.
Ако всичко това не е достатъчно впечатляващо, трябва да знаете, че той интегрира и някои шаблони за страници за вход, шаблони за страници за регистрация, безплатни шаблони за акаунти и се свързва с водещи доставчици на имейл маркетинг като MailChimp, Constant Contact и много други.
Това е един от най-добрите афилиейт плъгини. WooCommerce които ще намерите на Envato Market.
Изтегляне | демонстрация | уеб хостинг
3. Материал
Material Admin е един от най-модерните и стилни WordPress плъгини на пазара за персонализиране на таблото за управление на WordPress.
Тази приставка за WordPress се предлага със стилни теми 100 и ви дава възможност да създадете своя собствена тема. Ще можете да контролирате цялостния вид на менюто на таблото, горната лента, бутоните, типографията, формулярите, текстовите и фоновите цветове, логото и т.н.
Material Admin също има повече от 20 джаджи de табло персонализиран за вашия уебсайт и показва статистически данни за посетителите.
Изтегляне | демонстрация | уеб хостинг
Препоръчителни ресурси
Открийте други препоръчани ресурси, които ще ви помогнат при създаването и управлението на вашия уебсайт.
- Как да пренаредите публикации в WordPress
- Как да намерите връзка към страницата за WordPress вход
- Как да намерите файлове за редактиране от WordPress тема
- Как да представяте и споделяте PDF файлове в WordPress?
- Как да се създаде йерархия с WordPress страници и шаблони
Заключение
Има! Това е всичко за този урок посветен на интегрирането на Google Календар във вашия WordPress уебсайт. Не се колебайте да споделяйте с приятелите си в любимите си социални мрежи.
Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.
Ако имате предложения или забележки, оставете ги в нашия раздел Връзка.
...