5 простых способов настроить панель инструментов WordPress (и причины для этого!)

1. Почему вы хотите настроить панель инструментов WordPress?
2. Как настроить панель инструментов WordPress
3. Изменить стиль панели администратора WordPress
4. Переместить панель инструментов WordPress
5. Удалить элементы панели инструментов
6. Добавить элементы на панель инструментов WordPress
7. Удалить всю панель инструментов
8. Заключение

Панель администратора является знаковой частью WordPress. Словно WYSIWYG редактор или Панель управления WordPress Все, кто работает с WordPress, хорошо знакомы с ним. Итак, почему вы хотите настроить панель инструментов WordPress?

Это не так много, но панель инструментов WordPress может значительно улучшить рабочий процесс. Я до сих пор помню, как видел в руководстве, что щелчок по названию сайта на панели инструментов может перенести меня с задней части на переднюю часть и наоборот. Без ввода или удаления / wp-admin в панели браузера! Моя жизнь никогда не была прежней.

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

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

Почему вы хотите настроить панель инструментов WordPress?

Просто для справки: админ-панель WordPress великолепна как она есть. Это очень полезный инструмент с множеством ярлыков, которые имеют большой смысл. Итак, почему вы хотите возиться с этим?

Ну, есть несколько причин:

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

Как видите, есть веские причины, чтобы что-то сделать со стандартной панелью инструментов. Вот как это сделать.

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

В следующих разделах мы покажем вам, как настроить панель инструментов WordPress с использованием реальных фрагментов кода и CSS. Хотя это довольно просто, если у вас уже есть базовое понимание CSS / PHP, мы понимаем, что не все наши читатели обладают необходимыми знаниями. Так что, если вы чувствуете себя перегруженным в любое время, более удобным решением может быть использование бесплатного плагина AG Custom Admin:

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

Когда вы посмотрите на панель инструментов WordPress с инструментами разработчика вашего браузера, вы быстро увидите, что у нее есть свой собственный класс CSS с именем #wpadminbar. Теоретически вы можете изменить стиль, просто добавив разметку в таблицу стилей. Например, чтобы изменить цвет фона, вы можете сделать это:

https://gist.github.com/nschaeferhoff/0d4f8ad33f97d76f00be713597258ef5

К сожалению, это только изменит стиль панели инструментов в передней части, а не в задней части (потому что таблица стилей темы не загружается там). По этой причине лучший способ - добавить стиль с помощью функции, а затем применить его как к внутреннему, так и к внешнему интерфейсу. Для этого вы можете добавить приведенный ниже фрагмент в файл functions.php или плагин, например Фрагменты кода ,

https://gist.github.com/nschaeferhoff/d1a49954f731b3cbd644cec3c94a23cb

Переместить панель инструментов WordPress

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

https://gist.github.com/nschaeferhoff/7e80cb2e851905a0c3d8b46bc8e69764

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

https://gist.github.com/nschaeferhoff/517000e4ffed5417cf878a81416f6bcf

Удалить элементы панели инструментов

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

Кстати, в настройках Yoast есть опция (это одна из многих причин, по которой наши обязательные плагины для WordPress ), Однако, вы также можете сделать это, добавив этот код в functions.php:

https://gist.github.com/nschaeferhoff/5757bd60a27ceb226610a5883867d574

Аналогичным образом вы также можете избавиться от некоторых пунктов меню по умолчанию. Просто замените ту часть, где написано «wpseo-menu». Это означает, какой пункт меню вы удаляете. Например, чтобы удалить логотип WordPress, замените «wpseo-menu» на «wp-logo».

Чтобы узнать названия других пунктов меню, посмотрите их HTML-идентификатор с помощью инструментов разработчика. Затем удалите wp-admin-bar- с самого начала, чтобы получить правильный идентификатор.

Добавить элементы на панель инструментов WordPress

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

https://gist.github.com/nschaeferhoff/616e79cffe1db2b32338536b48021250

Вот что означает другая разметка:

• id - идентификатор пункта меню (обязательно).
• title - текст, который будет отображаться внутри панели инструментов
• href - место ссылки на пункт меню. Может быть документ WordPress (например, plugins.php) или внешний адрес

Помимо этого, вы также можете добавить:

• parent - идентификатор родителя пункта меню. Используйте это, чтобы добавить пункты меню в существующие меню.
• meta - добавить набор метаданных, таких как HTML, класс и многое другое. Для получения дополнительной информации, проверьте Кодекс WordPress ,

Чтобы контролировать, где именно появится пункт меню, вам нужно поиграть с приоритетом. Например, логотип WordPress слева имеет приоритет 10, поэтому, чтобы добавить элемент рядом с ним, вам нужно установить его приоритет 11 следующим образом:

https://gist.github.com/nschaeferhoff/9cd9bf6b3899bc9ac4966c6750f0b3d9

Если вы не установите какой-либо приоритет, он просто появится справа от существующих элементов.

Удалить всю панель инструментов

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

Чтобы полностью избавиться от этого, вы можете поместить следующий фрагмент кода в functions.php:

https://gist.github.com/nschaeferhoff/a5418fd62c82f442eb8ec659d56ade0f

Это полностью удалит админ-панель с вашего сайта. Если вы хотите скрыть это только для определенной группы пользователей, вы также можете это сделать. Например, это удаляет панель инструментов для всех, кто не является администратором:

https://gist.github.com/nschaeferhoff/aeca664a7f82e77ce0b911994b5d0b55

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

Заключение

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

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

Как вы собираетесь настроить панель инструментов WordPress? Дайте нам знать в разделе комментариев ниже!

Бесплатный путеводитель

5 основных советов для ускорения
Ваш WordPress Сайт

Сократите время загрузки даже на 50-80%
просто следуя простым советам.