Як вивести дату на WordPress і оформити її за допомогою CSS
Не знаю, як вам, але мене завжди приваблювали на сайтах красиво оформлені дати статтею. Ось і вирішив написати цю статтю.
Ну що, якщо ви хоч трішки знаєте WordPress і CSS, то ви подужаєте цей урок, тут навіть нічого і думати не треба, просто скопіювати код і правильно вставити в файли сайту.
Отже, ось такий результат у вас повинен вийти після всіх процедур:
Ну, що, приступимо ?!
Висновок дати на WordPress.
зображення можна збільшити
Отже, виводимо дату ось таким кодом:
Для оформлення зовнішнього вигляду місяці і числа прописуємо класи (class) для CSS.
div class = "month"
div class = "day"
Висновок дати для сайтів HTML і php.
Оформлення дати, використовуючи CSS
І в кінці файлу вставте ось такий код:
Зверніть увагу на (пункт№5).
Тут ви можете встановлювати місце розташування дати в будь-якому зручному для вас місці.
Ось такий блок вийде в результаті:
Тепер пропишемо стиль в CSS для класу "day"
Ось що отримаємо в результаті:
В принципі, можна залишити і так, а можна створити маленький «хвостик» знизу.
Для цього вставте в файл наступний код:
Ось довгоочікуваний результат довгих і болісних очікувань
Отже, це був показаний приклад виведення та оформлення дати для WordPress.
Але, якщо захотіти, то цей код можна використовувати на інших двіжкак. таких як Joomla, Drupal або на сайтах, які написані на HTML, php. Різниця буде лише в виведенні функції дати, а так стилі CSS залишаються без зміни.
От і все! Буду закінчувати на слові «поки». Бувайте усі. 🙂