Jak wstawić grafik na moją stronę za pomocą JavaScriptu?
Poniższe teksty w pomocy zostały przetłumaczone za pomocą tłumaczenia automatycznego. Pracujemy nad ich korektą.
Tłumaczenie może zawierać niedokładności, za które przepraszamy 🙏.
Zenamu oferuje skrypt
, dzięki któremu można wstawić na własną stronę internetową grafik zajęć. Na stronie zostanie
wyświetlona
lista zajęć odbywających się w ciągu następnych 30 dni. Lista jest w pełni responsywna (automatycznie dostosowuje się
do szerokości na różnych urządzeniach i ekranach) i kompatybilna z innymi elementami na stronie.
Sama integracja jest prosta i zajmie Ci nie więcej niż 5 minut. Wystarczy skopiować niewielką część kodu i wstawić ją na własną stronę. Do wykonania potrzebna jest podstawowa znajomość HTML i JavaScript. Tę opcję integracji zalecamy wykonać wraz z administratorem Twojej strony.
Jeśli Twoja strona działa na jakimś systemie zarządzania treścią, integracja jest również możliwa. Zapoznaj się z naszymi instrukcjami do wstawienia grafika na stronę z Webnode , WordPress lub Wix.com.
Dodawanie do własnych stron - krok po kroku
1. Wstawienie skryptu
Skrypt można wstawić na dwa sposoby:
a. Przez skrypt w nagłówku (<head>
) strony HTML
Linijkę z kodem umieść dokładnie w tej formie pomiędzy tagami
Twojej strony. Jeśli wstawiasz skrypt w ten sposób do nagłówka, nie zapomnij proszę o atrybucie defer, inaczej grafik nie zostanie wyświetlony.Lista zajęć
<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>
Lista warsztatów
<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Lista kursów
<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>
b. lub wewnątrz ciała (<body>
) strony HTML
Linijkę z kodem umieść dokładnie w tej formie w dolnej części strony tuż przed końcowym tagiem </body>
:
Lista zaj ęć
<script src="https://zenamu.com/calendar/list.js" crossorigin></script>
Lista warsztatów
<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>
Lista kursów
<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>
2. Wstawienie bloku
W miejscu na Twojej stronie, gdzie chcesz, aby grafik się pojawił, dodaj następujący <div>
:
Lista zajęć
<div id="zenamu-calendar" calendar-id="[ID vašeho kalendáře]"></div>
Lista warsztatów
<div id="zenamu-workshops" calendar-id="[ID vašeho kalendáře]"></div>
Lista kursów
<div id="zenamu-courses" calendar-id="[ID vašeho kalendáře]"></div>
[ID Twojego kalendarza] zastąp swoim unikatowym ID, które znajdziesz w administracji swojego konta.
- Kod znajdziesz w swojej administracji (zaloguj się do Zenamu i przejdź do Ustawienia > Publiczny grafik > Wstawienie grafika na własne strony).
3. Gotowe
Wygląda to podobnie jak nasz grafik poniżej 😏.
Warsztaty
Kursy
Lista zajęć
Przez nią możesz od razu zarezerwować pokaz systemu Zenamu bezpośrednio przez Zenamu!
Spotkamy się online przez Google Meet, w ciągu kilku minut przedstawimy nasz system, odpowiemy na Twoje pytania i pomożemy z konfiguracją konta.