3 różne sposoby automatycznego wyświetlania dzisiejszej daty w WordPressie

Czy chciałeś kiedyś wyświetlić dzisiejszą datę na swojej witrynie WordPress? Wyświetlanie aktualnej daty pomaga czytelnikom wiedzieć, że nadal żyjesz i kopiesz. A jeśli twoi czytelnicy są tak zapominalscy jak ja, może to nawet pomóc im zapamiętać zbliżający się termin!

Chociaż kilka motywów WordPress zawiera wbudowaną opcję wyświetlania dzisiejszej daty w witrynie, większość motywów nie. Jeśli więc chcesz wyświetlić aktualną datę gdzieś na swojej witrynie WordPress, musisz sam sobie z tym poradzić.

W tym poście przedstawię trzy różne metody wyświetlania dzisiejszej daty w WordPressie. Najpierw pokażę Ci jedną z niewielu działających wtyczek z tą funkcjonalnością. Następnie dam ci krótki samouczek, jak stworzyć własny krótki kod. Na koniec podsumuję dwa różne fragmenty kodu, których możesz użyć, aby dodać dzisiejszą datę bezpośrednio do plików szablonów motywu.

Zagłębmy się…

Jak wyświetlić dzisiejszą datę za pomocą wtyczki WordPress?

Istnieje kilka różnych wtyczek, które pozwalają pokazać dzisiejszą datę w witrynie WordPress. Ale, ku mojemu rozczarowaniu, niewiele z nich już działa. Po przetestowaniu kilku, które nie działały zbyt dobrze, w końcu znalazłem taki, który działa w postaci widżetu daty i godziny.

Nic dziwnego, że widżet daty i godziny oferuje zupełnie nowy widżet, którego można użyć do wstawienia bieżącej daty i godziny do dowolnego widżetowanego obszaru. Jeśli wolisz skrócony kod od widżetu, w następnej sekcji pokażę Ci, jak stworzyć własny skrócony kod na dzisiejszą datę.

Ta wtyczka jest fajna, ponieważ pozwala ustawić formatowanie, czcionkę i rozmiar czcionki, a także niektóre niestandardowe kolory.

Aby korzystać z wtyczki, wystarczy ją zainstalować i aktywować. Następnie przejdź do Wygląd → Widgety i przeciągnij nowy widżet Data i godzina, tak jak każdy inny:

Następnie wystarczy przejść i skonfigurować każdą opcję:

• Format czasu: możesz wybrać jeden z kilku różnych formatów czasu lub wybrać Brak, aby wyłączyć tę część (i wyświetlać tylko datę).
• Format daty: wybierz format, którego chcesz użyć dla daty.
• Rodzina czcionek: wybierz zastępczą rodzinę czcionek (widżet powinien dziedziczyć czcionkę motywu jako pierwszy wybór).
• Rozmiar czcionki: nie wymaga wyjaśnień.
• Kolor tekstu: kolor całego tekstu w widżecie.
• Kolor tła: tło dla tekstu.

Zrobię tło czarne, a kolor tekstu biały, abyście mogli zobaczyć, jak działają te dwa elementy.

Po zapisaniu widżetu w interfejsie zobaczysz dzisiejszą datę:

Całkiem proste! Ale w rzeczywistości prawie tak samo łatwo jest stworzyć własny krótki kod, który wyświetla aktualną datę. Oto jak:

Jak utworzyć krótki kod, aby wyświetlić dzisiejszą datę w WordPress?

Jeśli wolisz bardziej ręczne podejście, możesz stworzyć swój własny krótki kod, używając zaledwie kilku linijek kodu. Osobiście jest to moja preferowana metoda, ponieważ zapewnia elastyczność wstawiania bieżącej daty w dowolnej części treści, a nie tylko w widżetowanych obszarach.

Możesz umieścić ten kod w:

• Plik functions.php twojego motywu potomnego
• Niestandardowa wtyczka, którą tworzysz samodzielnie

Pokażę ci, jak to zrobić za pomocą functions.php, ponieważ jest to najprostsza metoda – musisz tylko pamiętać, aby skopiować ten kod, jeśli kiedykolwiek zmienisz motywy.

Aby utworzyć krótki kod, wystarczy dodać ten kod do pliku functions.php:

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

Skrót będzie używał tego samego formatu daty, który ustawiłeś w Ustawienia → Ogólne .

Po dodaniu kodu możesz użyć skrótu [datetoday] w edytorze WordPress lub module Divi Code:

I pokaże aktualną datę na interfejsie użytkownika zgodnie z formatem w ustawieniach WordPress:

Możesz także dodać podstawowe formatowanie do swoich dat, korzystając z edytora TinyMCE. Na przykład, jeśli pogrubisz krótki kod, data pojawi się również pogrubiona w interfejsie witryny.

Uwaga – ten kod jest poprawioną wersją kodu Ben Poland z Today's Date , wtyczki, która już nie działa z powodu błędnej spacji w funkcji shortcode. Znalazłem wtyczkę Bena w katalogu WordPress.org i zamierzam użyć jej w tym samouczku. Ale podczas testów odkryłem, że działa to tylko wtedy, gdy ręcznie edytowałem kod, aby usunąć spację z shortcode.

Jak wyświetlić dzisiejszą datę za pomocą kodu?

Uwaga – ta sekcja jest przeznaczona tylko dla osób, które przynajmniej w pewnym stopniu są zaznajomione z kodem i motywami WordPress. Jeśli jesteś całkowicie początkującym, polecam trzymać się dwóch poprzednich metod.

Wreszcie, jeśli chcesz ubrudzić sobie ręce w plikach szablonów swojego motywu, możesz również użyć jednej linii PHP, aby wstawić dzisiejszą datę w dowolnym miejscu na swojej witrynie WordPress.

Do wyboru są dwa różne fragmenty kodu:

<?php echo date(get_option('date_format')); ?>

Powyższy fragment wyświetla aktualną datę zgodnie z ustawieniami WordPress, podobnie jak shortcode.

Ale możesz również określić unikalny format daty, używając tego fragmentu kodu:

<?php echo date('l jS F Y'); ?>

Możesz dowiedzieć się, jakie są różne formaty w tym artykule WordPress Codex.

Na przykład, jeśli dodasz kod tuż pod zamykającym znacznikiem </header> w pliku header.php w następujący sposób:

Następnie bieżąca data zostanie wyświetlona tuż pod nagłówkiem w witrynie front-endowej:

Być może będziesz musiał pobawić się pozycjonowaniem – ale to kolejny łatwy sposób na wyświetlenie dzisiejszej daty w witrynie WordPress.

Aby uzyskać większą kontrolę, możesz umieścić kod w <div>, a następnie użyć CSS do stylizacji i/lub pozycjonowania tego <div> w swojej witrynie.

Zawijanie rzeczy

Chociaż nie jest to poważna zmiana, wyświetlanie dzisiejszej daty w witrynie WordPress może się przydać w zależności od tematu witryny.

Jeśli chcesz wyświetlić dzisiejszą datę na pasku bocznym (lub w innych widżetach), najlepszym rozwiązaniem będzie wtyczka Widget daty i godziny.

W przeciwnym razie polecam stworzenie własnego shortcode lub, jeśli masz przynajmniej podstawowe umiejętności kodowania, zagłębienie się w pliki szablonów twojego motywu.

Czy przegapiliśmy Twój ulubiony sposób na dodanie aktualnej daty do WordPressa? Podziel się swoimi sugestiami poniżej.

Obraz miniatury artykułu w 32 pikselach / shutterstock.com