Настраиваем панель администрирования WordPress – изменяем стиль элементов

Оглавление (нажмите, чтобы открыть):

Как изменить стиль отдельного пункта меню или отдельной рубрики

В предыдущей статье я сообщил вам о создании на блоге страницы “Поддержать блог”. После добавления этой страницы в меню появился еще один стандартный пункт такой же как “О сайте”, “Карта сайта” и т.п. Мне захотелось выделить его каким-то другим цветом, чтобы он отличался от других и немного привлекал на себя внимание. =)

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

В WordPress при выводе списка страниц к каждому элементу этого списка добавляются классы page_item и page-item-xxx, где xxx – это номер страницы.

Аналогично и для рубрик: cat-item и cat-item-xxx, где xxx – это номер рубрики.

Например, в мое блоге для пункта “Поддержать блог” был добавлен класс page-item-996.

Узнать какой класс добавлен в вашем случае тому или иному пункту можно просто посмотрев код элемента нужного пункта.

Теперь, если вы будете изменять CSS свойства для класса page_item, то эти изменения затронут все пункты меню, а если вам нужно изменить стиль конкретного пункта, то прописывайте соответствующие свойства для класса page-item-xxx.

В моём случае мне нужно прописать свойства для класса page-item-996.

Как записать свои стили CSS в админку WordPress

И так, предположим что нам нужно чуток подправить стили отображения нашей админки WordPress, с чего начнем? Ну собственно начать надо с написания этих самых стилей.

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

В связи с изменениями произошедшими с CMS wordpress добавился еще один способ подключения стилей. Думаю о нем стоить рассказать в самом начале поста, так как его рекомендуют для использования в плагинах и новых темах.

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

Правильно добавляем стили на сайт WordPress

Предлагаю вашему вниманию самый правильный вариант для добавления стилей на сайт WordPress и его админку (так советуют делать разработчики CMS WordPress).

Краткое руководство: как подключить стили в wordpress

  1. Открываем админку.
  2. Заходим во Внешний вид — Редактор.
  3. Открываем для правки файл functions.php и забрасываем туда вот такой код:

Только что ми подключили файл стилей с именем mystyle.css, который должен находится в вашей теме, в папке css, для клиентской части сайта. (Не забудьте создать файл с таким именем и каталог css, если его еще нет, и загрузить это все на сервер)

То есть стили CSS будут доступны только на самом сайте но не в админке Вордпресс.

Если вам нужно записать стили динамически, то есть вам нужно выводить стили css на PHP, то в этом вам поможет функция wp_add_inline_style. Единственный момент, ее нельзя использовать просто так. Надо зарегистрировать хотя бы одно имя. Код будет следующим:

Этим кодом мы опять подключили стили mystyle.css + дописали к ним, по идентификатору «style-1» еще один класс стилей, в нашем случае для clInSite.

Как правильно подключить стили для админки wordpress

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

Предположим у нас есть файл стилей style-admin.css для админки сайта, который находится в папке темы css.

Открываем файл functions.php и записываем туда вот такой код:

Вот и все, только что мы правильно подключили стили для админки сайта WordPress.

Аналогично делается с линейными стилями, смотрите пример выше.

Добавление стилей в админку WordPress через файл темы functions.php

Этот способ добавления стилей заключается в том, чтоб записать стили CSS прямо в PHP код function.php, конечно править такие стили не очень удобно, но зато они всегда под рукой. Вот код добавления стилей CSS в админку WordPress:

Этим кодом я выравнивал пользовательские поля (дополнительные поля) в посте WordPress. Для использования вставьте этот код в начало файла function.php и замените мои стили своими. Теги «» должны присутствовать обязательно.

Подключить файл стилей CSS к админке WordPress через файл темы functions.php

Второй способ немного проще. Для начала нужно создать файл стилей CSS например my-wp-admin-style.css и загрузить его внутрь вашей темы. Потом открыть файл function.php и в начало записать вот такие строчки:

Пару слов о том, как не нужно или нельзя править стили админки WordPress.

Нельзя править CSS самого WordPress или стили его плагинов, так как при обновлении эти все стили просто потеряются. Если у вас не получается добавить стили одним из способов описанных выше, посмотрите в свои стили может там ошибка, или просто силы CSS не хватает для их применения. В таком случае используйте приставку !important, например вот так: body #cft dt

Если после прочтения этого поста у вас всё равно не получается добавить свои стили CSS в админку WordPress напишите мне свой вопрос в разделе Вопрос/Ответ.

Proofsite: ваш cайт должен продавать!

Блог о том, как создать сайт, являющийся мощным инструментом продаж, элементом эффективных рекламных кампаний и безотказным средством привлечения потенциальных покупателей

Главная » WordPress » Настраиваем административную панель WordPress под заказчика

Настраиваем административную панель WordPress под заказчика

Недавно мой хороший знакомый спросил меня: «а как выключить ненужные виджеты в панели администратора WordPress для всех пользователей?». Уже было собравшись ответить — «воспользуйся закладкой «настройки экрана» в правом верхнем углу» я вспомнил один момент — меня всегда раздражало, что эта опция не является глобальной, то есть настраивается отдельно для каждой учетной записи вручную, после авторизации.

Кстати, именно по этой причине когда-то мне пришлось довольно долго разбираться с системой переадресации пользователя в WordPress после авторизации из front-end сайта. Проблема заключалась в том, что после входа, пользователь отправлялся в админ-часть, которая ему а) абсолютно не была нужна и б) не смотря на полностью урезанные права, вызывала нездоровое любопытство.

Кроме того, многие заказчики, получая «в руки» административную часть, начинали задавать массу вопросов по ее функционалу — зачем нужен тот или иной блок или виджет, и как его использовать на сайте. Но вся проблема-то заключалась в том, что на практике эти функции не были задействованы и существовали исключительно потому, что были установлены по-умолчанию.

Третьей стороной является тот факт, что иногда нужно назначить заказчику доступ уровня «Администратор», но при этом отключать, например, возможность изменения параметров — что называется, «во избежание».

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

Обратите внимание! Все строки кода добавляются в файл functions.php вашей темы WordPress. Если этого файла в вашей теме нет — просто его создайте. Если есть — обязательно сделайте резервную копию перед внесением любых изменений!

Удаляем виджеты в консоли

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

Этот код убирает виджет «Быстрая публикация» из консоли. Для того, чтобы удалить остальные, нужно указать их код.

Вот перечень названий разных виджетов:

«Прямо сейчас»

«Свежие комментарии»:

«Входящие ссылки»:

«Плагины»:

«Свежие черновики»

Если вы хотите удалить их все, тогда код будет выглядеть следующим образом:

Добавляем пользовательский виджет к консоли WordPress

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

Убираем пункты меню

Еще одним способом упростить жизнь клиентов — будет удаление ненужных ссылок из административного меню WordPress.

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

Удалим блок «Ссылки» из боковой колонки:

Переменная $restricted содержим массив всех элементов меню, которые мы хотим удалить. Соответственно, если мы хотим удалить не только ссылки, но и другие элементы, используем следующий код:

Таким образом, мы удалили «Ссылки», «Инструменты», «Настройки» и «Комментарии».

Удаляем мета-поля с экрана редактирования

Еще одним «сборником разрозненной информации» является экран создания / редактирования записей и страниц. Честно говоря, при «штатном» создании новой записи или страницы, все эти поля не используются практически никогда. Но они занимают место и добавляют неудобств при работе.

Нижеследующая функция позволит убрать блок «Произвольные поля» со страницы редактирования:

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

Обратите внимание на комментарии к функции — там вы увидите, для чего предназначена каждая строка.

Добавляем / Редактируем колонки в список записей

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

Нижеследующая функция показывает колонки так, как они установлены по-умолчанию. То есть, если вы добавите ее в ваш functions.php — ничего не изменится.

А вот эта функция позволит убрать столбец «Метки».

Просто удалив строку “tags” => “Tags”, мы убрали колонку «Метки». Кроме того, мы можем поменять порядок отображения колонок, поменяв порядок строк в массиве «$post_columns».

Добавление этой функции позволило нам организовать следующий порядок: флаг выбора — Заголовок — Дата — Метки — Категория — Автор — Комментарии.

Заменяем стандартный логотип WordPress в админ-панели на собственный

Согласитесь, административная панель нового сайта будет выглядеть для заказчика намного привлекательнее в том случае, если сверху будет не стандартный логотип WordPress, а логотип самого заказчика.

Меняем цвета административной панели WordPress

Не все логотипы хорошо смотрятся на синем фоне, поэтому заодно изменим и цвет.

Мастер Йода рекомендует:  Развитие в IT 12 полезных привычек и 1 плохая

Таким образом, мы разобрались как удалять и добавлять виджеты в консоли, добавлять и удалять разделы в левом меню, блоки полей в интерфейсе создания и редактирования записей и страниц, научились настраивать колонки.

Итак, как Вам идея кастомизировать административную панель WordPress под заказчика?

Настраиваем административную панель WordPress

Опубликовано: ADv Дата 16.08.2013 в рубрике Код за плагин Комментировать

Согласно опросам, проведенным зарубежными сайтами, нововведение «Административная панель» (та, что вверху ВП) большинству пользователей либо очень не нравится, либо им все равно, либо же они находят ее очень удобной. Однако преобладающее мнение, о том, что панель бесполезна, никак не повлияло на разработчиков CMS. Она останется. Навсегда. И если она вас не устраивает в состоянии по-умолчанию, то всегда есть возможность ее настроить!

Отключаем админ.панель для определенных пользователей

По-умолччанию, каждый зарегистрированный пользователь может настроить отображение панели на сайте. Для того, чтобы изменить свои предпочтения, просто перейдите в меню Пользователи > Ваш профиль и выберите нужные вам настройки как на скриншоте ниже:

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

Отключаем админ.панель для всех пользователей текущей темы

Для полного отключения админ.панели для всех пользователей вашей темы (и, как следствие, вашего сайта), добавьте этот сниппет в ваш файл functions.php темы:

Также, в качестве альтернативны, можно использовать следующий метод, который использует фильтр для функции show_admin_bar:

Отключаем админ.панель для всех, кроме админов

Расширяя предыдущий пример, вот два сниппета, которые отключат админ.бар для не-Админов и редакторов. Вставьте сего в файл functions.php:

Как вы наверное догадались, любой тип пользователь можно использовать вместе с current_user_can(), поэтому можно с легкостью прятать/отображать админ.панель для определенных групп пользователей.

Чистим страницу профиля пользователя

После отключения админ.панели, вы возможно захотите спрятать отображение ее настроек на каждой страницы профиля пользователей. Самый простой способ — использовать следующую функцию:

Просто поместите код в файл functions.php и все готово. Больше настройки админ.панели не будут отображаться.

Всегда показываем админ.панель

Есть способ отображать административную панель даже если вы не залогинены на сайте. В качестве бонуса удобная кнопка “Войти” добавится в панель для боле удобной навигации. Просто вставляем следующий сниппет в файл functions.php темы:

Перемещаем админ.панель вниз

Хотите отображать админ.панель внизу страницы, вместо текущего ее положения сверху? Снова таки делаем все через файл functions.php:

Этот код добавляет необходимый CSS-код как на публичные страницы, так и в админку. Для отключения одного из них, просто закомментируйте или вытрите соответствующую строку с add_action() в конце кода. Также можно скопировать/вставить код CSS в ваш файл style.css темы, если код нужен только для админки.

Добавляем или убираем ссылки из админ.панели

Способ очень полезен для мультисайтового WordPress, где лишние ссылки только мешаются. Следующий код служит для удаления ссылок и/или меню (с помощью functions.php):

Для этого примера мы использовали remove_menu(‘comments’) для удаления выпадающего списка комментариев. Для удаления других ссылок/меню смотрите в файл /wp-includes/admin-bar.php для соответствующего ID. Вот список некоторых из них для начала:

  • my-account – ссылка на ваш аккаунт (аватары отключены)
  • my-account-with-avatar – ссылка на ваш аккаунт (аватары включены)
  • my-blogs – меню “Мои сайты”, если у пользователя больше одного сайта
  • get-shortlink – предоставляет короткую ссылку для этой страницы
  • edit – Ссылка на Редактирование/Написание записи
  • new-content – ссылка на выпадающее меню «Добавить новый»
  • comments – ссылка на выпадающие «Комментарии»
  • appearance – ссылка на выпадающее «Внешний вид»
  • updates – выпадающее «Обновления»

Настройка панели администратора WordPress

WordPress Admin Panel – основное место работы вебмастера. Оно должно быть комфортным, хорошо защищенным, иметь доступ ко всем необходимым функциям и приносить эстетическое удовольствие. Существует множество методов модификации консоли – разберем наиболее популярные и эффективные.

Основные настройки

Разделяются на несколько ключевых категорий:

  • улучшение безопасности – регистрация и авторизация пользователей организована достаточно просто; усилить защиту можно изменением страницы входа, добавлением дополнительных методов аутентификации;
  • расширение функционала – при необходимости, в панели администратора WordPress могут быть подключены дополнительные элементы, удалены ненужные или модернизированы имеющиеся;
  • внешний вид – категория изменений не считается важной, но прибавит эстетического удовольствия в процессе работы.

Это основные пункты, способствующие улучшению пользовательских факторов для вебмастера и обеспечения высокой защиты сайта. Рассмотрим их более детально.

Безопасность админ панели WordPress

Существует несколько методов обеспечения неуязвимости для консоли платформы:

  • установка ограничений по IP – хорошее решение, если блог наполняется самостоятельно, и другие администраторы отсутствуют;
  • капча под формой авторизации – вариант необходим для сайтов, у которых нет возможности скрыть панель регистрации; это усложнит перебор паролей и защитит от спама;
  • изменение URL страницы входа – идеальный вариант для всех типов ресурсов.

При комбинировании рассмотренных методов, шансы на взлом значительно уменьшатся. Для применения этих инструментов специализированные знания не требуются – достаточно выполнить ряд несложных действий или установить соответствующий плагин.

Ограничение по IP

Защита от перебора паролей

Популярным и самым эффективным методом является применение плагина Login Lockdown. При достижении определенного количества попыток авторизации – система блокирует дальнейший ввод данных и сайт ограничивает доступ для текущего IP. После установки расширения необходимо зайти в меню настроек и указать нужные параметры (условия и сроки блокировки). Окно параметров:

  • Max Login Retries – установка максимального количества неудачных попыток входа;
  • Retry Time Period Restriction (minutes) – время, в течение которого указанное количество неудачных попыток ввода логина и пароля приведет к бану;
  • Lockout Length (minutes) – время блокирования доступа по IP;
  • Lockout Invalid Usernames? – использование фильтра плагина для попыток входа под именем несуществующего пользователя;
  • Mask Login Errors? – включение отображения уведомлений при неудачной авторизации;
  • Show Credit Link? – указывать или нет в панели регистрации ссылку на плагин.

После этого, ниже формы авторизации панели администратора WordPress будет отображено уведомление, что ресурс защищен при помощи Login LockDown.

Как редактировать CSS сайта WordPress

Вступление

Изменить оформление сайта, можно в файлах активной темы WordPress, а именно в файле под названием style.css. Это простой текстовой файл в расширении CSS. Переводится CSS как Cascading Style Sheets — каскадные таблицы стилей. Согласен, перевод мало о чем говорит. Какими способами можно редактировать CSS сайта WordPress пойдет речь далее.

CSS это

С одной стороны CSS это расширение текстового файла. С другой стороны CSS это язык программирования, на котором пишется это файл. С третьей стороны CSS это свод правил для задания шрифта, цвета сайта, относительного расположения блоков сайта (влево, центр, право, отступы от верха и низа) и других представлений внешнего вида страниц сайта, которые в этом файле и прописаны.

Сразу замечу, файлы CSS могут иметь пугающие размеры, но в них нет ничего сложного. Это очень простые, хотя и разнообразные, правила, написанные в простом синтаксисе.

Я не собираюсь обучать основам CSS, это отлично делают на специальных сайтах. Нам понадобиться только справочник HTML: https://htmlbook.ru/ .

Также замечу, что запоминать все правила CSS наизусть совершенно не обязательно. Достаточно понимать синтаксис написания правил CSS. Этого достаточно, чтобы редактировать файл CSS, да и справочник всегда поможет. Главное знать, что править и как править. Кроме справочника есть инструменты в браузерах, о них чуть ниже, которые позволяют редактировать CSS онлайн.

Где лежит файл style.css WordPress

Несколько прописных истин:

  • Каждая тема WordPress имеет свой файл определяющий ее внешний вид.
  • Редактирования файла style.css одной темы не затрагивает другие темы установленные на сайт;
  • Перед редактированием любых файлов активной темы, сделайте резервную копию сайта, на случай фатальных ошибок редактирования и возвращения сайту рабочего состояния.

А лежит файл style.css WordPress в папке с темой (шаблоном) WP. Полный адрес, одинаков для всех тем: wp-content/themes/название_темы/style.css.

Три способа редактировать CSS сайта WordPress

Предложу три варианта редактирования файла style.css.

Редактирование из панели администратора

Вам, наверное, известно, что система WordPress имеет внутренний редактор файлов установленных тем. Войти в него можно из консоли сайта через вкладку: Внешний вид→Редактор.

Справа вы видите список файлов темы, в поле редактора открывается содержимое файлов. Если у вас установлено несколько тем, обратите внимание на правый верхний угол. Там есть поле выбора темы. По умолчанию откроется активная тема, но редактировать можно любую установленную тему без её активации.

Совет: Ошибки в редактировании style.css не могут обрушить сайт, вы можете изуродовать только внешний вид. Поэтому, перед прямым редактированием из консоли можно обойтись без резервной копии сайта, достаточно сделать копию самого файла style.css и в случае неудачного редактирования вернуть файлу прежний вид.

Редактирование файла style.css по FTP

Говорят, что есть хостинги, которые не поддерживают редактирование файлов темы из административной панели сайта. Не беда. Можно и на самом деле это правильно, редактировать файл style.css по FTP. Правильно, потому что безопасно и у вас всегда есть оригинальная копия файла.

  • Входите в каталог сайта по FTP;
  • Добираетесь до wp-content/themes/название_темы/style.css и копируете его на компьютер;
  • Далее редактируете его в текстовом редакторе типа Notepad++, сохраняете, оставляя оригинальную копию, и заливаете обратно в каталог. Согласен, немного дольше, но безопаснее и удобнее. Можно спокойно почитать файл и не спеша разобраться с его синтаксисом.

Оба способа редактирования относятся к прямому редактированию, «живого» файла активной темы. У прямого редактирования есть большой недостаток: при обновлении темы все ваши изменения потеряются и тема примет исходный внешний вид. Чтобы этого избежать используется способ дочерней темы.

Дочерняя тема WordPress

Система WordPress позволяет создавать дочерние темы, для родительской активной темы. Дочерняя тема может полностью быть копией родительской темы или с помощью функции import, «забирать» и переопределять стиль родительской темы. То есть, после создания и активации темы наследницы редактируется файл style.css дочерней темы и изменения не пропадают после обновления шаблона. О дочерней теме я писал подробную статью: Зачем нужна дочерняя тема WordPress.

На этом принципе основан и третий способ редактирования стилей.

Редактирование файла style.css с помощью плагинов

Есть несколько плагинов для улучшения редактора файлов темы. Для редактирования стилей мне нравится плагин Jetpack. О плагине я писал подробную статью: Плагин Jetpack заменит 33 плагина WordPress. Плагин очень большой и для редактирования стилей темы нужно активировать модуль Custom CSS.

После его активации в меню консоли в пункте Внешний вид появляется вкладка «Редактировать CSS».

редактировать CSS сайта WordPress

Теперь не нужно редактировать style.css напрямую, достаточно вписать кусок кода css в поле редактора и изменения появятся на сайте. Причем при обновлении темы они не потеряются.

Как понять, что нужно редактировать

Если вы бегло не читаете CSS нужно воспользоваться онлайн инструментами, для чтения CSS и понять, что нужно редактировать.

Самый простой инструмент, это инструмент в любом браузере: «Просмотр кода элемента» в Chrom. В других браузерах название похожее. Доступ к инструменту через правую кнопку мыши или короткими клавишами (Ctrl+Shift+I).

Показываю, как им пользоваться:

Например, хотим поменять заголовок сайта.

  • Наводим на него мышь, через правую кнопку открываем «Код элемента»;

редактировать CSS сайта WordPress начало

  • Видим код HTML в правом поле и код CSS в левом поле;
  • Можно «наживую» поиграть с кодом CSS и сразу посмотреть, как это выглядит;
  • Чтобы открыть CSS в основном поле, жмем на название файла CSS (на фото цифра 2).

редактировать CSS сайта WordPress

Для примера, я поменял онлайн размер шрифта названия.

Как настроить стиль меню навигации в WordPress

Способ 1: Использование ручного изменения стиля меню навигации в WordPress

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

Лучший способ сделать пользовательские настройки в вашей теме WordPress является создание дочерней темы. Если вы только изменяете CSS, то вы можете увидеть наше руководство о том, как легко добавлять пользовательские CSS в WordPress без изменения файлов темы.

Меню навигации в WordPress отображается в виде неупорядоченного списка (маркированный список).

Если вы только что использовали следующий тег, то он будет отображать список без каких-либо CSS классов, связанных с ним.

Ваш неупорядоченный список будет иметь имя класса ‘menu’ с каждым элементом списка, имеющий свой собственный класс CSS.

Это может сработать, если у вас есть только одно место меню. Тем не менее, большинство тем имеет несколько мест, где можно вывести на экран меню навигации.

Использовать только классы CSS по умолчанию может привести к конфликту с меню на других местах.

Мастер Йода рекомендует:  Стили для поля загрузки файла

Именно поэтому вам нужно определить класс CSS и расположение меню. Скорее всего, ваша тема WordPress уже это делает, путем добавления меню навигации с помощью кода, примерно так:

Этот код сообщает WordPress, что это тема отображает начальное меню. Он также добавит класс CSS primary-menu к навигации по меню.

Теперь вы можете настроить стиль вашего меню навигации с помощью этой структуры CSS.

Замените #header на класс контейнера или ID, используемого вашей темой WordPress.

Эта структура поможет вам полностью изменить внешний вид меню навигации.

Тем не менее, существуют и другие классы, которые автоматически добавляются с помощью WordPress для каждого пункта меню и меню. Эти классы позволяют еще больше настроить меню навигации.

WordPress также позволяет добавлять классы CSS к отдельным пунктам меню изнутри области администратора.

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

Зайдем на страницу Appearance »Menus и нажмем на кнопку настройки экрана.

После того, как вы проверили эти настройки, вы увидите, что добавится дополнительное поле, когда вы будете редактировать каждый отдельный пункт меню.

Теперь вы можете использовать этот класс CSS в таблице стилей, чтобы добавить пользовательский CSS. Это будет влиять только на пункт меню с помощью класса CSS, который вы добавили.

Метод 2: Настроить стиль меню в WordPress при помощи плагинов

Ваша тема WordPress использует стиль CSS для меню навигации. Многим новичкам не очень удобно редактировать файлы темы или писать CSS самостоятельно.

Вот когда пригодится WordPress плагин стилизации меню. Это избавляет вас от редактирования файлов темы или написания кода.

Сначала вам нужно установить и активировать плагин CSS Hero. Для получения более подробной информации см наш шаг за шагом руководство о том, как установить плагин в WordPress.

CSS Hero является премиум плагином в WordPress, который позволяет проектировать свою собственную тему WordPress , не написав ни строчки кода (без HTML или CSS).

После активации, вы будете перенаправлены, для получения вашего ключа CSS Hero. Просто следуйте инструкциям на экране, и вы будете перенаправлены обратно на ваш сайт в несколько кликов.

Теперь вам нужно нажать на кнопку CSS Hero в вашей панели администратора WordPress.

CSS Hero предлагает редактор WYSIWYG (что вы видите, то и получаете). Нажатие на кнопку приведет вас на ваш сайт с плавающей панелью инструментов CSS Hero видимой на экране.

Вам нужно нажать на синюю иконку в верхней части, чтобы начать редактирование.

Направьте мышь к вашему меню навигации и CSS Hero выделить его, показывая границы вокруг него. При нажатии на подсвеченное меню навигации, он покажет вам элементы, которые вы можете редактировать.

В приведенном выше скриншоте, показывает нам пункт меню, навигации по меню, контейнер навигации меню и т.д.

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

Теперь CSS Hero покажет вам различные свойства, которые можно редактировать как текст, фон, границы, поля, отступы и т.д.

Вы можете нажать на любое свойство, которое вы хотите изменить. CSS Hero покажет вам простой интерфейс, где вы можете внести свои изменения.

В приведенном выше скриншоте мы выбрали текст, и он показал нам хороший интерфейс для выбора шрифтов, изменение цвета текста, размер и другие свойства.

По мере внесения изменений, вы будете иметь возможность увидеть их в живую в теме предварительного просмотра.

После того, как вы удовлетворены изменениями, нажмите на кнопку Сохранить на панели инструментов CSS Hero, чтобы сохранить изменения.

Лучше всего в использовании этого метода является то, что вы можете легко отменить любые изменения, которые вы делаете. CSS Hero сохраняет полную историю всех ваших изменений, и вы можете вернуться назад и вперед между этими изменениями.

Мы надеемся, что эта статья помогла вам узнать, как создать стиль меню навигации в WordPress.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плагины админки WordPress

WordPress – это универсальный мощный движок для создания сайтов. Он позволяет создавать самые различные интернет проекты, настраивая их при помощи всевозможных функций и дополнений. Кроме этого пользователи WordPress имеют возможность настраивать админ панель, делая ее более удобной для себя.

Админка WordPress и как её изменить

Административная панель, или консоль администратора – это фактически виртуальный офис для веб мастера. Она должна быть максимально комфортной, хорошо оснащенной, с привлекательным дизайном. Кроме того, в ней все инструменты должны располагаться наиболее удобным для пользователя образом. Чтобы этого добиться панель настраивают, видоизменяют, меняют ее изначальную структуру «под себя».

Основные причины, побуждающие веб дизайнеров вносить изменения в консоль, вместо того, чтобы пользоваться общими настройками по умолчанию:

  • повышение функциональности;
  • обеспечение безопасности;
  • улучшение дизайна.

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

Чтобы повысить безопасность, прибегают к сложным настройкам против хакерских атак в серверной части. Улучшить внешний вид панели можно путем настройки цветовой схемы или выбора и замены темы оформления. Изменения возможны на главной странице консоли, на страницах-вкладках, на странице авторизации.

Чаще всего изменения касаются расположения элементов в панели инструментов. Когда пользователь добавляет новые плагины, расширения и темы, они занимают свои места произвольно. В боковой и основной панели образовывается большое количество вкладок, в которых со временем становится все сложнее ориентироваться. Упорядочивание, систематизирование элементов упрощает работу в консоли.

Еще одна важная возможность – это создание разных уровней доступа для пользователей. Разделение уровней доступа необходимо для управления крупными сайтами, особенно интернет-магазинами. При необходимости админ панель можно отключить, в результате она не будет отображаться на каждой странице сайта при работе с ним. Отключение возможно как для всех пользователей, так и для отдельной учетной записи.

Дизайн преобразуется при помощи простой смены палитры оттенков или установки новой темы оформления. Цветовую схему меняют через профиль пользователя. Темы отдельно скачиваются и устанавливаются как обычные плагины.

5 плагинов для админки wordpress

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

WPShapere

Один из наиболее востребованных вариантов расширения для настройки консоли. Сопровождается подробной документацией. Совместим со всеми основными расширениями вордпресс. Распространяется на платной основе, но стоит относительно недорого. WPShapere хорошо зарекомендовал себя в работе с последней версией движка. Имеет поддержку пользовательских стилей CSS. Предоставляет возможность импорта и экспорта настроек.

При помощи WPShapere можно управлять дизайном имейл рассылок. В нем предусмотрено отключение автоматического фонового обновления. Он используется для управления виджетами. При необходимости установленные виджеты можно скрывать, если они временно не используются. Кроме того, имея WPShapere можно менять иконки пунктов и подпунктов меню, сортировать пункты, скрывать их. Он, также предоставляет возможность устанавливать логотипы в админке и на странице входа, что высоко ценится пользователями, разрабатывающими сайты для продажи.

Для управления дизайном разработчики WPShapere внесли несколько предустановленных тем. Из них выбирают самую подходящую, после чего применяют ее в работе. Кроме этого плагин оснащен неограниченными цветовыми схемами. Все перечисленное делает его незаменимым для создания привлекательной и эстетичной консоли.

WPShapere – это качественный инструмент по созданию красивой и предельно удобной админики. Кроме того, что к нему прилагается подробная понятная инструкция, он имеет активную квалифицированную техподдержку, помогающую решать все возникающие в процессе работы плагина вопросы.

Material WP

Тема для админки усовершенствованного типа. Разработчики при ее создании сделали ставку на популярный сейчас дизайнерский стиль «material design». При использовании material design в качестве основы дизайнерских решений, элементы оформления будто вырезаны из бумаги и размещены в трехмерной плоскости. Это узнаваемый стиль, отличающийся лаконичностью, эстетичностью, актуальностью.

Material WP является бесплатным расширением. Он не обладает большим количеством настроек и функций. Но как инструмент для создания привлекательного, не напрягающего стильного дизайна админки он вполне подходит.

Создатели Material WP, уделив немалое внимание стилю материального дизайна, не забыли о тонких настройках пользовательского интерфейса. С этим плагином можно реорганизовывать пункты меню, применяя drag-and-drop интерфейс. Предусмотрен блок параллакса. Есть настройки для работы одновременно с несколькими сайтами. При помощи Material WP внешний вид консоли изменяется за несколько секунд. Столько же времени нужно на преобразование страницы входа. Немногим больше занимает процесс настройки функционала.

Forest

Представляет собой уникальное готовое решение дизайна админки. Выполнена данная тема в приятном зеленом цвете. Цвет можно изменить, выбрав один из множества приложенных вариантов. Предусмотрена настройка логотипов и шрифтов. Можно изменять вид выводимого на страницы админки контента.

Плагин Forest базируется на модном «плоском» стиле. Смотрится очень достойно, модно, эффектно. Ее дизайн отлично «заряжает» на продуктивную работу с сайтом. Опытные веб мастера оценят возможность настраивать CSS-стили, использовать «быструю панель».

Ultra

Содержит 30 тем оформления консоли. Пользователи отмечают мощность расширения Ultra, его практически неограниченные возможности. С помощью Ultra переделывают панель практически полностью, задают нужные параметры, конструируют и подстраивают под индивидуальные цели. Каждый элемент можно перенести, передвинуть, убрать, поставить в начале списка, сделать предельно доступным.

Имеющиеся в плагине темы выполнены в современном модном стиле. Выбрав и установив любую, мы получаем привлекательный дизайн. Отдельно настраивать цвета не приходится – все уже гармонично скомпоновано. Но при желании меняются и цветовые схемы.

First

Создатели применили стиль плоского дизайна, и достигли достаточно эстетичного решения оформления админ панели. First разработан как инструмент улучшения функциональности и внешнего вида панели. С помощью First придается нужный дизайн объектам в футере, странице входа, админке.

Дополнительные плагины для расширения функционала

Функционал панели, от которого зависит эффективность работы с сайтом, дополняется с помощью специальных инструментов. Стоит отметить – изначальная версия консоли, имеющая настройки по умолчанию довольно удобна и многофункциональна. Но некоторые «продвинутые» пользователи с повышением квалификации и получением опыта веб разработки, приходят к тому, что ее нужно сделать еще более универсальной, быстрой, эффективной. Такую возможность предоставляют различные виджеты и расширения специализированного назначения. Ниже перечислены некоторые из них.

Виджет админ-панели Admin Guide

Дополнение, предназначенное для удовлетворения потребностей искушенных веб мастеров, знающих точно, чего они хотят от функционала консоли. Особой популярностью виджет пользуется у владельцев больших интернет порталов, существующих под управлением целого коллектива редакторов-администраторов. В таких случаях необходимо организовывать целую схему записей и заметок, разделенных по категориям. Это возможно осуществить применив виждет Admin Guide.

Admin Guide способен быстро конструировать блоки для разных категорий блога. С его помощью легко разработать наиболее удобную систему обмена информацией между менеджерами сайта.

Erident Custom Login and Dashboard

Расширение для разработки стильного дизайна админки по собственному вкусу. Позволяет изменять настройки оформления, включая стили форм, картинку заднего фона, цветовую схему. Владелец сайта при помощи Erident Custom Login and Dashboard может продумать индивидуальный корпоративный дизайн. В результате приглашенные к сотрудничеству администраторы, менеджеры и редакторы, заходя в консоль, будут настраиваться на продуктивную коллективную работу.

Erident Custom Login and Dashboard включает множество функций. Чтобы полноценно использовать этот инструмент, необходимо потратить время на его изучение. Зато потом Erident Custom Login and Dashboard станет незаменимым помощником в организации виртуального рабочего пространства.

Admin Trim Interface

Данное расширение предназначено для очистки панели от лишних элементов. Для управления сайтом необходимо иметь определенный набор инструментов. У каждого отдельного интернет проекта набор необходимого инструментария отличается. Например, определенные функции, без которых нельзя создать интернет-магазин, не нужны разработчикам корпоративных сайтов или информационных порталов. Лишние функции и элементы меню мешают качественной работе. Они перегружают систему, замедляют поиск нужной команды, создают ненужное нагромождение пунктов меню. Их желательно отключить, скрыть или удалить.

Выходит, что полезными являются как «добавляющие» расширения, так и сервисы уменьшающие их количество. К таким сервисам относится плагин Admin Trim Interface. Его применение делает возможным создание простой, легкой админки без лишнего функционала, с привлекательным сдержанным дизайном.

MainWP Dashboard

Из всех open-source плагинов, предназначенных для улучшения админики, MainWP Dashboard самый популярный. Установлен почти 10 тысяч раз. Особенно удобен для управления одновременно несколькими сайтами. MainWP Dashboard достаточно часто обновляется, что повышает надежность и универсальность сервиса.

Мастер Йода рекомендует:  Руководство по использованию плагина WordPress SEO by Yoast для новичков настройка

Client Dash

Расширение, разработанное для повышения удобства использования виждетов. Преобразовывает менеджер виджетов, встроенный в управление WordPress. Установив Client Dash, пользователь получает возможность существенно упростить, ускорить процессы управления, реорганизации, установки, удаления виджетов.

Существуют и другие достойные расширения, предназначенные для улучшения консоли. Бывают в бесплатных и премиум версиях. Одни представляют собой достаточно мощное обеспечение, способное переделать вид админ панели и структуру меню до неузнаваемости. Другие – просто легкие дополнения, созданные, чтобы сделать админку красивее.

Редактирование стилей CSS в WordPress

Доброго времени суток! Вчера был мой День рождения! Четверть века прожита:) Отмечали дома, в Анапе, в кругу семьи и новых друзей. Меня задарили цветами, шариками, ягодами и другими подарками. Мы с мамой наготовили вкуснейших сыроедческих блюд, которые оценили даже далекие от такого питания люди. Вечером запускали небесные фонарики в поле.

Сегодня хочу разобрать на примере, как редактировать файл стилей в теме Вордпресс. Вы познакомитесь с языком CSS, узнаете, как можно менять стили, чтобы ваши изменения сохранились после обновления темы с помощью дочерней темы WordPress и с плагином. Также мы рассмотрим основные свойства и значения в CSS.

Что такое css-стили

CSS – (каскадные таблицы стилей) язык, используемый для оформления внешнего вида html-страницы. Любой элемент сайта имеет свои css-правила, записанные в отдельном файле (таблице стилей) и задающие внешний вид этого элемента.

На моем блоге есть серия статей, где я учу индивидуально оформлять те или иные элементы блога:

Пришло время рассказать о css-стилях подробнее, чтобы вы могли самостоятельно оформить любой элемент своего сайта (заголовки, виджеты сайдбара, элементы шапки и футера). А имея чуть больше опыта работы со стилями, можно даже создать свою WordPress-тему или преобразить имеющуюся до неузнаваемости.

Как вносить изменения в стили WordPress-блога?

Для начала, всем, кто сталкивается с подобным вопросом впервые, предлагаю изучить структуру шаблона и его основные файлы. Файл стилей style.css в WordPress отвечает за внешнее оформление темы. Если вы загляните внутрь этого файла с помощью редактора Notepad или любого другого, то увидите приблизительно следующее:

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

Редактирование CSS в WordPress

Теперь разберемся с тем, как же определить, какие изменения вносить в стиль вашего блога.

Для этого нам нужно вспомнить дополнение FireBug для FireFox. В статье про данное расширение описано, как находить элементы кода, которые отвечают за ту, или иную деталь сайта. Далее вы можете скопировать отрывок кода данного элемента и вставить его в файл css-стилей (далее я расскажу, как редактировать файл дочерней темы или поле изменения стилей, созданное плагином). Таким образом, мы сохраняем протестированные в Файербаге изменения.

Задаются стили в WordPress, как и на любых других типах сайтов, с помощью стандартной модели: селектор <свойство: значение;>.

Разберем, как это делается на примере селектора «socials», который отвечает за отображение социальных кнопок:

Свойство border-bottom отвечает за стиль нижней границы, а прописанные после двоеточия значения определяют ее толщину (2 пикселя), тип (solid – сплошной), цвет (#f0f3f4).

Соответственно border-top – верхняя граница с подобными значениями, height – высота элемента, margin-bottom – нижний отступ, padding – поля вокруг элемента, position – положение элемента.

Вы сможете найти развернутые описания свойств и их значений на специализированных сайтах по CSS, а мы разберем самые основные и часто используемые из них.

Свойство «Шрифт» (Font)

font-size — размер шрифта в пикселях, процентах и т.д., например, font-size: 12 px;

font-family – название шрифта (Calibri, Tahoma и т.д.);

font-weight – насыщенность: жирный (bold), нормальный (normal) или значения от 100 до 900;

font-style – стиль шрифта: курсив, нормальный, наклонный (normal, italic, oblique);

font – свойство, которое задает сразу ряд характеристик, например,

Размеры

width – ширина элемента в пикселях, процентах, пунктах и т.д.;

height – высота элемента.

Свойства текста

text-align – горизонтальное выравнивание: по центру, по левому или правому краю, по ширине и т.д.;

vertical-align – выравнивание по вертикали;

line-height – высота строки в пикселях, процентах, пунктах;

color – цвет текста элемента задается с помощью названия (red, green, black и проч.) или посредством шестнадцатеричной системы, где используются числа от 0 до 9 и латинские буквы от A до F, обозначающие числа от 10 до 15 (color: #dee1e2;). Для определения цветов есть множество специальных программок и онлайн сервисов. Я использую для этого фотошоп.

Свойство Background (Фон)

background– универсальное свойство фона страницы, где можно указывать до пяти значений, например, цвет, фоновое изображение и т.д.

Соответственно, background-color– это отдельно только цвет фона, background-image– изображение, где значением служит путь к файлу:

background-image: url (‘images/test.gif’).

Свойство «Граница» (Border)

border – мы уже разбирали на примере выше, это свойство границы.

Соответственно если через дефис прибавить top, bottom, right, left (например, border-top), то это будет верхняя, нижняя, правая или левая граница.

Отступы (Margin)

margin – величина отступа со всех сторон. По аналогии с border, можно описывать отдельно top, bottom, right, left (margin-right).

Поля (Padding)

padding – поле вокруг элемента (сверху, справа, снизу и слева);

Отдельные поля по аналогии с margin и border (top и т.д.).

Конечно, это далеко не полное пособие по редактированию CSS на WordPress-блоге, но регулярно работая с файлами стилей, используя справочные материалы с названиями свойств и их значениями, вы достаточно быстро научитесь разбираться со стилями вашего блога.

Проблема с обновление темы

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

Что же делать, чтобы этого не случилось?

Для этой задачи есть два варианта решения:

  • Вообще не обновлять свою тему:)
  • Подключить к установленной вами WordPress-теме дочернюю со своим файлом style.css;
  • Воспользоваться плагином для правки стилей.

Разберем 2 и 3 пункты подробнее.

Как создать дочернюю тему WordPress?

Для установки вспомогательной темы, вам необходимо создать новую папку в wp-content/themes. К примеру, назовем ее Additional Theme. В ней вам нужно создать новый файл style.css.

Открываем этот файл и прописываем следующее:

/* Theme Name: Additional Theme Template: twentyfifteen */ @import url(«../twentyfifteen/style.css»); h1

В данном случае Theme Name задает название нашей дочерней темы Вордпресс. Template указывает на родительскую тему, которая находится в папке twentyfifteen. Эти строки нужно обязательно прописывать.

Команда @import url импортирует стили родительской темы. После этой директивы можно указывать свойства и значения выбранных вами для изменения элементов. В нашем случае это тэг «h1» (заголовок), которому мы присвоили красный цвет.

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

Теперь копируем созданную нами папку на сервер. Если все сделано верно, то в разделе «Внешний вид» — «Темы» у вас появится новая тема Additional Theme. Именно ее нужно активировать. При этом родительская тема должна быть установлена, но не активирована.

С помощью установки дочерней темы можно не только менять стили, но и расширять возможности вашей родительской темы с помощью других файлов шаблона. Но файл style.css для нее обязателен, так как именно он позволяет распознать дочернюю тему по информационному заголовку (Theme Name, Template).

Плагин Simple Custom CSS

Для того чтоб внести изменения в стили темы также можно использовать плагины для правки CSS в админке WordPress.

Один из них, это плагин Simple Custom CSS для WordPress:

После установки плагина, заходим в панель редактирования («Внешний вид» — «Custom CSS»):

Здесь по аналогии с тем, как мы это делали после директивы @import, вносим изменения в css-стили WordPress-темы, которые будут учитываться вместе с основным файлом style.css.

После внесения дополнений нажимаем Update Custom CSS. Соответственно, если вы захотите вернуть исходный стиль вашей темы для всех элементов, можно просто удалить все ранее добавленные вами параметры из данного поля. Вот и все, что нужно знать о работе данного плагина.

Кто выбрал для себя этот способ правки css, смотрим видео о плагине:

Надеюсь, вам стало более понятно, как работать с css-стилями и теперь вы сможете самостоятельно оформлять отдельные частички своего сайта. А создание дочерней темы в WordPress позволит вам менять внешний вид блога, не боясь потерять важные наработки.

Удачи в освоении!

P.S. Фотки с Дня рождения. Мне сто лет не дарили гелиевых шариков. А сыроедческих тортов вообще никогда:)

О традиционном селфи с гостями вспомнили только, когда половина гостей уже ушла.

Настраиваем админ панель WordPress для подписчиков

Если на сайте WordPress вы используете форму подписки или вход через социальные сети для комментариев, то после авторизации подписчику видна верхняя админ панель сайта и открывается доступ в интерфейс администратора, где отображается информация профиля, панель мониторинга (консоль), а также некоторые уведомления плагинов. Доступ к этой информации не повредит сайту, но может сбить подписчика с толку, да и выглядит все это не слишком привлекательно. К счастью, у WordPress на этот случай есть решение и мы можем легко скрыть лишние элементы из меню администратора, верхнюю панель и заменить логотип WP на свой.

Скрываем консоль и админ панель.

Нам будут нужны два бесплатных плагина — один скроет верхнюю панель администратора в видимой части сайта, второй уберет из меню панель мониторинга (консоль).

Устанавливаем и активируем плагин Remove Dashboard Access. Он не переведен на русский язык, но настроить его несложно.

На странице настроек, в пункте Dashboard User Access, отмечаем кому мы хотим показать Консоль. Если у вас нет редактора и автора, то отметьте пункт Администратор. Для остальных ролей страница мониторинга будет скрыта. В пункте Redirect URL указываем ссылку страницы на которую хотите перенаправить пользователей. Если необходимо запретить подписчикам редактировать свой профиль, то снимите галку с пункта User Profile Access. При желании можно добавить текстовое уведомление в пункте Login Message.

Теперь скачивайте и активируйте плагин Hide Admin Bar Based on User Roles. Как видно из названия, мы скроем админ панель только для тех ролей, которые укажем в настройках.

Открываем настройки и в пункте Hide Admin Bar for All ставим галку. Теперь там, где указаны роли пользователей выберите соответствующую роль, в данном случае Subscriber (Подписчик). Нажимаем сохранить и проверяем наши настройки посетив сайт в роли подписчика.

Для тех, кто хотел бы скрыть верхнюю панель администратора от подписчиков без плагина, есть вот такое решение. Этот код следует разместить в файле functions.php.

Убираем уведомления плагинов WordPress.

Панель мониторинга мы скрыли из меню, но на остальных страницах админки могут остаться видимыми уведомления плагинов и другая техническая информация. Даже если вы закроете эти уведомления, то через некоторое время они могут появиться вновь. Поэтому установим бесплатный плагин Hide Backed Notices.

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

Замена логотипа WordPress на верхней панели администратора.

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

Потребуется изображение в формате png размером 20×20 пикселей. Если тема сайта самописная или она больше не будет обновляться, то загрузите картинку в корень темы, в папку Images. В коде уже прописан путь до этой папки, вам необходимо лишь заменить название картинки. Сохраните этот код в файле functions.php.

Если тема будет обновляться, подключайте код плагином Code Snippets. Изображение загрузите в Библиотеку мультимедиа, скопируйте на него ссылку и замените этот участок кода:

Вместо ссылки, укажите свою ссылку на картинку.

На этом все. Мы надеемся, что эта статья поможет вам сделать необходимые изменения в админ панели WordPress. Есть что добавить, не стесняйтесь оставлять свои комментарии.

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