Cómo etiquetar WordPress WordPress

WordPress representa 1/3 de los sitios web en Internet hoy. Pero muchos de ellos no aparecen como WordPress para usuarios o público. ¿Por qué? Debido a una práctica llamada etiquetado blanco. El etiquetado blanco es cuando elimina todas las marcas de un producto en lugar de otro. Por ejemplo, las páginas de conexión y el tablero (y otros) estarán decoradas con su propio logotipo, nombre de la empresa y contenido de medios. Continuará usando WordPress y ganará toda su energía y utilidad, pero no aparecerá como WP predeterminado para usuarios o visitantes. Incluso puede tener widgets y mensajes personalizados en las áreas etiquetadas tradicionalmente.
Suscríbase a nuestro canal de YouTube cómo etiquetar WordPress WordPress tiene algunas opciones cuando se trata de etiquetado blanco de WordPress. Puede cambiar manualmente los archivos PHP desde la instalación de WP insertando código personalizado en lugares donde su sitio necesita una nueva identidad. También hay una serie de complementos, para brindarle una gran cantidad de personalización y libertad de la etiqueta blanca. Le presentaremos el código requerido para etiquetar manualmente su sitio, para mostrarle cómo usar el complemento Branda para etiquetar WordPress y guiarlo a algunos de los otros complementos superiores para que tenga una idea sólida sobre qué opciones debe elegir de.
WordPress White Label Manual etiquetado White Manual WordPress es realmente bastante simple: edite el archivo de instalación Functions.php. También puede controlar específicamente lo que desea cambiar y hacer esto sin la hinchazón adicional del código de complemento que se puede aplicar o no si solo desea cambiar el logotipo en la página de autenticación, puede. ¿Cambiar los menús en el panel de administración y nada más? Tu también puedes hacer eso. Pero puede elegir y elegir qué partes de WP la etiqueta blanca. Sin embargo, cambiar cualquier sistema de archivos de WordPress puede ser peligroso si no es correcto. Por lo tanto, recomendamos usar el tema de un niño para realizar estos cambios. A medida que edita un WordPress básico (técnicamente, un archivo básico de WordPress), muchas cosas pueden salir mal si no lo hace. Si no usa un tema infantil, cualquier cambio que realice en funciones.php se sobrescribirá cuando se actualice su tema. Por lo tanto, le sugerimos e instamos a lo fuertes que podemos seguir a nuestra guía para crear hijos. O, si usted es un elegante temas de miembros, nuestra guía final sobre la creación de un tema específicamente dividido. Si no, y actualiza su tema (o algo se interrumpe y se debe restaurar una copia de seguridad o una de otras cientos de cosas), su código de etiqueta blanco desaparecerá. Volverás al primer lugar. Así que utilice un tema para niños.
Si no se siente cómodo para crear uno manual a través de nuestras guías, también puede usar un arado para crear el tema de los niños o los temas de los niños Generator Space Div.Cómo editar su archivo Functions.php Editing the Functions.php es muy fácil y tiene más opciones.Puede usar un editor de códigos con un programa FTP como Filezilla para descargar y recargar el archivo.O puede usar el Administrador de archivos CPanel o un complemento de WordPress, como WP File Manager, perfectamente en el tablero.Independientemente del método que elija editar el archivo, desea que el 100% cree una copia de seguridad de su sitio y del archivo en sí, para evitar cualquier pérdida de datos catastrófica. Encuentre las funciones del archivo.php en su directorio /public_html/example.com /WP-Content/Nombre del tema.
Dependiendo de su editor y el sitio web configurado, la estructura exacta será diferente del ejemplo anterior, pero será similar. Luego descarte y muévalo a editar. Etiqueta manualmente manualmente la página de autenticación de WordPress El lugar perfecto para iniciar el etiquetado blanco de su sitio es la página de autenticación WP. Es una de las páginas más utilizadas en su sitio, por lo que es posible que no desee que el gran logotipo de WP mire a los usuarios o personales. Es fácil de cambiar. Cualquier instrucción específica que necesite para fragmentos de código se incluye como comentarios dentro del bloque de código y también debe tener en cuenta que cualquier personalización con respecto a la URL y el texto personalizado debe modificarse de nuestros sustitutos aquí. También gracias a Ayub del equipo de desarrolladores de ET por estos maravillosos ejemplos. Ahora, por el código en sí: <? Php/**
* Cambiar el logotipo de inicio de sesión de WordPress con el suyo

*/
Función et_custom_login_logo () {
$ logo_url = get_stylesheet_directory_uri (). ‘/Iimages/logo.png’;
$ logo_. ESC_URL ($ logo_url). ‘); Tamaño de fondo: 186px 86px; Ancho: 186px; Altura: 86px; } ‘;
wp_add_inline_style (‘login’, $ logo_style);
}
add_action (‘login_enqueue_scripts’, ‘et_custom_login_logo’);/*Explation de código – Comience aquí*// **
* Cambiar el logotipo de inicio de sesión de WordPress con el suyo
*/
Función et_custom_login_logo () {
// ruta URL a su propio logotipo. El método get_stylesheet_directory_uri () volverá
// URL de ruta de tema actual.
$ logo_url = get_stylesheet_directory_uri (). ‘/Iimages/logo.png’; // Establecer la imagen de fondo del logotipo. El método esc_url () se nota para verificar y limpiar el
// URL del logotipo. También puede confiar el logotipo ajustando el tamaño de fondo, // altura y ancho.
$ logo_. ESC_URL ($ logo_url). ‘); Tamaño de fondo: 186px 86px; Ancho: 186px; Altura: 86px; } ‘; // Renderiza el estilo de logotipo personalizado arriba. ‘Iniciar sesión’ es la hoja de tensión registrada para
// página de inicio de sesión de WordPress predeterminada. Al usar wp_add_inline_style () el método no
// la necesidad más larga de especificar la etiqueta , tiene una identificación única y se disparará como
// pronto como se carga la hoja de estilo de inicio de sesión de WordPress.
wp_add_inline_style (‘login’, $ logo_style);
}
add_action (‘login_enqueue_scripts’, ‘et_custom_login_logo’);/ * Explation de código – finalizar aquí */?>
Además, es posible que deba redirigir después de que un usuario haga clic en el logotipo en sí. Querrá agregar este código para hacer esto:

Y debido a que la accesibilidad es muy importante, querrá un texto con el mouse / título para la imagen. Así es como puedes hacer esto:
Etiquete a White manualmente el tablero de administración de WordPress más allá de la página de autenticación, por supuesto, es el administrador de WordPress. El lugar donde sucede toda la magia. O al menos trabajar. Con las últimas versiones de WordPress, se han realizado un progreso significativo en términos de diseño notorio de WordPress y UX. Los siguientes fragmentos de código están destinados a ayudarlo.
Mensaje ¿Conoces el pequeño saludo en la esquina superior derecha de tu administrador de WordPress que dice “Hola, tu nombre”? Bueno, ahora puedes hacer que diga lo que quieras. display_name)? $ user_data-> display_name: false;
$ user_id = isset ($ user_data-> id)? (int) $ user_data-> id: 0;
If (! $ User_id ||! $ User_display_name) {
devolver;
} $ user_avar = get_avar ($ user_id, 26); // traductores: %s: nombre de pantalla actual del usuario
$ my_account_text = sprintf (
__ (‘Hola, %S’),
‘. Esc_html ($ user_data-> display_name). ”); $ wp_admin_bar-> add_node (
Matriz (
‘id’ => ‘my-count’,
‘Title’ => $ my_account_text. $ user_avar,
)
);
}
add_action (‘admin_bar_menu’, ‘et_custom_admin_bar_greeting_text’);/*Explation de código – Comience aquí*// **
* Cambiar el texto de saludo del menú de la barra de administración
*
* Esta función reemplazará el texto “Howdy” y también regenerará el nombre de la pantalla y
* El avatar del usuario actual. Entonces, el nuevo texto de saludo funcionará para todos
* Idiomas y se puede traducir.
*
* @see wp_admin_bar_my_account_item ()
*
* @param objeto $ wp_admin_bar wp_admin_bar instancia
*/
Función et_custom_admin_bar_greeting_text ($ wp_admin_bar) {
// Verificar la identificación y el nombre de usuario actuales
$ user_data = wp_get_current_user ();
$ user_display_name = isset ($ user_data-> display_name)? $ user_data-> display_name: false;
$ user_id = isset ($ user_data-> id)? (int) $ user_data-> id: 0;
If (! $ User_id ||! $ User_display_name) {
devolver;
} // Obtener avatar de usuario
$ user_avar = get_avar ($ user_id, 26); // Establecer un nuevo texto de saludo “hola” y regenerar texto del menú
// traductores: %s: nombre de pantalla actual del usuario
$ my_account_text = sprintf (
__ (‘Hola, %S’),
‘. Esc_html ($ user_data-> display_name). ”
); // anula el texto existente de mi cuenta con el nuevo
$ wp_admin_bar-> add_node (
Matriz (
‘id’ => ‘my-count’,
‘Title’ => $ my_account_text. $ user_avar,
)
);
}
add_action (‘admin_bar_men’, ‘et_custom_admin_bar_greeting_text’);/ * Explation de código – finalizar aquí */?>
El texto del sótano de forma predeterminada, el sótano administrador de WordPress dice: “Gracias por crear con WordPress”. Pero, gracias a este pequeño fragmento, ahora se puede cambiar con cualquier mensaje que pueda encontrar adecuado para sus clientes. <? Php/**
* Cambiar el texto del pie de página administrativo
*
* @Return sting tu texto de pie de página personalizado
*/
Función et_change_admin_footer_text () {
Return __ ('Powered by WordPress. Tema diseñado por temas elegantes .’, ‘Et-text-domain’);
}
add_filter (‘admin_footer_text’, ‘et_change_admin_footer_text’);?>
Logotipo de barra Si necesita cambiar el logotipo predeterminado de WordPress en una imagen pequeña, solo use este fragmento: .ab-pritem .ab-icon: antes {content: none; } ‘;
wp_add_inline_style (‘admin-bar’, $ logo_style);
}
add_action (‘admin_enqueue_scripts’, ‘et_custom_admin_op_left_logo’);/*Explation de código – Comience aquí*// **
* Cambiar el logotipo de la parte superior izquierda de WordPress Admin con el suyo
*/
Función et_custom_admin_op_left_logo () {
// ruta URL a su propio logotipo. El método get_stylesheet_directory_uri () volverá
// URL de ruta de tema actual.
$ logo_url = get_stylesheet_directory_uri (). ‘/Images/op—feft-go.png’; // Establecer la imagen de fondo del logotipo de la barra de administración. se necesita método esc_url () para verificar y
// Limpie la URL del logotipo. Debe establecer la repetición de fondo como sin repetición para garantizar
// La imagen de fondo se mostrará una vez. Puede confiar y reposicionar // también el logotipo ajustando el tamaño y la posición de fondo.
$ logo_. ESC_URL ($ logo_url). ‘); Tamaño de fondo: 28px; Background-Read: No-Reed; Presión de fondo: centro; } #Wpadminbar #wp-admin-bar-wp-logo> .ab-pritem .ab-icon: antes {content: none; } ‘; // Renderiza el estilo de logotipo personalizado arriba. ‘Admin-Bar’ es la hoja de tensión registrada para
// barra de administración de WordPress predeterminada. Al usar wp_add_inline_style () el método no
// la necesidad más larga de especificar la etiqueta , tiene una identificación única y se disparará como
// pronto como se carga la hoja de estilo de la barra de administración de WordPress.
wp_add_inline_style (‘admin-bar’, $ logo_style);
}
add_action (‘admin_enqueue_scripts’, ‘et_custom_admin_op_left_logo’);/ * Explation de código – finalizar aquí */?>
Detalles sobre el tema de widget / contacto porque usted trabaja mucho en su sitio (o en el sitio web de un cliente), desea que sepan cómo contactarlo (o desarrolladores sucesivos) para que tengamos un código sobre el cual se le gustaría usar para ello.
<? Php/**
* Agregar widget de información del tema en WordPress Dashboard
*/
Función et_add_dashboard_widgets () {
wp_add_dashboard_widget (
'ET_DASHBOAK_WIDGET_INFO',
Esc_html __ ('Detalles del tema', 'Et-Text-Domain'),
'ET_DASHBOAK_WIDGET_INFO_RENDER'
);
}
add_action ('wp_dashboard_setup', 'et_add_dashboard_widgets');/**
* Renderizar el contenido del widget de información del tema
*/
Función et_dashboard_widget_info_render () {
$ content = __ ('
diseño por: temas elegantes
sitio web: www.eleganttheme.com/
Contacto: chatear con nuestro apoyo
‘,’ et-text-domain ‘); echo wp_kses_post ($ content);
}/*Explicación del código – Comience aquí*// **
* Agregar widget de información del tema en WordPress Dashboard
*/
Función et_add_dashboard_widgets () {
// Puede reemplazar ‘Et-Text-Domain’ con su preferencia
wp_add_dashboard_widget (
‘ET_DASHBOAK_WIDGET_INFO’,
Esc_html __ (‘Detalles del tema’, ‘Et-Text-Domain’),
‘ET_DASHBOAK_WIDGET_INFO_RENDER’
);
}
add_action (‘wp_dashboard_setup’, ‘et_add_dashboard_widgets’);/**
* Renderizar el contenido del widget de información del tema
*/
Función et_dashboard_widget_info_render () {
// El contenido del widget está disponible para la traducción. Puedes reemplazar
// ‘Et-Text-Domain’ con su preferido.
$ content = __ (‘
diseño por: temas elegantes
sitio web: www.eleganttheme.com/
Contacto: chatear con nuestro apoyo
‘,’ et-text-domain ‘); // wp_kses_post () El método se nota para limpiar el contenido de widget traducido
echo wp_kses_post ($ content);
}/ * Explicación del código – finalizar aquí */?>
El esquema de color del panel de administración se puede hacer en base al usuario en el editor de perfil, también puede cambiar cualquier aspecto que se ajuste a su marca con este código. Si intenta eliminar la “sensación de WordPress” del backend, esto puede funcionar mucho.
Ahora, debido a los comentarios y explicaciones de Ayub, estamos seguros de que casi cualquier persona, independientemente de su experiencia o experiencia de codificación y desarrollo. Pero si se siente más cómodo para usar un complemento para lograr sus objetivos en la etiqueta blanca, tenemos algunas cosas que debería ver. El uso del complemento WPMU Dev Branda probablemente la forma más fácil de administrar la instalación de WordPress en etiquetas blancas es mediante un complemento. WPMU DE tiene uno especial para esto: Branda, anteriormente conocida como Ultimate Branding.
El uso de Branda para personalizar su instalación es fácil, rápido y limpio. Obtenga muchas opciones que requieren mucho trabajo y cambios cuando lo haga manualmente, por lo que creemos que esta es una excelente manera de simplificar este proceso. Primero, verá la nueva entrada adicional de Branda Pro adicional al tablero WP. Vaya al tablero y verá todo lo que pueda personalizar y la etiqueta blanca en su sitio.
Encontrará una serie de categorías, en cada una de ellas hay muchos sutiles que puede etiquetar blanco. Puede usar Branda para ajustar tantos o tan poco como desee. Las categorías de título que ve son: el área de administración

Widgets
En frente de
Correos electrónicos
Utilidades
La mayoría de ellos son bastante simples (widgets, correos electrónicos), pero con las opciones de front-end vienen para cosas como notificaciones de cookies, pantallas de inscripción / autenticación e incluso la caja del autor. Además, Utilits incluye control de comentarios, varias imágenes, reemplazo del texto en todo el sitio e incluso los códigos de seguimiento.
Y si tiene otro sitio o conjunto de personalizaciones que restaura, puede usar la herramienta de importación / exportación para él. El etiquetado blanco de la barra de administración para nuestro ejemplo, le mostraremos cómo etiquetar la barra blanca desde el tablero WP de su sitio.
Para empezar, encuentre esta opción en el tablero de Branda Pro. Debe estar cerca de la derecha a la derecha con el aspecto predeterminado.
Haga clic en el lápiz para acceder a las opciones de edición. Debería ver un título del área de administración con una serie de pestañas que conducen al lado izquierdo de la pantalla. Estos lo llevan a los otros aspectos del etiquetado de la administración blanca, por lo que este es el único que afecta el encabezado.

Como puede ver en el ejemplo anterior, la barra de administración predeterminada de WordPress muestra el logotipo de WP en la esquina izquierda. Puede establecer esto en un logotipo personalizado aquí. Será increíblemente pequeño, así que asegúrese de que su imagen esté optimizada tanto en términos de tamaño de archivo como de resolución de espacio. (Protip: use un SVG).

La siguiente opción es la sección de visibilidad de la barra de herramientas, y esto solo le da control sobre aquellos que realmente ven al administrador en el frente. Nada más elegante que eso. Siguiendo el menú personalizado y el menú CSS y los elementos CSS.
Agregar un elemento de menú personalizado es igual de simple para hacer clic en el + agregar un elemento personalizado y seguir los pasos para agregar el enlace deseado. Elija el icono, donde se abre (pestaña nueva o la misma), el icono que muestra, visibilidad, etc.
Una vez que haya guardado, aparecerá en la parte superior de la pantalla.
Y finalmente, hay un CSS personalizado, que es exactamente lo que esperas. Código CSS que se aplica solo a la barra de administración.
Y eso es eso. Branda sigue los mismos pasos para todas las opciones de etiquetado blanco. Puede agregar logotipos, CSS, fondos personalizados, etc. a cualquier parte de WordPress que desee. Y, como puede ver con este ejemplo en particular, es fácil y rápido. Esto significa que solo necesita materiales de carga y, en unos pocos clics, su sitio será blanco como una nieve recién conducida. Puede obtener más información sobre Branda y WPMU Dev aquí. Otros complementos de etiquetas blancas superiores para WordPress si no está en Branda, y está bien. Tenemos algunos de los otros complementos superiores para la etiqueta blanca para WordPress, para personalizarte y marcar la instalación como lo desee. Aunque todos logran el mismo propósito, cada uno es ligeramente diferente y adecuado para otro tipo de usuario. Etiqueta blanca cms
Si es rápido y fácil, White Label CMS es absolutamente algo que debería ver. El trabajo real que hará con este complemento dura unos minutos. No obtendrá una gran cantidad de personalización (como lo hace con la Branda anterior, por ejemplo), pero lo que pierde en detalle gana en eficiencia. Si no tiene la intención de cambiar literalmente cada cosa pequeña, pero desea una nueva página de conexión, panel de administración, encabezado / sótano, etc., este podría ser un complemento excelente para usted. Lo que ofrece el administrador personalizado absolutamente lleno de encanto. La interfaz de uso no solo es simple y fácil de usar, sino que las opciones son simples y fáciles de entender. Puede ver lo que cambia dentro del enchufe en el complemento, lo que significa que puede mantener sus mensajes, colores, logotipos y otras personalizaciones de acuerdo. No asuma que si ha hecho X, Y o Z: puede ver todo en un solo lugar. Lo cual nos gusta mucho y creemos que lo harás. Más información la marca White Selge
Si desea un mayor control sobre los usuarios, White Label Branding es definitivamente una opción premium que debe considerar. Obtenga las opciones normales para el etiquetado blanco en el sitio, pero también recibe una plataforma de administración de usuarios personalizada. Desde la página del producto: hemos agregado una sólida gestión de roles y capacidad, que le permitirá crear nuevos roles de usuario y asignar capacidades. Puede agregar nuevas funciones para ciertos roles de usuario e incluso puede crear una cuenta de administrador “falsa”. Esto se puede usar si desea proporcionar a sus clientes acceso “administrador”, pero aún limita lo que tienen. El verdadero administrador también estará oculto de la lista de usuarios. Por lo tanto, un cliente con la cuenta de administrador “falsa” nunca sabrá que no tiene acceso completo a todas las funciones. Por $ 25, muy bien. Más editor de información del editor de información AdministratordMin Editor viene en una versión gratuita o profesional, aunque la versión gratuita hace mucho, tal vez suficiente para la mayoría de ustedes. Tiene control CSS, cambios frontales, cambios de back-end y edición de deslizamiento y colocación. La versión gratuita no presenta una edición o restricción del rol, pero si no es una colina, AME es un obsequio que puede etiquetar a WordPress con lo mejor. Más información cusmin