Как вставить рамку в текст на WordPress

🔘Я вас приветствую, с вами Нина Дементьева. И сегодня я хочу рассказать и показать, как можно легко и просто менять стиль и оформление текста, картинок, видеороликов в записи и страницах на сайте WordPress без установки плагина.

Давайте перейдем в админ панель на WordPress и создадим “новую запись”, добавить “новую” и назовем мы её “шпаргалка для оформления текста”. Эту шпаргалку мы с вами не будем опубликовывать, мы её сохраним, как черновик и она у нас всегда будет под рукой и нам не надо будет ничего запоминать, эту шпаргалку всегда можно будет открывать и использовать, как страничку для экспериментов, где мы можем проделывать любые действия над объектами и потом только уже вставлять в нашу запись. И если мы захотим оформить красиво наш текст картинку или видеоролик, мы всегда можем открыть нашу шпаргалку и посмотреть, как это делать. Давайте вставим какой-нибудь текст. Зайдем на сайт генератор случайного текста и скопируем текст рыбу для эксперимента. Вставляем, вот наш текст, давайте сделаем его поменьше. Давайте сразу посмотрим, как он у нас получился, нажимаем” посмотреть”. Вот наш текст, в нашей “новой записи”, переходим в нашу консоль и давайте начнем экспериментировать.
Что мы с вами здесь можем сделать? Мы можем добавить фон красивый и можем добавить рамку. Давайте этим и займёмся. Переходим во вкладку “текст” и мы с вами видим этот текст, сюда мы можем добавлять теги HTML или свойство CSS.

Задаем Фон Тексту:

<div style=”padding: 30px; background: #fd0; width: 760px;”>Ваш Текст</div>

Мы сюда много вставлять не будем только то, что необходимо. Добавляем “тэг” и давайте посмотрим, что получилось, переходим на вкладку “визуально”. Текст мы с вами выделили желтым фоном. Давайте возьмём по светлее фон. Вставляем в наш “тэг”, отвечающий за цвет фона, другой цвет и давайте посмотрим как получилось, переходим на вкладку визуально и вот видите, наш цвет фона извинился, если мы хотим что-то подчеркнуть, какой-то текст и немного его выделить мы можем поменять цвет фона, положить наш текст на цветную подложку.

🔘Что мы с Вами еще можем сделать? Мы можем вставить рамку и выделить наш текст рамкой. Давайте это и сделаем, выделим наш текст рамкой. Переходим на вкладку “текст” и добавим ещё несколько тегов, ставим курсор на начало нашего текста и добавляем тэги и в конце нашего текста добавляем еще один закрывающий “тэг”.

Вставляем Рамку в Текст:

<div style=”border: 3px solid #666; padding: 10px; margin: 20px; width: 660px;”>Ваш Текст</div>

Давайте посмотрим, что у нас получилось. Переходим на вкладку “визуально” и вот мы с вами видим, как изменился наш текст. Мы его сейчас поместили в рамку. Давайте посмотрим, как это выглядит на нашем сайте. Нажимаем “посмотреть” и вот мы с вами видим, как выглядит наш текст на нашем сайте. Очень даже получилось красиво и профессионально. Переходим на нашу “консоль” и здесь мы можем уже изменять как угодно.

🔘Давайте на наш сайт вставим видеоролик. Переходим в “консоль”. Скопируем первую строчку нашей рамки, ставим курсор на конец строчки, нажимаем Enter и вставляем нашу рамку. Давайте посмотрим, что получилось, “визуально” и вот мы с вами видим наша рамка вставилась и в ней ничего пока нет и давайте сюда мы поставим видеоролик. Переходим на Youtube канал, выбираем наше видео, которые мы хотим вставить в наш сайт. Спускаемся ниже, “поделиться”, “html-код”, “ещё”. Оставляем одну галочку: “показать панель управления”. Размер видео “853 х 480”, можно выбрать другой. Копируем код HTML, переходим в нашу админ панель и вставляем перед закрывающим тэгом “div”. Давайте посмотрим, что получилось, “визуально” и вот мы с вами видим наш видеоролик. Давайте посмотрим, как это выглядит на нашем сайте. Вот наше Видео, давайте нажмем: всё, видео работает. И теперь, мы можем оставить видео как есть, а можем поменять рамку, поменять размер и видео и рамки. Смотрите видеоролик ниже.
Закончив работу, не забудьте сохранить шпаргалку, нажимаем “сохранить” и она вас всегда будет на Видном месте, если зайти “записи”, то мы видим с вами: “шпаргалка для оформления текста”, черновик, никогда ее не удаляйте. Всегда, если вам захочется что-то изменить на своём сайте, можно поэкспериментировать, оформлять, добавлять стили и эффекты и добиваться красивого результата. Скачивайте тэги и стили, сделайте себе свою шпоргалку и оформляйте свой сайт красиво и стильно.

Спасибо Вам за то, что поделились статьей в социальных сетях!

ИнфоПродукт рекомендует:

One comment

Leave a Reply

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