Виджет “Текст” и блок “Об авторе”

Про виджет «Произвольное меню» я уже упоминал в своих записях «Доработка виджета произвольного меню» и «Доработка виджета произвольного меню [дополнение]» он позволяет добавить и организовать дополнительное меню вашего сайта и сделать это так, как именно вы желаете – в любой форме и структуре. Удивительно удобно и просто!

Виджет «Произвольное меню» не единственный из штатных позволяющих удобно размещать материал в сайдбаре или любом другом месте вывода виджетов, во многом, варианты использования виджетов зависят от используемой темы. Не менее интересный, но очень простой – виджет «Текст». Этот виджет позволяет разместить любой фрагмент html-кода. Это могут быть ссылки или список любимых блюд, форма обратной связи или информационный блок «Об авторе». О том, как создать последнее я расскажу ниже.

Многие крупные блоги имеют целую странице сайта «Об авторе», вместе с тем, популярным сейчас стало размещение краткой информации в сайдбаре. Это удобно. Так, любой пользователь вашего сайта находясь на любой из его страниц будет иметь возможность получить краткую информацию об авторе и его контактных данных. Сделать такой блок очень просто!

Создаем новую запись

Казалось бы, при чем тут запись блога? Мы будем ее использовать как средство создания того самого фрагмента html-кода, который впоследствии разместим с помощью виджета «Текст» в вашем сайдбаре.

Благодаря встроенному редактору, создать блок не составит труда, однако, следует помнить, что в случае с виджетом «Текст» каждый из параграфов следует оформить соотвествующим образом, т.е. заключить в тэг <p> Здесь ваш текст </p>. Удобно пользоваться закладкой «HTML» в этих целях.

Вот так выглядит мой блок «Об авторе»
Вот так выглядит мой блок «Об авторе»

Помещаем получившийся код в виджет

Необходимый нам фрагмент кода готов, в нем присутствуют желаемые изображения и выбранный стиль оформления. Копируем его из редактора записей в буфер обмена. Запись стоит сохранить как черновик, вдруг пожелаете что-то поменять в дальнейшем!

Идем в раздел меню консоли сайта – «Виждеты» и добавляем в сайдбар в нужное место виджет текст. Заголовок можно оставить пустым или указать в нем что-то это не важно. В основное поле виджета вставляем из буфера обмена созданный ранее фрагмент html-разметки.

Помещаем получившийся код в виджет
Помещаем получившийся код в виджет

Жмем кнопку сохранить и смотрим результат!

Результат использования виджета «Текст»
Результат использования виджета «Текст»

Конечно, все используемые изображения и стили оформления должны быть заранее созданы!

Опубликовано

Обратите внимание на предыдущие записи: