Cómo expandir la personalización de WordPress

En 2013, la versión Green de WordPress 3.4 introdujo el personalizador entre las masas. Si está preparado para un viaje en la ruta de la memoria, aquí está la publicación del anuncio en Crear WordPress. No sin una parte justa de las decepciones, Customizer ha buscado y aún hace que la accesibilidad y la retroalimentación cambien instantáneamente que realiza en su sitio web de WordPress. Sus comienzos más humildes se centraron en cosas más pequeñas, como cambiar el color de fondo del sitio o cambiar el título del sitio, pero para cualquiera que realmente entendiera lo que representa, significaba que los usuarios de WordPress tendrían:
La capacidad de obtener una vista previa de los cambios antes de ponerlos en vivo en su sitio.
Una base para los desarrolladores de complementos y temas para proporcionar configuraciones y opciones de acuerdo con las mejores prácticas de WordPress.
No hace falta decir que el valor básico del personalizador lo ayudó a resolver su dolor desde el principio y convertirse en una característica que es significativa y buena de usar.

En esta publicación, echaremos un vistazo a las diversas formas en que cualquiera puede capitalizar el poder de las costumbres para expandir su sitio de WordPress. Llegaremos a algunas técnicas de desarrollo aquí y allá, pero en lugar de darle tutoriales de juego por juego, queremos compartir recursos y guías en otros lugares que pueda usar para implementar lo que lee aquí.
Una imagen general, sin embargo, dividimos esta publicación en tres secciones principales:
Expandir la personalización con complementos .org
La expansión del personalizador con un desarrollo personalizado simple
Expandir el personalizador personalizado con desarrollo personalizado avanzado
Pero primero … ¿qué hay de nuevo en el país de Customizer? El personalizador es desde el principio y comienza a madurar en el conjunto de características. Con el tiempo, como en el caso de WordPress en general, las funciones facilitadas por las características se revisan y ocasionalmente se proponen para la combinación en el núcleo. 4.7 Vaughan fue la última versión principal principal y llegó al paquete con algunas actualizaciones bastante importantes para personalizador. Personar los cambios de los cambios en las debilidades de Customizer fue que cualquier cambio que realice en la configuración de los cambios, la configuración de cambios, etc., que no Publique de inmediato, se pierden si cierra la ventana. Changesets resuelve esto almacenando la configuración de su sesión en segundo plano, manteniéndolos disponibles para futuras referencias. Cada modificación realizada en una configuración de personalizador se guarda en un conjunto de cambios (un nuevo tipo de publicación Customize_Changeset). Este importante cambio establece los cimientos para actualizaciones significativas en términos de revisiones, cámaras previas para compartir, etc. que están en progreso.
CSS personalizado Se ha agregado una nueva sección a la vista de personalización predeterminada, que ofrece a los usuarios una entrada simple para agregar CSS personalizado. Hay muchas formas de agregar CSS personalizado a un sitio de WordPress, pero el valor de tenerlo en personalizador es una retroalimentación visual instantánea. Otras actualizaciones fueron otras actualizaciones recientes sobre UI y UX, incluida la capacidad de crear páginas en la vista previa en vivo durante la configuración del sitio. Puede leer más detalles sobre esta publicación de lanzamiento. Permítanos ver ahora diferentes formas en que puede expandir el personalizador para aportar más capacidades a su WordPress. La expansión del personalizador con los complementos .org para la comunidad de WordPress, Repo .org es la piedra base del gran motor de WordPress. Y para cualquiera que busque ir más allá de lo que WordPress ofrece en el núcleo, no solo es un tesoro del tesoro, sino que generalmente es la primera parada en el camino para encontrar lo que es posible. Si desea expandir el personalizador, el almacén .org es el lugar de inicio. Exportar/importar personalización Este complemento de aquellos que nos trajeron el complemento para generar la página Beaver Builder permite un método fácil en el cliente para exportar e importar la configuración del personalizador.
Tiene una evaluación de cinco estrellas en .org con más de 40,000 instalaciones activas que restablecen la personalización es otro complemento que dice: Jake. Restablecer la personalización es muy útil si desea volver a la configuración de personalización original rápidamente. Chequea aquí. Construido por WP Zoom, tiene una evaluación de 5 estrellas y más de 1,000 instalaciones activas personalizan este complemento de publicaciones del equipo aquí a XWP y trae muchas páginas y publicaciones en el cliente. La gran ventaja de este complemento es la retroalimentación instantánea que puede tener para la configuración de publicación/página que generalmente tiene que cambiar de manera previa entre la vista previa y la edición para lograr. Más que nada, este complemento intenta presentar una base para lo que sería una experiencia de edición más simple en el futuro WordPress. Instantáneo instantáneo personalizado hace lo que hemos aludido antes en conjuntos de cambios de personalización. Proporciona una interfaz de uso para permitirle guardar y compartir la personalización. Personalice las instantáneas, guarde el estado de una sesión de personalización, para que puedan compartirse o incluso publicarse en una fecha futura. Se puede compartir un instante con una dirección de URL privada para usuarios autenticados y poco atractivos. Esto significa que cualquiera puede obtener una vista previa de la configuración de un instante en la parte delantera sin cargar el personalizador, y los usuarios autenticados pueden cargar el instante en personalizador y publicar o modificar la configuración en cualquier momento.
https://wordpress.org/plugins/customize-snapshots/ 2. Extender al cliente con un desarrollo personalizado simple cuando los complementos existentes no hacen lo que necesita, el gran trabajo sobre WordPress, si no el mejor, es que un desarrollo simple es un desarrollo simple Personalizado puede llevarlo a menudo a donde quiere llegar. El personalizador, como parte del núcleo, tiene una documentación sólida sobre su extensión y agregando funcionalidad. Nosotros (XWP) trabajamos en una serie de proyectos empresariales de WordPress en los que Customizer era una parte central de la solución. A pesar del tamaño de estos sitios, muchos de los componentes aún usan lo que habría considerado un desarrollo de WordPress simple y estándar. Aquí hay algunos ejemplos sobre cómo puede expandir fácilmente el personalizador. Agregar el soporte base para un logotipo personalizado si desarrolla un tema, o incluso un tema para niños, uno de los usos más simples del personalizador es agregar el tema para un logotipo personalizado. . El personalizador viene con una funcionalidad fuera de la caja para permitir a los usuarios del sitio cargar un logotipo para su sitio, generalmente utilizado en el encabezado o en la navegación superior. Aunque esta característica está disponible como parte del núcleo en 4.5, en realidad debe ser activado por un tema. Para hacer esto, solo tiene que agregar el próximo fragmento a su tema, generalmente a las funciones.php.
add_theme_support (‘Custom-logo’); Agregar el soporte para los temas proporcionará a los usuarios un nuevo control en la pestaña “Identidad del sitio”:
Una vez activado, su tema o complemento deberá eliminar el logotipo. Por lo general, usarías algo de la siguiente manera. Thema_prefix_the_custom_logo () function {if (function_exists (‘the_custom_logo’)) {
el logotipo personalizado ();
}
} Para obtener más detalles sobre cómo agregar el soporte para los temas para un logotipo personalizado, incluidos los argumentos personalizados, visite esta página del Codex de WordPress. Paneles, secciones, controles y configuraciones El verdadero valor del personalizador para los desarrolladores de temas y complementos es el marco que ofrece para agregar la configuración. Su estructura se basa en gran medida en la experiencia visual de los usuarios finales. La interfaz de uso de personalización se divide en:

paneles
sección
control S
ajustes
Al romperlo un poco más, tenemos: Paneles: la API de los paneles personalizadores se ha introducido en WordPress 4.0 y permite a los desarrolladores crear una capa adicional de jerarquía más allá de los controles y secciones. Secciones: las secciones son contenedores para los controles del personalizador. Aunque puede agregar comandos personalizados a las secciones básicas, si tiene más opciones, es posible que desee agregar una o más secciones personalizadas. Controles: los pedidos son el objeto de personalización principal para crear la interfaz de uso. Específicamente, cada control debe estar asociado con una configuración, y esta configuración guardará los datos ingresados ​​por el control en la base de datos. Configuración: la configuración son los datos reales, guardados en la base de datos, que utilizan el tema o el complemento. Visualmente, tenemos algo como esto:

Editar y agregar paneles, secciones, controles y configuraciones en su tema o complemento es bastante fácil. Especialmente con los buenos documentos disponibles. Consulte personalización de la documentación de la API. Configuración: cambios en el tema frente a las opciones iniciales, el personalizador se centró en facilitar la configuración del tema. A medida que ha crecido, el valor que aportaría a los desarrolladores y usuarios de arado ha sido reconocido. Sin embargo, la configuración de personalización se ha relacionado con los temas. Esto significaba que si se cambiaba un tema, la configuración personalizada desapareció con él. Para resolver esto, se agregó un segundo tipo de configuración, una opción, a la mezcla. Desde un punto de vista funcional, los datos de una opción se almacenan en la tabla WP_options, lo que significa que están disponibles fuera de cualquier tema activo. Perfecto para complementos. El tipo de configuración original, el relacionado con un determinado tema, ahora se llama modo de tema. Para obtener más detalles y una demostración de las diferencias, consulte los documentos aquí. Establecer notificaciones Al usar comandos de personalización, es útil obtener comentarios si un campo obligatorio está vacío o si un campo tiene un valor no válido. Por ejemplo, si desea que un usuario ingrese un código hexadecimal para un color de marca, hay un cierto formato en el que debe ser. Comprender mal, el usuario debe saberlo para poder reparar. La API de notificación de personalizador permite mostrar un mensaje por encima de un campo. Para mostrar mensajes de error rojos, simplemente cree una llamada PHP inversa. También puede establecer advertencias y notificaciones con JavaScript.
Apoyando la actualización selectiva Al escribir widgets de WordPress personalizados o cualquier otro elemento que PHP juegue por PHP, puede permitirse el lujo de actualizar selectivamente. Esto ofrece comentarios rápidos para los cambios que realiza a los controles relacionados, ya que solo carga la parte relevante o parcial de la pantalla que pertenece al widget. De lo contrario, se recargará toda la ventana de vista previa. Customizer Tech Load Weston Tarife describe cómo activar la actualización selectiva en esta publicación de Core de WordPress. El caso más simple implica solo dos líneas PHP en la clase de widgets. Para los widgets jugados a través de JavaScript, hay una configuración un poco más compleja. Esta característica fue uno de los resultados centrales de WordPress de una gran plataforma que construimos con News Corp Australia. Hemos creado algunas funciones de construcción de la página con personalización, y la actualización selectiva ha acelerado significativamente la experiencia del usuario. “Recuerdo haber trabajado en él en un vuelo que cruza el Pacífico desde Sydney”, dijo Ruter. 3. Extensión de los controles de desarrollo personalizados personalizados personalizados Personalizados que se presentan a través de JavaScript de una manera tradicional, utilizaría la API PHP para reproducir los controles y configuraciones del personalizador. Pero mostrarlos con JavaScript y Underscore.js es a menudo más eficiente. Permite el uso de la API de personalizador JavaScript para crear controles dinámicamente. Como se muestra en la documentación, el primer paso es registrar el tipo de control. En un gancho de acción para personalize_register, coloque esta línea: $ wp_customize-> register_control_type (‘
Controlle_personalized ‘); También necesitará una forma de inyectar datos basados ​​en PHP. La documentación muestra una forma de hacerlo implementando el método To_json () de su clase de control personalizada. Luego puede enviar datos adicionales al control. Luego cree la plantilla de subrayamiento implementando el método content_template () de su control personalizado. Y crear un método vacío para render_content (). Después de seguir estos pasos, puede crear controles dinámicamente utilizando la API JavaScript. Personalizar + publicaciones de tarta corta tradicionalmente, las publicaciones de WordPress se editan en /wp-admin, sin una vista previa en vivo en vivo. El complemento personaliza las publicaciones, mencionadas en la sección del complemento, permite la edición en vivo y la vista previa de las publicaciones en Customizer. Con el desarrollo personalizado, puede obtener más comentarios en vivo. Usando esto con el complemento Shortcake, puede desarrollar una interfaz de uso de campo personalizado. Y los verá previamente vista en el personalizador, utilizando la plantilla personalizada que codifica. Además, la expansión del complemento de Explorer de medios permitirá que los tipos de medios personalizados se muestren en la aduana, mediante el uso de la personalización de publicaciones. Ofrece una forma de agregar sonido externo, video y redes sociales y ver una vista previa en vivo. ¿Qué sigue para el personalizador?
El personalizador, junto con la API de WordPress y el editor de texto, es uno de los tres puntos centrados en el proyecto de WordPress este año. El valor que aporta a los usuarios y desarrolladores finales está probado, y el desafío ahora se basa en lo que tenemos. El equipo de personalizador y la comunidad tienen estas cosas en el visor para las siguientes versiones: reducir la experiencia del usuario cuando va entre la edición de contenido y la personalización de la plantilla
Basado en los conjuntos de cambios, ingrese revisiones

¿Le gustaría contribuir a Customizer? Customizer es un proyecto comunitario y ha contribuido de cientos de personas. Ciertamente transforma cómo todos construimos nuestros sitios de WordPress, pero aún no es perfecto. Si cree que desea contribuir al proyecto, entonces la puerta está más que abierta.

Una cosa que hacer cuando contribuye a Customizer, o WordPress en general, es que no tiene que ser un desarrollador increíble o incluso un desarrollador. El valor que los gerentes de proyecto, los diseñadores, los profesionales de UX o incluso las pruebas son más de lo que todos creemos. Si desea ser parte de la increíble comunidad que dirige WordPress antes del 51% de la web, puede obtener más información a través de estos diferentes:
Si está en Slack (debería estar), #Core-Personize el canal en WordPress Slack.
La página de componentes del personalizador ofrece una puerta para los boletos en los que están trabajando.
Además, la etiqueta de personalización de publicaciones en Make/Core es el lugar donde puede ir para conocer los anuncios y noticias recientes.