Как вставить рамку в текст на 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». Давайте посмотрим, что получилось, «визуально» и вот мы с вами видим наш видеоролик. Давайте посмотрим, как это выглядит на нашем сайте. Вот наше Видео, давайте нажмем: всё, видео работает. И теперь, мы можем оставить видео как есть, а можем поменять рамку, поменять размер и видео и рамки. Смотрите видеоролик ниже.
Закончив работу, не забудьте сохранить шпаргалку, нажимаем «сохранить» и она вас всегда будет на Видном месте, если зайти «записи», то мы видим с вами: «шпаргалка для оформления текста», черновик, никогда ее не удаляйте. Всегда, если вам захочется что-то изменить на своём сайте, можно поэкспериментировать, оформлять, добавлять стили и эффекты и добиваться красивого результата. Скачивайте тэги и стили, сделайте себе свою шпоргалку и оформляйте свой сайт красиво и стильно.

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

[frontpage_news widget=»367″ name=»ИнфоПродукт рекомендует:»]

Оставить ответ

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