Cómo crear un sitio de WordPress de marca blanca

Publicado: 2015-09-26

WordPress es una gran opción para cualquier negocio. Se puede personalizar de acuerdo con las necesidades comerciales y también ofrece un gran conjunto de complementos y temas para usar.

Pero, ¿qué sucede cuando su cliente descubre que el tema no es completamente suyo? Les envía una mala señal. El tablero de instrumentos es una de las partes que debe personalizarse claramente para hacerlo de acuerdo con los requisitos comerciales.

Si sabe de lo que estoy hablando, entonces también debe conocer el término "etiqueta blanca". White Labeling es el método menos utilizado en los sitios web de WordPress. Significa agregar cambios al backend y reflejar la filosofía comercial a los clientes y suscriptores.

Hay muchos beneficios de etiquetar en blanco su sitio web. Algunos de ellos se enumeran a continuación.

  • Los clientes son el aspecto más importante de cualquier negocio. Si los atiende bien, se beneficiará a largo plazo.
  • Además, la etiqueta blanca significa que probablemente esté aprovechando al máximo los recursos que se le brindan. También aumenta la profesionalidad.
  • Puede usar el tablero para ofrecer soporte adicional y enlaces a videos y artículos.
  • Además, puede personalizar el panel de control de acuerdo con las necesidades de los usuarios.

Hay dos maneras de abordar la tarea. La primera forma es agregar los elementos de etiqueta blanca manualmente editando el código, y el otro enfoque es hacerlo con la ayuda del complemento. Si se siente cómodo con el código, puede hacer la personalización manualmente, pero si no tiene idea de lo que significa el código, los complementos son la mejor manera de abordar el problema en cuestión.

Empecemos.

Tabla de contenido

Cómo crear un sitio de WordPress de marca blanca

Agregar logotipo a la página de inicio de sesión

El primer paso es eliminar el logotipo de WordPress. El logotipo de WordPress es excelente para los usuarios normales, pero no refleja bien la filosofía del sitio web. Para realizar la personalización, debemos ir al archivo functions.php y luego cambiarlo en consecuencia.

Elija un archivo de imagen de las dimensiones del logotipo. Guarde el archivo como PNG y luego proceda a editar el archivo functions.php con el siguiente código.



<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'); 

Todo se ve bien, pero hay una cosa de la que debes ocuparte. Inserte el CSS en el archivo custom_admin.css (créelo si no está disponible) y agregue la siguiente línea de código para vincular el nuevo logotipo.


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

Lo único que debe cambiar es el nombre custom_logo.png. La página de inicio de sesión ahora está personalizada.

Para obtener más consejos y trucos de personalización de la página de inicio de sesión, consulte Cómo crear una página de inicio de sesión de WordPress completamente personalizada escrita hace solo unos días.

Trabajar con el panel de administración de WordPress

El panel de administración de WordPress es el hogar de la personalización. Aquí es donde aterrizarán sus clientes, y este es el mejor lugar para enviar una impresión positiva.

Entonces, ¿qué puedes hacer con el panel de administración? Puede cambiar el logotipo de WordPress en la parte superior izquierda y también cambiar el pie de página de WordPress con la marca de la organización/negocio.

Primero cambiemos el logotipo de WordPress al logotipo de la empresa.

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

add_action('admin_head','custom_admin_css_logo');

Ahora agregar algo de código a custom_admin.css hará el truco.

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

Cambie el archivo logo2.jpg por el nombre del archivo de logotipo que desee utilizar.

Ahora cambiemos el pie de página del administrador de WordPress.

Cambiar el pie de página es fácil. Todo lo que necesita para hacer esto es agregar el siguiente código al archivo 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');

Cambiar el mensaje de bienvenida de WordPress.

Cuando inicia sesión en el panel de administración, se muestra un mensaje de bienvenida en la parte superior derecha. Puede cambiar el mensaje de bienvenida para adaptarse a un público más amplio. Esto te ayudará a dirigirte a la audiencia de una manera mucho mejor. Agregue el siguiente código a functions.php para que los cambios se reflejen.

<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>

Cambiar el esquema de color de administración

Admin Color Scheme es una excelente manera de programar el cerebro subconsciente de la audiencia. Hay colores asociados con las marcas, y es posible que también desee utilizar un poco de psicología básica del color para su beneficio.

Todo lo que necesita hacer es agregar el siguiente código al archivo functions.php y luego cambiar el color en el archivo admin.css ubicado dentro de los archivos principales del 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 el código manual puede ser utilizado por cualquier usuario de WordPress, pero sugeriré solo desarrolladores experimentados para manejar la personalización manual.

¿No sabes codificar? No te preocupes, tenemos algunos complementos gratuitos para que hagas White Labeling de WordPress. Échales un vistazo.

Complementos gratuitos para hacer White Labeling de WordPress

  1. White Label CMS: un excelente complemento gratuito para comenzar con todo lo que hemos hecho hasta ahora. Le brinda la posibilidad de cambiar logotipos y otros aspectos importantes de los tableros.
  2. Código abreviado de etiqueta blanca de YouTube: un elegante complemento de WordPress que le permite agregar videos de Youtube al tablero de WordPress con la ayuda de un código abreviado simple. También puede usarlo en la parte frontal del sitio web de WordPress.
  3. Deshabilite la eliminación de la barra de administración de WP: la barra de administración de WordPerss puede ser un desastre y debe eliminarse para una mejor funcionalidad, velocidad y visibilidad. Con la ayuda de este complemento, puede eliminar fácilmente la barra de administración de WP.
  4. Logotipo de inicio de sesión de Uber : el logotipo de inicio de sesión de Uber es un complemento simple que lo ayuda a cambiar el logotipo en la página de inicio de sesión de wp. Es un complemento simple e intuitivo.

Espero que les haya gustado el artículo. Me he asegurado de que tanto los codificadores como los que no codifican aprovechen al máximo el artículo presentando el proceso manual y también enumerando algunos complementos gratuitos para ayudarlo con la etiqueta blanca de WordPress.

Si te ha gustado el artículo, ¡no olvides compartir y comentar!