Совет недели: как сделать ниже записи свою подпись

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Например, как у меня в блоге, сразу после ссылок на социальные закладки стоит подпись:

Ваша подпись под публикацией

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

Как ее создать? В принципе, несложно, даже для новичка. Сегодня я хочу вам рассказать — как добавить такую подпись.

Шаг первый — Если вам нравится подпись в виде красивого шрифта курсивом — советую воспользоваться шрифтами Google. Откройте ресурс Google Web Font, найдите слева выбор кириллических шрифтов:

Ресурс Google Web Font

Шаг второй — вы выбрали шрифт? Нажмите на ссылку — Quick-use:

03

Откроется дополнительное окно, в котором вы увидите выбор вариантов стилей этого шрифта:

04

Поставьте флажок рядом с словом —

Шаг третий — Прокрутите вертикальный scroll ниже — увидите настройки для файла header.php и файла стилей style.css.

Скопируйте код ссылки на этот шрифт и добавьте его в файле header.php, до тега < /HEAD >

05

Шаг четвертый — создайте контейнер по примеру ниже:

<div id=»the-author»><?php the_author(); ?></div>

Откройте файл single.php вашего активного шаблона и вставьте этот код где-то после этого кода:

< ?php the_content(); ? >
< ?php endwhile; ? >
< ?php endif; ? >

Шаг четвертый — Откройте файл style.css и добавьте в конце файла такой контейнер свойств для DIV «the-author»:

#the-author {
margin: 30px 0;
font-size: 30px;
font-family: ‘Bad Script’, cursive;
}

Текст ‘Bad Script’ — соответствует выбранному вами шрифту, поэтому скопировав код у меня — поменяйте название шрифта на выбранный вами шрифт. Остальные свойства для этого DIV вы также можете изменить, если знаете, как работать с стилями CSS.

Понравился мой совет — поделитесь с друзьями, кликнув на любую социальную закладку ниже.

Советую прочитать еще:  Как правильно оптимизировать медиаконтент на вашем сайте?
Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

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

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