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ć informację kto obchodzi imieniny - widget imieninowy - logo imienniczek.pl

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:

Imieniny: Joanny, Mileny, Zuzanny

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 (dosłownie jedna linijka) który wystarczy wkleić w miejscu kodu gdzie ma on być wyświetlany. Kod jest zarówno w języku PHP jak i JavaScript więc można wybrać w zależności od preferencji. Jeśli nie wiesz który kod wybrać, sugeruję skorzystać z wersji PHP. Oto dwa dostępne kody, pamiętaj aby użyć tylko jeden z nich:

kod PHP

<?php echo file_get_contents("https://imienniczek.pl/widget/php"); ?>

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