Создание страницы WordPress | Как создать свой сайт

Легкое создание страницы WordPress

Окт-15-2010 Автор: VeryOldMan

Как Вам понравился движок WordPress? Не плохой, правда? Если Вы уже подобрали шаблон для своего блога и создали несколько записей, то могли убедиться и в том, что создание страницы WordPress — процесс очень простой. Да и визуальный редактор движка позволяет создавать дизайн WordPress записей легко и просто, а так же применять практически все возможные стили оформления, как текста, так и графических изображений.

Кстати, если Вас интересует как вставить изображение в страницу  WordPress сайта, загляните на страницу — Как вставить избражение в WordPress страницу

Но, оказывается, далеко не все. Как Вы могли заметить, в визуальном редакторе WordPress нет возможности, например, изменить размер шрифтов  и тип шрифтов. Что делать, если Вам нужно будет выделить какой-то абзац, изменив размер шрифта или сам шрифт,  у какой-либо страницы WordPress? Делается это так.

Допустим Вам нужно выделить абзац в тексте создаваемой WordPress страницы изменяя сам шрифт его размеры  и его цвет. А конкретно, в таблице стилей шаблона задан шрифт Arial, размер 12 px, цвет – черный. В общем массиве текста страницы мы сейчас выделим абзац, в котором шрифт будет Times, размер шрифта 140% от основного шрифта, цвет – красный.

Открываем движок, в Панели объявлений, в меню Записи – Редактировать открываем нужную WordPress страницу. Редактор переводим в режим HTML, выбираем нужный абзац и помещаем его между открывающим и закрывающим тегом Р с соответствующими атрибутами:

<p style=»color: #ff0000;»>Но эти слухи так и остались слухами – Twitter по факту блокировал такой тип рекламы, внедрив другие под названием «спонсорские твиты» (Promoted Tweets) и «спонсорские тренды» (Promoted Trends). Можно сказать, что это хитрый и умный план, который не будет раздражать твиттер-зависимых.</p>

Вот что получим в результате:

создание страницы WordPress

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

создание страницы WordPress

Если Вы хотите изменить размер шрифта или сам шрифт – переключите редактор в режим HTML и измените атрибуты тега Р. То есть цифру у знака процентов или тип шрифта. Как видите, создание страниц WordPress, как и их редактирование, занятие довольно интересное, да и не очень сложное. Если, конечно, знаешь как делать.

А вот еще один вариант редактирования WordPress страницы. Создание фоновой поверхность под абзацем. Вот так, например:

создание страницы WordPress

Это очень просто сделать, если вставить абзац в таблицу. А таблицу мы сделаем в родном нам уже редакторе Dreamweaver. Запустим редактор. Зайдем в меню Вставить – Таблица:

создание страницы WordPress

Как видите, я создаю таблицу в одну строку, с одним столбцом, шириной 100% и без границы. Естественно Вы можете задать фиксированную ширину и добавить контур вокруг нее. В нижнем доке редактора выбираем цвет фона для таблицы:


Не обязательно из предлагаемых, можно взять любой свой, изменив код цвета в окошке. Теперь у нас есть два варианта, как сделать абзац WordPress страницы с фоном. Первый вариант. Переключаем редактор Dreamweaver в режим Код:

Вот эту часть кода копируем. Визуальный редактор WordPress переключаем в режим HTML, вставляем код таблицы рядом с нужным абзацем, вырезаем его и вставляем в код таблицы между тегами <td> и </td>, вместо того странного значка.

А второй вариант, это скопировать абзац и вставить его в таблицу, созданную в редакторе Dreamweaver, в визуальном режиме. После перейти в режим Код. Скопировать таблицу с текстом абзаца и вставить в текст WordPress статьи так же, как и в первом варианте.

Вот такие варианты дизайна могут быть реализованы при создании страницы WordPress. Надеюсь, эта информация поможет Вам в создании блога, поможет Вам сделать его более привлекательным.

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






Комментариев (0)

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