Переносим метаданные из заголовка в конец статьи

Главной причиной написания этого поста является удаление даты создания поста из результатов поиска. Это можно реализовать разными способами, как программно, так и с помощью плагинов. Но я решил просто перенести мета данные из под заголовка в конец статьи. Данное свойство реализовано на этом сайте, вы можете увидеть его в любой статье.

К тому же данное улучшение убирает ошибку Слишком мелкий шрифт в сеарч консоли.

Если у вас есть желание сделать так же, то приступим.

Открываем Внешний вид — Редактор- выбираем файл content-single.php

Нас интересует 51-я строчка (может быть и другая, сравнитесь как на рисунке)

colormag метаданные

В данном коде она отвечает за вывод метаданных под заголовком записи. Эту строчку необходимо скопировать и удалить, а на её место прописать

<br>

этим мы обозначим отступ текста от заголовка.

colormag метаданные

 

теперь ту строку, которую мы скопировали необходимо вставить в конце этого же файла перед последней строчкой </article>

colormag метаданные

Теперь можно проверить. Вот что должно получиться

colormag метаданные

В принципе нормально, но как то криво. Было бы неплохо если бы этот блок был по центру и шрифт чуть поменьше.

Помните, ту строчку, которую мы скопировали? Это просто код, без класса, стиля. Вот класс мы и добавим, а потом припишем стиль для этого класса.

Для этого строчку

<?php colormag_entry_meta(); ?> обернём в div и пропишем класс. Название класса может быть каким угодно, я назову его meta

<div class="meta">
<?php colormag_entry_meta(); >
</div>

этот код необходимо вставить в конце файла перед </article> и обновить

colormag метаданные

После этого необходимо добавить стили для класса meta. Для этого откройте Настройка — Дополнительные стили и пропишите

 
.meta {
text-align: center; /* блок по центру*/
padding-bottom: 25px; /* отступ от блока снизу*/
font-size: 15px; /* размер шрифта*/
}

Теперь можно проверять.

colormag метаданные

Для того чтобы добавить отступы добавьте

 
.posted-on a, .byline a, .comments a {
padding: 11px;
}

Результат

colormag метаданные

Если необходимо разделить мета строку на 2 строчки то необходимо добавить <br> в inc/functions.php на 300 строчке (у вас это может быть строчка рядом, ориентируетесь на скриншот)

colormag метаданные

Результат

colormag метаданные

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *