Как произвести White Label брендинг панели администрирования WordPress

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

Для тех, кто не знаком с этим термином, это замена элементов бренда WordPress любой другой торговой маркой по вашему выбору:

замена элементов бренда

Это особенно полезно для тех, кто использует WordPress для создания веб-сайтов для клиентов. Это позволяет заменить стандартные элементы бренда WordPress на их собственные, либо элементы бренда клиента. А также добавить такие полезные элементы, как приветственные сообщения пользователей, справки и виджеты.

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

White Label брендинг WordPress вручную

Ручной White Label брендинг WordPress потребует от вас внести изменения в файл functions.php активной темы. Если вы не слишком хорошо ориентируетесь в том, как это делается, вы можете использовать плагин, наподобие code snippets, с помощью которого можно забить код в файл functions.php прямо из панели администрирования WordPress. Это невероятно простой способ добавления программного кода для тех, кто не имеет большого опыта работы с ним.

White Label брендинг страницы авторизации WordPress вручную

Одно из мест, где чаще всего производят White Label брендинг, это панель входа WordPress. Каждый сайт должен использовать эту панель, и она размещается одна на всей странице! Что делает ее идеальным местом для того, чтобы применить к ней элементы вашего собственного бренда:

эту панель
<?php
//* НЕ включайте открывающийся тег php

//* Замените логотип WordPress своим собственным
add_action('login_head', 'b3m_custom_login_logo');
function b3m_custom_login_logo() {
    echo '<style type="text/css">
    h1 a { background-image:url('.get_stylesheet_directory_uri().'/images/login.png) !important; background-size: 311px 100px !important;height: 100px !important; width: 311px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .login form { margin-top: 10px !important; }
    </style>';
}

При использовании приведенного выше фрагмента кода обязательно поменяйте имя файла login.png на имя файла своего логотипа, который вы создаете (в идеале что-то около 300 на 130 пикселей). Вы также, наверное, захотите изменить URL-адрес, по которому перенаправляются пользователи, которые нажимают на логотип.

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

<?php
//* НЕ включайте открывающийся тег php

//* Замените URL-адрес логотипа WordPress 
function b3m_url_login_logo(){
    return get_bloginfo( 'wpurl' );
}
add_filter('login_headerurl', 'b3m_url_login_logo');

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

<?php
//* НЕ включайте открывающийся тег php

//* Панель авторизации: Изменяем текст, отображающийся при наведении мыши на логотип
function b3m_login_logo_url_title() {
  return 'ЗАМЕНИТЕ ЭТУ НАДПИСЬ СВОИМ ТЕКСТОМ';
}
add_filter( 'login_headertitle', 'b3m_login_logo_url_title' );

White Label брендинг панели администрирования WordPress вручную

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

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

Изменение приветственного сообщения WordPress:

Изменение приветственного сообщения WordPress

Вы знаете, что в верхнем правом углу панели администрирования вашего WordPress сайта размещается небольшое приветствие, которое говорит, «Привет, Ваше Имя«. Ну, теперь вы можете написать все, что захотите!

add_filter('gettext', 'change_howdy', 10, 3);

function change_howdy($translated, $text, $domain) {

    if (!is_admin() || 'default' != $domain)
        return $translated;

    if (false !== strpos($translated, 'Howdy'))
        return str_replace('Howdy', 'Welcome', $translated);

    return $translated;
}

Изменение текста футера консоли:

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

function change_footer_admin () {

  echo 'Здесь ваш собственный текст. Тема создана &lt;a href=&quot;&lt;a href=&quot;&gt;http://www.linktowebsite.com&lt;/a&gt;&quot;&gt;Link to Website';

}

add_filter('admin_footer_text', 'change_footer_admin');

Изменение логотипа заголовка консоли:

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

/**ЗАМЕНА ЛОГОТИПА WP**/
function admin_css() {
echo '';
}

add_action('admin_head','admin_css');
/**КОНЕЦ ЗАМЕНЫ ЛОГОТИПА WP**/

Затем добавьте следующий код в файл admin.css:

#header-logo {background-image: url(images/client_logo.jpg);}

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

Добавление пользовательского виджета контактов в консоли с помощью этого фрагмента кода:

Добавление пользовательского виджета контактов

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

<?php
//* НЕ включайте открывающийся тег php

//* Добавление панели информации в Консоль WordPress 
function b3m_add_dashboard_widgets() {
  wp_add_dashboard_widget('wp_dashboard_widget', 'Theme Details','b3m_theme_info');
}
add_action('wp_dashboard_setup', 'b3m_add_dashboard_widgets' );

function b3m_theme_info() {
  echo "<ul>
  <li><strong>Developed By:</strong> B3Marketing, LLC</li>
  <li><strong>Website:</strong> <a href='http://www.rickrduncan.com'>www.rickrduncan.com</a></li>
  <li><strong>Contact:</strong> <a href='mailto:b3marketingllc@gmail.com'>b3marketingllc@gmail.com</a></li>
  </ul>";
}

Изменение цветовой гаммы панели администрирования:

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

// Настройка цветовой гаммы панели администрирования WordPress

function admin_css() {

wp_enqueue_style( 'admin_css', get_template_directory_uri() .'/css/admin.css' );

}

add_action('admin_print_styles', 'admin_css' );

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

White Label брендинг WordPress с помощью бесплатных плагинов

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

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

White Label CMS

White Label CMS

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

Скачать | Дополнительная информация

AG Custom Admin

AG Custom Admin

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

Скачать | Дополнительная информация

YouTube White Label Shortcode

YouTube White Label Shortcode

YouTube White Label Shortcode предоставляет простой шорткод, который позволяет администрировать логотипы, плеер, автозапуск и многие другие элементы встроенного видео YouTube. Он подходит для использования в интерфейсе и панели администрирования WordPress.

Скачать | Дополнительная информация

Uber Login Logo

Uber Login Logo

Uber Login Logo простой, небольшой плагин, который позволяет вам установить собственный логотип на странице авторизации в системе. Это не такой объемный, как другие представленные здесь плагины, но все свои функции он выполняет хорошо. Если вы хотите провести общий брендинг и сделать его просто — этот плагин для вас.

Скачать | Дополнительная информация

Disable WP Admin Bar Removal

Disable WP Admin Bar Removal

Disable WP Admin Bar Removal — еще один довольно простой плагин, который делает только одну вещь: он удаляет панель администрирования для всех ролей пользователей. Это уменьшает потребление памяти, ускоряет загрузку страниц и дает вам еще один способ управлять процессами авторизованных пользователей.

Скачать | Дополнительная информация

Admin Menu Editor

Admin Menu Editor

Плагин Admin Menu Editor позволяет пользователям редактировать или добавлять пункты в меню панели администрирования WordPress. Возможность настройки этого элемента управления способствует улучшению взаимодействия между зарегистрированными участниками или клиентами.

Скачать | Дополнительная информация

White Label брендинг WordPress с помощью премиум-плагинов

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

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

White Label Branding

White Label Branding

White Label Branding — первый премиум-плагин для White Label брендинга WordPress, и позиционируется он, как полное решение. Он позволяет настроить все упомянутые ранее области, а также некоторые другие: панель входа, панель администрирования, сообщения WordPress, меню навигации и многое другое. Кроме того, он содержит менеджер ролей и прав доступа и многое другое.

Цена: $28 | Дополнительная информация

Ultimate Branding

Ultimate Branding

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

Цена: $19 | Дополнительная информация

Easy Blogging

Easy Blogging

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

Цена: $19 | Дополнительная информация

Forest

Forest

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

Цена: $14 | Дополнительная информация

Micropanel 2

Micropanel 2

Micropanel 2 — это вторая из представленных в этой статье тем для панели администрирования WordPress (опять же, в виде плагина). Эта тема исповедует плоский, минималистический подход, который, тем не менее, позволяет задавать привлекательный и настраиваемый дизайн.

Цена: $14 | Дополнительная информация

Blue Press

Blue Press

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

Цена: $14 | Дополнительная информация

Заключение

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

Вы когда-нибудь использовали любой из этих сниппетов или плагинов? Или, возможно, вы использовали другие решения для White Label брендинга и / или настройки панели администрирования WordPress? Будем рады услышать ваше мнение. Пожалуйста, уделите несколько минут, чтобы поделиться им с нами и всем сообществом в комментариях.

Перевод статьи «How To White Label The WordPress Dashboard» был подготовлен дружной командой проекта Сайтостроение от А до Я.