Como criar um site WordPress de etiqueta branca

Publicados: 2015-09-26

O WordPress é uma ótima opção para qualquer negócio. Ele pode ser personalizado de acordo com as necessidades do negócio e também oferece um ótimo conjunto de plugins e temas para usar.

Mas o que acontece quando seu cliente descobre que o tema não é totalmente seu. Ele envia um sinal ruim para eles. O dashboard é uma das partes que precisa ser claramente customizada para torná-lo de acordo com a necessidade do negócio.

Se você sabe do que estou falando, também deve conhecer o termo “White Labeling”. White Labeling é o método menos usado em sites WordPress. Significa adicionar alterações ao backend e refletir a filosofia de negócios para os clientes e assinantes.

Há muitos benefícios de rotular seu site em branco. Alguns deles estão listados abaixo.

  • Os clientes são o aspecto mais importante de qualquer negócio. Se você servi-los bem, você será beneficiado a longo prazo.
  • Além disso, o white label significa que você provavelmente está aproveitando ao máximo os recursos fornecidos a você. Também aumenta o profissionalismo.
  • Você pode usar o painel para oferecer suporte adicional e links para vídeos e artigos
  • Além disso, você pode personalizar o painel de acordo com as necessidades dos usuários.

Há duas maneiras de abordar a tarefa. A primeira maneira é adicionar os elementos white label manualmente editando o código, e a outra abordagem é fazê-lo com a ajuda do plugin. Se você estiver confortável com o código, poderá fazer a personalização manualmente, mas se não tiver ideia do que o código significa, os plugins são a melhor maneira de abordar o problema em questão.

Vamos começar.

Índice

Como criar um site WordPress de etiqueta branca

Adicionando logotipo à página de login

O primeiro passo é remover o logotipo do WordPress. O logotipo do WordPress é ótimo para usuários normais, mas não reflete bem a filosofia do site. Para fazer a personalização, precisamos ir ao arquivo functions.php e alterá-lo de acordo.

Escolha um arquivo de imagem com as dimensões do logotipo. Salve o arquivo como PNG e prossiga para editar o arquivo functions.php com o código a seguir.



<div class="line alt1">function custom_login() 
{ echo ''; } 
add_action('login_head', 'custom_login'); 
function custom_wp_login_url() 
{ echo bloginfo('url'); } 
function custom_wp_login_title() 
{ echo 'Custom Message ' . get_option('blogname'); } 
add_filter('login_headerurl', 'custom_wp_login_url'); 
add_filter('login_headertitle', 'custom_wp_login_title'); 

Tudo parece bom, mas há uma coisa que você precisa cuidar. Insira o CSS no arquivo custom_admin.css (crie-o se não estiver disponível) e adicione a seguinte linha de código para vincular o novo logotipo.


#login h1 a {background: url(images/custom_logo.jpg) no-repeat; width: 300px; height: 80px;}

A única coisa que você precisa mudar é o nome custom_logo.png. A página de login agora está personalizada.

Para obter mais dicas e truques de personalização da página de login, confira Como criar uma página de login do WordPress totalmente personalizada, escrita apenas alguns dias atrás.

Trabalhando com o painel de administração do WordPress

O painel de administração do WordPress é o lar da personalização. É aqui que seus clientes/clientes vão pousar, e este é o melhor lugar para enviar uma impressão positiva.

Então, o que você pode fazer com o painel de administração? Você pode alterar o logotipo do WordPress no canto superior esquerdo e também alterar o rodapé do WordPress com a marca da organização/empresa.

Vamos mudar o logotipo do WordPress para o logotipo da empresa primeiro.

<pre class="php">/**REPLACE WP LOGO**/
function custom_admin_css_logo() {
echo '';
}

add_action('admin_head','custom_admin_css_logo');

Agora, adicionar algum código ao custom_admin.css fará o truque.

<pre class="css">#header-logo {background-image: url(images/logo2.jpg);}</pre>

Altere o arquivo logo2.jpg para o nome do arquivo de logotipo que você deseja usar.

Agora vamos alterar o rodapé do administrador do WordPress.

Alterar o rodapé é fácil. Tudo o que você precisa fazer é adicionar o seguinte código ao arquivo functions.php.


function add_footer_admin() {

?&gt; Built by &lt;a href="#" XYZ Media&lt;/a&gt;

}

add_filter('admin_footer_text', 'add_footer_admin');

Alterando a mensagem de boas-vindas do WordPress.

Quando você faz login no painel de administração, uma mensagem de boas-vindas é mostrada no canto superior direito. Você pode alterar a mensagem de boas-vindas para atender a um público mais amplo. Isso ajudará você a segmentar o público de uma maneira muito melhor. Adicione o seguinte código ao functions.php para que as alterações sejam refletidas.

<pre id="fvch-code-2"><span class="php">add_filter<span class="php-brackets">(</span><span class="php-string">'gettext'</span>, <span class="php-string">'change_welcome_mssg'</span>, <span class="php-number">1</span><span class="php-number">0</span>, <span class="php-number">3</span><span class="php-brackets">)</span>;

<span class="php-function">function</span> change_howdy<span class="php-brackets">(</span><span class="php-var">$newmsg</span>, <span class="php-var">$text</span>, <span class="php-var">$domainname</span><span class="php-brackets">)</span> <span class="php-brackets">{</span>

    <span class="php-keyword">if</span> <span class="php-brackets">(</span><span class="php-operator">!</span>is_admin<span class="php-brackets">(</span><span class="php-brackets">)</span> <span class="php-operator">|</span><span class="php-operator">|</span> <span class="php-string">'default'</span> <span class="php-operator">!</span><span class="php-operator">=</span> <span class="php-var">$domainname</span><span class="php-brackets">)</span>
        <span class="php-keyword">return</span> <span class="php-var">$newmsg</span>;

    <span class="php-keyword">if</span> <span class="php-brackets">(</span><span class="php-keyword">false</span> <span class="php-operator">!</span><span class="php-operator">=</span><span class="php-operator">=</span> <span class="php-function">strpos</span><span class="php-brackets">(</span><span class="php-var">$translated</span>, <span class="php-string">'Howdy'</span><span class="php-brackets">)</span><span class="php-brackets">)</span>
        <span class="php-keyword">return</span> <span class="php-function">str_replace</span><span class="php-brackets">(</span><span class="php-string">'Howdy'</span>, <span class="php-string">'Welcome'</span>, <span class="php-var">$newmsg</span><span class="php-brackets">)</span>;

    <span class="php-keyword">return</span> <span class="php-var">$newmsg</span>;
<span class="php-brackets">}</span></span></pre>

Alterando o esquema de cores do administrador

Admin Color Scheme é uma ótima maneira de programar o cérebro subconsciente do público. Existem cores associadas às marcas, e você também pode usar alguma psicologia básica das cores a seu favor.

Tudo que você precisa fazer é adicionar o seguinte código ao arquivo functions.php e então alterar a cor no arquivo admin.css localizado dentro dos arquivos principais do tema.


function admin_css_modification() {

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

}

add_action('admin_print_styles', 'admin_css_modification')

Todo o código manual pode ser usado por qualquer usuário do WordPress, mas vou sugerir apenas desenvolvedores experientes para lidar com a personalização manual.

Não sabe codificar? Não se preocupe, temos alguns plugins gratuitos para você fazer White Labeling do WordPress. Confira-os.

Plugins gratuitos para fazer White Labeling do WordPress

  1. White Label CMS: Um ótimo plugin gratuito para começar com tudo o que fizemos até agora. Ele fornece a capacidade de alterar logotipos e outros aspectos importantes dos painéis.
  2. YouTube White Label Shortcode: Um plugin WordPress elegante que permite adicionar vídeos do Youtube ao painel do WordPress com a ajuda de um shortcode simples. Você também pode usá-lo no front-end do site WordPress.
  3. Desative a remoção da barra de administração do WP: a barra de administração do WordPerss pode ser uma bagunça e precisa ser removida para obter melhor funcionalidade, velocidade e visibilidade. Com a ajuda deste plugin, você pode remover facilmente a barra WP Admin.
  4. Logotipo de login do Uber: o logotipo de login do Uber é um plug-in simples que ajuda você a alterar o logotipo na página de login do wp. É um plugin simples e intuitivo.

Espero que tenha gostado do artigo. Certifiquei-me de que codificadores e não codificadores tirem o máximo proveito do artigo, apresentando o processo manual e também listando alguns plugins gratuitos para ajudá-lo no rótulo branco do WordPress.

Se você gostou do artigo, não se esqueça de compartilhar e comentar!