WordPressWordPress - CSSWordPress - HTMLВсе для разработки шаблонов

Как создать красивое отображение даты записей для WordPress

Как переустановить WordPress: пошаговые руководства для 4 методов

Когда вы выделяете свой блог, одна вещь, которую часто игнорируют блоггеры, — это отображение даты. Нечто простое, как настраиваемый блок даты, может действительно повлиять на дизайн вашего блога. Поэтому в этой статье я покажу вам, как вы можете отобразить блок даты на своем блоге WordPress.

На самом деле нет ничего сложного, вам не нужно быть очень опытным программистом или же матерым верстальщиком. Достаточно будет скопировать код указанный в данном уроке и применить его в файлах своей темы.

Как создать красивое отображение даты записей для WordPress

Мы начнем с изображения, показанного слева, и сделаем его похожим на изображение справа.

Вы можете использовать изображение, которое я используем выше, если вы так хотите использовать его или создать свой собственный.

Первое, что вам нужно сделать, это открыть файл style.css и добавить что-то вроде ниже:

.datemediadoma { background: url ('http://cdn4.wpbeginner.com/blogposts/customdate.gif') no-repeat; height: 173px; width: 173px; } .day{ } .month{ }

Теперь вы можете создать стиль, как вам нравится, и вы также можете изменить название класса. Затем вам нужно будет открыть index.php и single.php . И добавьте следующий код, в котором ваш шаблон подходит.

<pre class="lang:default decode:true"> <div class = "datemediadoma"> <div class = "month"> <?php the_time ('M')?> </div> <div class = "day"> <? php the_time ('d')?> </div> </div>

Убедитесь, что вы изменили стиль в соответствии с вашими потребностями. Теперь у вас должно быть настроенное изображение даты. Вы также можете обратиться к WordPress Codex для получения дополнительной информации.

Источник записи: https://mediadoma.com

Похожие сообщения
WordPressWordPress темы

20+ лучших женских тем WordPress 2020

WordPress

Как исправить ошибку загрузки изображения WordPress

WordPress

Как узнать какую тему использует сайт на WordPress? (3 быстрых способа)

WordPress

Разница между сообщениями и страницами в WordPress