Przejdź do głównej treści

Jak zintegrować kalendarz Google z witryną WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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 Ty 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

Aby podać przykład, będziemy używać kalendarzy publicznych dostępnych w Kalendarzu Google. Aby to zrobić, kliknij uchwyt po przeciwnej stronie 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 artykuł i przejrzyj go. Wyświetlanie agendy w Twojej witrynie będzie w dużej mierze zależało od motywu 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 uzyskać podgląd kalendarza na mniejszych ekranach. Jeśli w którymkolwiek momencie wyświetlanie kalendarza się zepsuje, oznacza to, że będziesz musiał dodać małą linię CSS do motywu WordPress.

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

Nie przejmuj się, to nic skomplikowanego.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

Dodaj CSS, aby dostosować kalendarz do swoich potrzeb

Aby zmodyfikować motyw WordPress, zwłaszcza jeśli nie jesteś jego autorem, aktualizację tego ostatniego należy wykonać w pliku motyw dla dzieci lub wtyczkę WordPress, która umożliwia dodawanie 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, Następnie zostanie wyświetlone okno personalizacji.

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.

wielokrotnego agenda-custom

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 Wtyczki WordPress premium 10 idealne do integracji kalendarza z witryną

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.

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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 wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego 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 wtyczka WordPress, która umożliwia dodanie kontroli dostępu do niektórych elementów witryny (artykuły, strony, typy spersonalizowanych 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

Zacznijmy od wtyczki WordPress Ultimate Affiliate Pro, która jest z pewnością jedną z najbardziej niezawodnych wtyczek programu partnerskiego WordPress, 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.

Material White Label WordPress Admin Theme

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, typografia, formularze, kolory tekstu i 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.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

...  

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
15 akcji
udział10
ćwierkanie2
Enregistrer3