» Оформление блоков текста в записях - Блог студента - разработка, создание и продвижение сайтов в Тюмени

stuff Оформление блоков текста в записях

9 апреля, 2019


930cac9f

Сегодня после разговора с Seo Блондинкой было решено написать инструкцию по выделению блоков текста в записях. Как вариант это можно использовать в выделении постовых на странице.

Вот пару примеров выделения:

здесь текст, который мы выделяем. здесь текст, который мы выделяем.

и ещё из такой же оперы

здесь текст, который мы выделяем. здесь текст, который мы выделяем.

А вот пример, для несильно выделения из массы текста

здесь текст, который мы выделяем. здесь текст, который мы выделяем.

Установка и использование — проще простого:
1. Качаем архив с уже готовыми блоками и заливаем содержимое в папку с вашей темой (ваш_сайт.ru/wp-content/themes/ваша_тема/)
2. Берём файл header.php вашего шаблона и между тэгами head добавляем следующую строку:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/block.css" type="text/css" media="screen" />

Установка завершена.

Использование:
При написании записи, в режиме html, оформляем нужный текст тэгом параграфа и нужным нам классом

<p class="download">
здесь текст, который мы выделяем. здесь текст, который мы выделяем. 
</p>

В моём архиве доступны следующие классы:
podval — небольшое оформление серой рамкой

а так же разноцветные классы с картинками:
click
note
alert
download
warning
info

Вот и всё. Такими нехитрыми манипуляциями, мы можем выделять нужные нам фрагменты текста на странице.
Как применять и для чего — решать вам.

примеры использования:
Блог соц новостей

стили взяты:
блог блогомоб
Блог плагинов для wordpress

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

==\\==

Лето — преддверие праздников. Доверьте проведение праздника профессионалам. Самые качественные корпоративные вечеринки для вас организует агентство «Alice Star».



Смотрите так же:

5 комментариев

5 комментариев


  1. Сергей М., следящий за комментариями, написал:

    Е-мое, так для этого можно и визуальном редакторе специальные кнопочки подключить, если что ^_^


  2. admin написал:

    @Сергей М.

    ага, я уже тоже подумал насчёт этого. Но пока времени с этим небыло разобраться. А так вроде ничего серьёзного нету. Можно и ввиде плагина сделать — наделать заготовок и при подключении плагина — автоматом прописывался новый css и всё, ну или ещё + кнопка. На выходных покопаю эту темку.


  3. SEOblondinka написал:

    Вот спасибочки!!!! За инструкцию!!!!

    Завтра пойду копаться в коде, но сделаю себе подходящее оформление! :)

    Очень благодарю еще раз! :)


  4. Азартный манимейкер написал:

    Автор, у вас ссылка на архив с файлами блоков не работает.


  5. student написал:

    @ Азартный манимейкер, перезалил

Комментировать

Продаю сайты многостраничники для заработка на биржах ссылок!

*подробности..

Видеочат