Админ панель WordPress. Административная панель WordPress: первое знакомство

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

Зачем нужна пользовательская панель управления в WordPress?

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

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

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

Я расскажу о нескольких вариантах, а вы уже сами решите что вам ближе в зависимости от требований клиента.

Скрыть ненужное в меню администратора

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

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

Поэтому давайте создадим пользовательскую панель управления, спрятав все лишнее.

После активации пройдите по Настройки » Adminimize , чтобы настроить плагин.

На странице настроек вы увидите список разделов администрирования. Щелкнув по названию, вы развернете его и увидите опции для этого раздела.

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

White Label брендинг панели управления WordPress

У плагина Adminimize множество полезных опций по настройке внешнего вида панели администрирования. Однако у него нет опции по скрытию логотипа WordPress и white label брендингу панели администрирования.

White label – это замена логотипа WordPress на клиентский логотип, изменение футера панели администрирования, а также скрытие или отображение элементов меню и т.п.

Чтобы внести коррективы сперва установите и активируйте плагин White Label CMS. Для настройки параметров плагина перейдите по Настройки » White Label CMS .

Страница настроек состоит из нескольких разделов. Щелкните по разделу и в появившемся поле выставите необходимые настройки.

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

Изменение внешнего вида панели администрирования WordPress

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

Хотите продвинуться на уровень выше? Так почему бы не попробовать установить тему для панели администрирования WordPress. Такие темы находятся в свободном доступе и устанавливаются как плагины.

Добавление справочного ресурса в клиентскую панель управления

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

Лучше всего справочный раздел добавить с помощью плагина WP Help. После его активирования в админ баре WordPress появится новый раздел «Publishing Help». Щелкните по названию, и вы перейдете на страницу настроек.

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

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

Создание пользовательских виджетов в панели управления

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

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

Вставьте данный код в файл темы functions.php или в плагин site-specific.

add_action("wp_dashboard_setup", "my_custom_dashboard_widgets"); function my_custom_dashboard_widgets() { global $wp_meta_boxes; wp_add_dashboard_widget("custom_help_widget", "Theme Support", "custom_dashboard_help"); } function custom_dashboard_help() { // Content you want to show inside the widget echo "

Welcome to Custom Blog Theme! Need help? Contact the developer here. For WordPress Tutorials visit: WPBeginner

Nest - бесплатная, подключаемая панель управления для сайта. Сайт может быть любым, но первоначально панель рассчитана на одностраничные сайты визитки (landing page).

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

Nest, не переписывает страницу, он сохраняет данные в формате json и при загрузке страницы их монтирует на нужное место в DOM дерево. Это сделано для того чтобы минимизировать сложность интеграции и ошибки. id нужно писать с решеткой #id, class c точкой.

Процесс подключения панели Nest к шаблону страницы

• Скачать Nest .
• Бросайте index и файлы проекта в корневой каталог Nest. Возле admin.html.
• Подключить (system/js/nest.js) скрипт ко всем страницам, которые вы хотите контролировать.
• Загрузите все на PHP-сервер (WAMP, XAMPP, OpenServer).
• Запустите сервер и откройте admin.html в URL.
• Введите пароль, по умолчанию «0». Вы можете изменить пароль в «system/info.txt».

Идеальный условия для использования Nest Admin

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

В таких случаях поможет панель типа Nest. Вы делаете шаблон, как душе угодно, подключаете скрипт в те страницы, которые будут управляться и к блокам что будут под управлениям Nest. Задаете семантические и логически понятные id, типа header, content, footer, logo. Именно по ним Нест будет ориентироваться.

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

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

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

Custom Notifications

Панель уведомлений может содержать простой текст, форму для ввода e-mail или на сайте, соцсетей и таймер обратного отсчета времени.

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

Стоимость: $29

BugMeBar WordPress plugin

Из других особенностей следует отметить:

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

Hello Bar

DW Promobar

Foobar – WordPress Notification Bars

Стоимость: $9

WordPress Notification Bar

Royal Footer Bar

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

Изюминкой этого плагина является то, что разработчики назвали A/B/C тест - вы можете задать несколько вариантов настроек и, оценив их в рабочем окружении, выбрать наиболее соответствующий концепции сайта.

Стоимость: $39

Notification Bar

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

Сам по себе Вордпресс очень прост для понимания, но мы все же постараемся ответить на ряд вопросов, возникающих у «зеленых» администраторов.

Если конкретнее, то поговорим о том, как зайти в админку WordPress.

Чтобы попасть в admin панель управления своего сайта необходимо перейти на адрес http://sait.ru/wp-admin/, (где site.ru – адрес вашего сайта), после чего необходимо ввести выданный вам при установке Вордпресс логин (по дефолту – это admin) и пароль. Если данные были введены правильно, то вы попадете в admin панель управления Вордпресс. Тут вы сможете делать со своим сайт что угодно: писать заметки, настраивать плагины, перемещать виджеты и т.п.

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

Если же при попытке попасть на адрес http://sait.ru/wp-admin/ у вас вообще ничего не происходит, то значит адрес admin панели был изменен на другой при помощи одного из плагинов, предназначенных для обеспечения защиты. Один из таких плагинов – WordPress Paranoja-401, который предназначен для от XSS атак и подбора пароля (плагин создает двойную защиту пароля на вход в админку). Такой плагин может создать другой адрес вход, к примеру, http://sait.ru/wp-login/. Кстати, если вашему сайту необходима защита, то получить вышеописанный плагин и поставить на свой сайт можно по URL: http://wordpressdlyachajnikov.ru/download/paranoja-401.zip

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

Где хранить пароли для Вордпресс, как сменить пароль администратора в панели управления

Как по нам, то наиболее надежный вариант для хранения паролей – программа Кипаса, базу данных которой можно хранить на облаке в Дропбоксе. Собственно получить Кипасу можно по URL: http://keepass.info/compare.html , а завести аккаунт в Дропбоксе можно через адрес: dropbox.com

Советуем сменить имя пользователя admin на какое-то другое, чтобы хакерам было значительно сложнее подобрать данные на вход в вашу админку. Пусть у вас даже и нечего красть, но сайт может быть взломан потоковым методом, после чего он будет заражен вирусом. В итоге ваш сайт превратится в марионетку (дорвей). Заметим, что напрямую изменить пароль Вордпресс не получится в силу спецификации движка, но можно сделать несколько хитрее: создать дополнительного юзера с правами администратора, а старого после этого просто-напросто удалить.

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

Используем для входа в админ панель управления phpMyAdmin и создаем небольшой php файл, который способен изменить пароль на вход

Этот вариант становится актуален, когда восстановить данные через «вход» не предоставляется возможным. С phpMyAdmin вы наверняка сталкивались в процессе установки Вордпресс. Собственно phpMyAdmin хранит все данные о вашем сайте и пользователях. Выберете ту базу, которая используется на вашем сайте Вордпресс; также заметим, что база данных содержит еще и таблицы comments, posts, usermeta и другие. Вам же нужно открыть wp_users, где необходимо открыть свои учетные данные и изменить их на другие. Важно: изменяя свой пароль в строчке user_pass, нужно выбрать функцию MD5.

Можно также создать небольшой php-файл, который способен изменить пароль на вход в админ панель управления. Для этого открываем свой Notepad++ и вписываем следующее:

add_action("init", "my_password_recovery");
function my_password_recovery() {
$user = get_user_by("login", "новый логин");
wp_set_password("новый пароль", $user->ID);
}

Тут вместо «нового логина» и «нового пароля» необходимо вписать соответствующие данные. После этого через любой ftp-клиент нужно получить доступ к корневой папке сайта (нужно войти под данными хостера); далее найдите каталог wp-content и зайдите в папку mu-plagins. Если такая папка отсутствует, то создайте ее и поместите ранее созданный файл с вышеуказнным содержимым. Заметим, что «обозвать» его можно как вам захочется, но главное, чтобы файл в конце имел расширение.php.

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

Чтобы войти в панель управления WordPress, в адресной строке браузера введите адрес_сайта/wp-admin/ (в нашем случае это test1.ru/wp-admin/ , и не забудьте запустить DENWER). Первым делом вы попадаете на главную страницу консоли, она выглядит так.

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

Независимо от того, в какой части панели вы находитесь, вам будет доступно несколько её элементов.

• Настройка экрана. Щелчок на кнопке откроет панель настроек. Интерфейс её будет меняться в зависимости от страницы, на которой вы её открыли.

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

У страницы Записи настроек экрана несколько больше.

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

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

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

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

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

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

• Консоль . Состоит из двух вкладок - Главная и Обновления . Про Главную мы уже говорили - на неё пользователь попадает сразу после входа в админ-панель. На вкладке Обновления собраны сведения о доступных новых версиях как самого движка, так и установленных на нём плагинов и тем оформления. Если обновления есть, рядом с названием вкладки появляется цифра, обозначающая их количество.

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

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

• Записи . Этот пункт и его подменю позволяют управлять записями блога: добавлять новые, просматривать, редактировать или удалять существующие. Также здесь вы можете настраивать рубрики и метки. Рубрики - это категории, по которым записи можно распределять для удобства поиска и навигации. Рубрики можно добавлять в меню сайта. Метки - это теги - ключевые слова, улучшающие навигацию по ресурсу и дающие возможность находить похожие статьи.

• Медиафайлы . WordPress позволяет добавлять на страницы не только текст, но также картинки, музыку, видео и другие файлы. Пункт Медиафайлы содержит два подпункта: Библиотека и Добавить новый . Библиотека даёт возможность управлять всеми загруженными файлами прямо из админ-панели. Пополнить коллекцию можно, заглянув на страницу Добавить новый .

• Страницы . Очевидно, инструменты пункта дают возможность создавать и редактировать страницы, но неочевидно, чем они отличаются от записей. Представьте себе блог. Ежедневно там публикуется какая-то интересная информация, и каждая новая статья принадлежит одной из заведённых на сайте рубрик. Это - записи. Но кроме постов практически на каждом блоге есть «О нас», «Контакты», «Реклама». Это - страницы. Они не относятся к рубрикам, не отображаются в ленте блога, обычно не комментируются. Именно за управление такими страницами и отвечает рассматриваемый пункт.

• Комментарии . Не нуждается в пояснении - здесь вы модератор.

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

Чтобы сменить оформление, наведите указатель на понравившуюся тему и нажмите кнопку Активировать .

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

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

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

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