Czasem właściciele stron internetowych chcą zamieścić krótką informację z dzisiejszą datą, pogodą albo informacją kto dziś obchodzi imieniny. Dziś opiszę jak w bardzo prosty sposób zamieścić na swojej stronie widget imieninowy informujący o dzisiejszych imieninach. Wpis zawiera instrukcję dla stron opartych na WordPressie (dedykowane bardzo łatwe rozwiązanie – wtyczka), jak i dla wszystkich innych stron www (wklejenie jednej linijki kodu).
Jak dodać imieniny na stronę w WordPress?
Dla witryn opartych na systemie CMS WordPress mamy dedykowane rozwiązanie. Jest to malutka wtyczka o nazwie „imienniczek”, którą bez trudno można zainstalować z oficjalnej biblioteki wtyczek WordPress. Wtyczka jest bardzo lekka i bezpieczna a wiem to z dobrego źródła bo… jestem jej współautorem. Wtyczka może wyświetlać imieniny zarówno w dowolnym miejscu strony zamiast standardowej treści (za pomocą shortcode), lub w panelu bocznym (jako widget). Poniżej opisuję dokładną instrukcję krok po kroku jak to zrobić.
Instalacja wtyczki „Imienniczek” w WordPress
Zaczynamy od wyszukania i zainstalowania odpowiedniej wtyczki. W tym celu wchodzimy w panel administracyjny WordPressa, a następnie wybieramy „wtyczk -> dodaj nową”.
Po prawej stronie mamy wyszukiwarkę „Szukaj wtyczek…” należy w niej wyszukać wtyczki. Można to zrobić wpisując słowo kluczowe „imieniny” lub nazwę wtyczki „imienniczek”.
Przy wybranej wtyczce klikamy „zainstaluj teraz” a po instalacji w tym samym miejscu „Włącz”. Od teraz wtyczka jest zainstalowana i aktywowana.
Użycie wtyczki w dowolnym miejscu – shortcode
Jeśli chcemy w wybranym miejscu strony zamieścić informację o imieninach wystarczy wprowadzić shortcode [imienniczek]. Shortcode to krótki kod w nawiasach kwadratowych [[kod]], który przeglądarki internetowe będą podmieniać odpowiednią treścią. W naszym przypadku będzie to lista osób które dziś obchodzą imieniny. Dla przykładu poniżej prezentuję jak to wygląda w praktyce. Shortcode:
[[imienniczek]]Tu efekt końcowy, czyli osoby które właśnie dziś obchodzą imieniny:
Taki kod można wkleić w dolowne miejsce gdzie da się wpisać treść. Na poniższym przykładzie video pokażę stworzenie nowego wpisu i wprowadzenie w nim kodu.
Użycie wtyczki w panelu bocznym – widget
Aby dodać komunikat o imieninach w panel boczny należy wejść w „Wygląd -> Widgety” a następnie przeciągnąć z panelu dostępnych widgetów „imienniczek” do wybranego przez siebie panelu bocznego. Gotowe! Jak to zrobić prezentuję w poniższym filmie.
Widget imieninowy dla stron innych niż WordPress
Jeśli Twoja strona internetowa nie jest zbudowana na WordPressie, to mamy krótki kod JavaScript (dosłownie jedna linijka) który wystarczy wkleić w miejscu kodu gdzie ma on być wyświetlany.
kod JavaScript
<script type="text/javascript" src="https://imienniczek.pl/widget/js"></script>Aby mieć pewność, że używasz prawidłowego kodu możesz zajrześć bezpośrednio do źródła, czyli strony z której pobierane są te dane.
Nieco teorii jak to powinno zadziałać
Dla osób które chcą wiedzieć jak to dokładniej działa, czemu kod jest taki a nie inny i skąd biorą się te informacje o imieninach krótko dopiszę jak to działa.
Teoretycznie powinniśmy na swojej stronie interntowej stworzyć bazę danych zawierającą wszystkie imiona, daty i przypisane im imieniny, a nastęnie stworzyć skrypt który sprawdzałby dzisiejszą datę, kto tego dnia obchodzi imieniny i wyświetlał listę tych imion. Zrobienie takiej bazy jest niezwykle pracochłonne, dlatego możemy skorzystać z bazy która już sprawnie funkcjonuje. Wraz z Pawłem Bolimowskim prowadzimy stronę imienniczek.pl z której dowiesz się kto obchodzi dziś imieniny i sprawdzisz kiedy ktoś obchodzi imieny lub kto je obchodzi wybranego dnia. W ramach tego projektu udostępniliśmy omówione narzędzia aby ułatwić informowanie o imieninach. Mamy nadzieję, że skrypty się przydadzą.
Oceń wtyczkę
Wtyczka „imienniczek” do CMS WordPress jest bezpłatna, ale będzie nam miło jeśli po włączeniu wtyczki ocenisz wtyczkę lub zostawisz recenzję.
Źródła i linki
- imienniczek.pl – strona źródłowa z której pobierane są dane o imieninach – „Imieniny – kalendarz imienin, znaczenie imion i życzenia imieninowe”
- imienniczek.pl – opis wykorzystania kodu PHP i JavaScript wstawiającego imieniny na Twoją stronę – „Imieniny – widget dla Twojej strony”
- wordpress.org – strona wtyczki w bibliotece wtyczek WordPress – „Imienniczek | WordPress.org”
- youtube.com – film instruktażowy wykorzystania imienniczka z shortcode w WordPress – „Instalacja wtyczki imienniczek i dodanie imienin do wpisu – YouTube”
- youtube.com – film instruktażowy jak wstawić imieniny z użyciem widgetu w panelu bocznym WordPress – „Instalacja wtyczki imienniczek i dodanie imienin do panelu bocznego – YouTube”
- bolimowski.pl – witryna internetowa współautora wtyczki i strony imienniczek.pl – „Paweł Bolimowski – Fotografia i Podróże”
