Как работает редактор сайтов WordPress

Автор Lyudmila Yeriomenko
Как работает редактор сайтов WordPress

редактор сайтов из чего он состоит и как он работает мы находимся в консоли нашего WordPress для того чтобы добавить новый сайт мы переходим в раздел страницы и на кнопку добавить новую страницу после этого да мы даём ей заголовок этот заголовок будет виден только вам я напишу Test 1 Key.

Так мы в редакторе для того чтобы начать создавать сайт первое, что мы делаем добавляем строку мы добавим одну колонку при этом переходим в раздел макет и разберем. Для чего нужны. Все инструменты которые находятся на данной стране нижнее поле нижнее поле определяет расстояние между строками.

То есть если предположить, что у нас будет расположена еще одна строка то нижнее поле определяет расстояние между строками в пикселях для наших сайтов постоянная величина нижнего поля.

У нас должна быть равна нулю место промежуток мы не используем в следующий инструмент — это поле — это расстояние от верхней границе сайта до начало текста в пикселях или до начала картинки эбботом — это нижняя часть то есть расстояние от картинки до нижней границы строки также определяемые в пикселях следующий раздел макет строки мы с вами будем использовать размер во всю ширину растянута для того чтобы использовать всю ширину сайта дизайн 1 инструментов — это цвет фона. И следующий инструмент фоновое изображение то есть изображение. Это изображение у нас будет отображаться как фон непосредственно на нашей стране и так рассмотрим пример мы с вами вставить первую строку и если мы не будем менять никакие настройки, а просто нажмем на кнопку вставить теперь в эту строку можно ставить виджеты. Что такое виджет виджет — это инструмент при помощи которого мы будем на сайте размещать либо текст и картинки видео. Также имеется изображение с массой настроек и ещё один виджет который я использую — это адаптивный слайдеры который поддерживает изображение видео чаще всего применяется виджет текстовый редактор и для того чтобы вставить его в нашу строку. Нам необходимо на уважать она поменяла цвет после этого добавляем виджет текстовый редактор и переходим к редактированию примеру мы здесь можем написать какой бы то ни было текст для того чтобы управлять данным текстам мы этот текст в первую очередь должны выделить. После этого мы можем его двигать относительно краю то либо с левого края либо посередине либо с правого края выбираем шрифт я вам предлагаю выбирать только. Ариэль здесь же можно выбрать цвет текста и много других функций которых мы уже с вами установили на наш текстовый редактор после этого для того чтобы этот текст у нас отобразил всю мы нажимаем на кнопку выполнено опубликовать и посмотреть страницу вот мы видим, что у нас текст, но данный текст нас не устраивает и для того чтобы этот текст был более читабельным. Нам необходимо в первую очередь увеличить отступ от верхнего края и увеличить размер шрифта. После этого мы переходим редактировать страницу редактировать. Заходим в макет добавляем. Тополе пикселей выделяем. Наш текст устанавливаем размер 32. Это нормальный текст для заголовков после этого заходим кнопку цвет OK нажимаешь на красный нажимаем на кнопку выполнено обновить посмотреть вот у нас отобразил всю заголовок этот заголовок у нас отобрази лся в редакторе со стандартным размером мы же с вами будем использовать размер только в Renault процент нажимаем нажимаем на кнопку выполнено обновить посмотреть изменения такой заголовок нас не устроит поэтому мы переходим в. Редактор нажимаем на редактирование строки добавляем сюда ещё две строки при этом продвигаемых 25% из правой стороны 25% середины будет занимать 50% нажимаю на кнопку выполнено. Мы видим, что наш виджет находится слева мы нажимаем кнопкой мыши ты — это прямо в середину нажимая на кнопку обновить страницу и нажимаем на кнопку посмотреть страницу вполне приличный заголовок который можно использовать здесь у нас появился зазор от верхнего края. Что делает наш заголовок более читабельным добавляем в следующую строку нажимая на кнопку добавить строку переходим в раздел макет нижнее поле также ставим 0 размер макета драки во всю ширину растянута нажимаем на кнопку вставить добавляем два виджета текстовые редакторы для того чтобы второй раз не заходить мы можем просто. Скопируй и перетащить в соседнее окно редактируем предположим нам здесь нужна картинка. Заходим в медиафайлы выбираем картинку предположим вот такую картинку. Мы выбираем у нас появляется галочка нажимаем на кнопочку посмотреть размер размер максимальный. Нас устраивает нажимаем вставить страницу для того чтобы определить местоположение картинки относительно страницы мы нажимаем на картинку и ставим ее либо по левому краю либо по правому краю либо посередине стоим и посередине нажимаем выполнено обновить посмотреть страницы вот у нас стало картинка посередине нам нужно добавить сюда текст. Заходим в соседний редактор и вставляем сюда текст после этого нажимаем выполнено обновить и посмотреть страницу теперь для того чтобы текст у нас более читабельным чтобы он у нас не был в стороне, что мы можем сделать. Мы заходим сна вставляем между двумя колонками курсор и подвигаем таким образом чтобы у нас разделы тот находился. Приблизительно на 30 процентах от ширины сайта нажимаем обновить и посмотреть страницу чтобы у нас отличались непосредственно сами строки. Мы также можем перейти в. Редактор зайти в редактирование строки зайти в раздел дизайн выбрать цвет фона цвет. Мы выбираем по своему усмотрению серый анализ подводим колесико подверг нажимаем выполнено обновить посмотреть страницу изменился цвет нашей строки не устраивает вот — это вот этот пробел для этого мы переходим в редактировании переходим.

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

Читайте также