Chcesz wiedzieć, jak zintegrować Kalendarz Google ze swoją witryną WordPress? Spójrzmy więc razem na ten samouczek.

Niektóre z Twoich witryn skorzystałyby na posiadaniu kalendarza. Jest to szczególnie ważne, jeśli koordynujesz działalność zespołu lub społeczności lub jeśli: zarządzaj stroną internetową wydarzenia.

Dzięki temu odwiedzający lub użytkownicy mogą zobaczyć, co jest nowego lub do zrobienia, może przez kogo, ale zwłaszcza kiedy.

W tym artykule pokażę, jak zintegrować responsywny Kalendarz Google z witryną WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Przejdź do kalendarza Google

Jeśli masz już kalendarze Google, upublicznij je i pomiń ten krok. W przeciwnym razie w przeglądarce odwiedź Kalendarze Google i uwierzytelnij, jeśli to konieczne. Jeśli wszystko pójdzie dobrze, powinieneś mieć interfejs kalendarza Google.

jak zintegrować kalendarz Google ze swoją witryną WordPress z interfejsem kalendarza Google

Jako przykład użyjemy kalendarzy publicznych dostępnych w Kalendarzu Google. Aby to zrobić, kliknij uchwyt z przodu Inne programy który znajduje się po lewej stronie ekranu. W wyświetlonym menu wybierz Przeglądaj ciekawe kalendarze.

Na liście pamiętników wybierz taki, który Ci odpowiada, klikając link zarejestrować który znajduje się naprzeciwko. Do tego artykułu wybrałem Wakacje we Francji. Powinieneś zobaczyć tę, którą wybrałeś poniżej Inne programy.

Umieść swój kalendarz Google na stronie lub w artykule

Kliknij uchwyt przed Wakacje we Francji (lub swój kalendarz publiczny) i wybierz Ustawienia kalendarza. W sekcji Zintegruj ten kalendarz skopiuj kod HTML zawarty w polu tekstowym i wklej go do edytora WYSIWYG, który wcześniej wprowadziłeś w trybie tekstowym.

Odkryj przy okazji naszego wyboru Edytory kodów 10 dla programistów WordPress

Code-inlay-kalendarz

Zapisz swój artykuł i przejrzyj go. Wyświetlenie agendy na Twojej stronie będzie silnie zależeć od Twojego WordPress. Jeśli jest w pełni responsywny, nie powinien mieć żadnych problemów z wyświetlaniem.

Spróbuj zmniejszyć szerokość okna przeglądarki, aby zobaczyć, jak kalendarz wygląda na mniejszych ekranach. Jeśli w dowolnym momencie wyświetlacz kalendarza się zepsuje, oznacza to, że będziesz musiał dodać małą linię CSS do swojego WordPress.

Idź dalej, odkrywając Jak dodać niestandardowy CSS na swoim blogu WordPress

Nie przejmuj się, to nic skomplikowanego.

Dodaj CSS, aby dostosować kalendarz do swoich potrzeb

Aby zmienić swoje WordPress, zwłaszcza jeśli nie jesteś autorem, aktualizacja powinna odbywać się w formacie a motyw dla dzieci lub WordPress Plugin co pozwala na dodanie niestandardowego CSS.

W każdym razie, niezależnie od wybranej opcji, dodaj ten mały fragment CSS do motywu WordPress:

iframe {     max-width: 100%; }

Zapisz zmiany, załaduj ponownie stronę swojego artykułu i sprawdź, czy tym razem porządek obrad jest normalnie wyświetlany na małych ekranach.

Osadź wiele kalendarzy w artykule lub na stronie

Aby rozpocząć, zasubskrybuj inne kalendarze publiczne, tak jak to zrobiliśmy powyżej (Inne kalendarze> Przeglądaj interesujące kalendarze) lub utwórz własne kalendarze i upublicznij je.

Gdy masz już wszystkie potrzebne kalendarze, wybierz jeden, dowolny, kliknij jego uchwyt i wybierz Ustawienia kalendarza, Tym razem w sekcji zintegrować ten program, kliknij link Dostosuj kolor, rozmiar i inne opcje. Zostanie wyświetlone okno dostosowywania.

Idź dalej z podstawy dostosowywania strony internetowej WordPress

Tutaj możesz zmodyfikować niektóre wizualne aspekty swojej agendy. Ważną rzeczą do zrobienia jest nadanie kolekcji kalendarzy tytułu, w przeciwnym razie będzie to tytuł bieżącego kalendarza.

zintegruj Kalendarz Google

U góry tego okna znajduje się pole tekstowe z przyciskiem Zaktualizuj kod HTML. Użyj go, aby wyświetlić podgląd swojego kalendarza.

Zalecamy również sprawdzenie naszego 10 WordPress wtyczki premium idealny do zintegrowania kalendarza ze swoją stroną internetową

Użycie tego przycisku ma również wpływ na aktualizację kodu HTML w polu tekstowym. Jeśli jesteś zadowolony ze zmian, skopiujesz ten kod do swojego artykułu. Zapisz i ponownie załaduj stronę.

Odkryj też Jak ustawić witrynę WordPress w trybie konserwacji

Ponieważ już wstawiłeś kod CSS wcześniej, dziennik będzie się zachowywał idealnie na wszystkich ekranach.

Jak widać, dodanie kalendarza Google do Twojej witryny nie jest zbyt skomplikowane. Chodzi bardziej o skopiowanie kodu z aplikacji Kalendarza Google i wklejeniu go do strony lub artykułu oczywiście w edytorze w trybie tekstowym.

Ale nie zajmując całej strony kalendarzami, możesz również dodaj Kalendarz Google do swoich widżetów.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. Strony według roli użytkownika

Strony według roli użytkownika to WordPress Plugin co pozwala na dodanie kontroli dostępu do niektórych elementów witryny (posty, strony, niestandardowe typy postów itp.)

Strony według roli użytkownika dla WordPress

Ta wtyczka umożliwia usunięcie strony, artykułu, niestandardowego typu posta i innych. w wynikach wyszukiwania i katalogu blogów. Umożliwi to ukrycie strony, kategorii i innych elementów menu, gdy użytkownicy nie są zalogowani.

Możesz także zdefiniować Przekierowanie URL specyficzne dla użytkowników, którzy nie mają wymaganej roli użytkownika.

Pobierz | Demo | hosting

2. Ultimate Affiliate Pro

Zacznijmy od WordPress Plugin Ultimate Affiliate Pro, który jest z pewnością jednym z WordPress wtyczki najbardziej solidny program partnerski, ponieważ integruje się z wtyczkami WooCommerce, Easy Digital Downloads, PayPal i Stripe.

Ultimate Affiliate Pro WordPress Plugin

Znajdziesz tam wszelkiego rodzaju przydatne funkcje, takie jak: premia za wyniki i zarządzanie banerami, obsługa nieograniczonej liczby partnerów i ofert specjalnych, rankingi i poziomy prowizji, polecenia i udostępnienia na sieci społecznościowe, obsługa wielu bramek płatniczych PayPal, Stripe i wiele innych.

Jeśli to wszystko nie było wystarczająco imponujące, powinieneś wiedzieć, że ma również kilka szablonów strony logowania, rejestracji, bezpłatnego konta i łączy się z najlepszymi dostawcami marketingu e-mailowego, takimi jak MailChimp, Constant Kontakt i wiele innych.

Jest to jedna z najlepszych wtyczek afiliacyjnych WooCommerce które znajdziesz na Envato Market.

Pobierz | Demo | hosting

3. Tworzywo

Material Admin to jedna z najbardziej zaawansowanych i stylowych wtyczek WordPress na rynku do dostosowywania deski rozdzielczej WordPress.

Szablon WordPress Admin z białą etykietą

Ta wtyczka WordPress jest dostarczana ze stylowymi motywami 100 i umożliwia tworzenie własnych motywów. Będziesz mógł kontrolować pełny wygląd menu deski rozdzielczej, górnego paska, przycisków, typografii, formularzy, tekstu i kolorów tła, logo itp.

Administrator materiałów ma także więcej niż 20 widgety de tablica rozdzielcza spersonalizowane dla Twojej witryny i wyświetla statystyki dla odwiedzających.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Nie! To wszystko w tym samouczku poświęcony integracji kalendarza Google z Twoją witryną WordPress. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

...