Cómo personalizar un tema de WordPress con Microthemer










  • ¿Alguna vez te has preguntado cuánto más fácil sería personalizar un tema de WordPress con CSS y ver esos cambios sobre la marcha? Bueno, hay un excelente complemento de personalización de temas de WordPress llamado Microthemer que permite precisamente eso.

    A menudo, es necesario realizar cambios en el código y luego publicarlos para ver cómo resultaron. Con Microthemer puede editar visualmente el código CSS y ver los cambios a medida que los realiza. No hace falta decir que esto hace que el proceso de agregar CSS a su tema de WordPress sea mucho más fácil.

    ¿Qué es un tema de WordPress?

    Cuando alguien piensa en un tema de WordPress, generalmente piensa en un aspecto preestablecido, con un diseño, colores y estilo preestablecidos. Sin embargo, qué es exactamente un tema en WordPress.

    En pocas palabras, un tema de WordPress cambia el diseño de su sitio web. También cambia el diseño, como el uso de barras laterales, pies de página y encabezados.

    Cambiar su tema cambia la apariencia de su sitio en el front-end. En otras palabras, cambia lo que ve el visitante del sitio cuando visita su sitio web.

    Uso de Microthemer para editar temas de WordPress

    Hay varios creadores de páginas de WordPress realmente buenos disponibles para que desarrolles temas internos. Sin embargo, Microthemer es un poco diferente a eso.

    Microthemer es un complemento de editor visual de CSS que le permite ver los cambios que realiza en su sitio web a medida que los realiza. Su interfaz intuitiva trae el código CSS al front-end.

    Complemento de microtermo

    Lo que esto significa es que todo lo que tiene que hacer es mover los elementos de la página con el mouse. El punto conflictivo de Microthemer es que el complemento le permite ver todos los cambios de CSS a medida que los realiza.

    Esto significa que puede ver exactamente lo que está haciendo y cómo se verá antes de publicar las actualizaciones del código CSS.

    Este complemento de editor visual de WordPress le brindará todas las herramientas que necesita para realizar cambios en el código CSS en cualquier lugar de su sitio web y ver los cambios en tiempo real.

    Echemos un vistazo rápido a cómo personalizar un tema de WordPress usando Microthemer.

    Nota: este complemento será difícil de usar para principiantes o para cualquier persona que no esté familiarizada con la codificación CSS. Sin embargo, ofrece un control casi absoluto de la apariencia de su tema, lo que puede hacer que valga la pena aprender a usar la herramienta.

    Instalar microtermo

    Para usar el complemento de personalización de temas de WordPress de Microthemer, debe instalarlo y activarlo . Puede hacerlo desde el repositorio de complementos en su panel de administración.

    Instale y active el complemento de personalizar el tema de wordpress

    Una vez que el complemento se haya instalado y activado, haga clic en Microthemer > Preferencias y eche un vistazo a las preferencias del complemento. Si desea cambiar y adaptarlos a lo que necesita, aquí es donde lo haría.

    Haga clic en microthemer y luego haga clic en preferencias

    Cuando llegue a la página de preferencias, verá 4 pestañas. Ellos son:

    • General
    • CSS/SCSS
    • Idioma
    • Inactivo

    General

    Haga clic en la pestaña "General". Aquí podrá configurar algunas preferencias rápidas y generales de la manera que desee.

    Pestaña General

    CSS/SCSS

    Ahora vaya a la pestaña CSS/SCSS. Estas son todas las configuraciones de estilo CSS que puede ingresar en consecuencia. También podrá configurar fuentes, sombreado, posición, degradado y mucho más.

    Pestaña Css y scss

    Idioma

    Ahora vaya a la pestaña "Idioma" y configure la propiedad de sintaxis CSS como lo desee.

    Pestaña de idioma para el complemento

    Inactivo

    Finalmente, la pestaña "Inactivo" le brinda la opción de eliminar todos los datos de Microthemer si desinstala el complemento. También puede ver todo el código del complemento desde esta pestaña.

    Pestaña inactiva para personalizar un complemento de tema de wordpress

    Personalización de su tema de WordPress

    Cuando esté listo para personalizar un tema de WordPress, haga clic en la pestaña "Microthemer" en el menú de la izquierda en su panel de administración de WordPress.

    Esto abrirá su tema dentro del complemento y le presentará todas las herramientas con las que viene este complemento de personalización de tema de WordPress en particular.

    Complemento de microthemer abierto

    En la parte superior izquierda, verá las pestañas en las que puede hacer clic para ver cómo se ve su sitio en diferentes dispositivos y tamaños de pantalla. Las pestañas se titulan:

    • Todos los dispositivos
    • Escritorio grande
    • Escritorio y tableta
    • Tableta y teléfono
    • Teléfono

    Haga clic en estos para ver su sitio mientras trabaja y ver cómo se ven sus cambios en diferentes dispositivos. Tenga en cuenta que es importante asegurarse de que su sitio web sea compatible con dispositivos móviles .

    Pestañas de dispositivo y tamaño de pantalla

    En la parte superior derecha, verá un menú que ofrece muchas opciones diferentes. Cómo los usas a todos depende de ti.

    También verá los botones "Desbloquear" y "Comprar". Esto se debe a que Microthemer tiene una versión pro del complemento. Puede acceder a todo eso y a las actualizaciones profesionales haciendo clic en esos botones.

    Menú principal

    Objetivo

    El botón negro "Objetivo" en la parte superior izquierda hace que sea muy fácil para usted seleccionar elementos específicos y cambiarlos. Simplemente haga clic en él para usarlo.

    botón objetivo

    Una vez que se haya hecho clic en el botón, arrastre el mouse alrededor del tema y las secciones del mismo se resaltarán automáticamente.

    Resalta secciones para que puedas personalizar

    Selectores existentes

    Finalmente, para administrar los selectores existentes, haga clic en el enlace "Selectores" en la parte superior izquierda y aparecerá un menú desplegable. Allí verás todos tus selectores de temas actuales y podrás administrarlos como quieras.

    Pestaña del menú de ayuda

    Esta podría ser la pestaña más importante para ti por un tiempo. Recuerde, este complemento de personalización de temas de WordPress no es fácil de usar para principiantes.

    Dicho esto, Microthemer ofrece bastantes documentos de ayuda y otros recursos útiles. Encontrará todo eso en esta pestaña de menú.

    Pestaña de ayuda para personalizar un tema de wordpress

    Encontrará videos, consejos, referencias y otros tutoriales que lo ayudarán en el proceso de intentar personalizar un tema de WordPress .

    Ventajas de usar Microthemer

    Una de las mayores ventajas de usar este complemento para personalizar un tema de WordPress es la cantidad de control que tiene. En lugar de examinar líneas y líneas de código en la hoja de estilo de su tema, se puede hacer clic fácilmente en elementos específicos.

    Esto significa que puede afectar directamente los cambios en los encabezados, las fuentes y cómo aparece la barra lateral, todo desde la pantalla de vista previa en vivo sin perder tiempo revisando el archivo stylesheet.css .

    Microthemer también funciona en todos los temas. Esto significa que puede realizar cambios visuales en el código CSS de cualquier tema que haya instalado.

    Y aunque el complemento tiene un poco de curva de aprendizaje, realmente no necesita entender todo sobre CSS para usarlo. Por ejemplo, tiene un selector de color visual si desea cambiar la apariencia de su fuente.

    Pero es excepcionalmente beneficioso si al menos sabe un poco sobre CSS antes de saltar a Microthemer. Puede aprender fácilmente los conceptos básicos en sitios como W3Schools.com .

    Pensamientos finales

    Cuando personaliza un tema de WordPress con código CSS, puede ser difícil obtener los resultados que desea. Tienes que ir y venir continuamente entre las versiones en vivo y borrador de un tema de WordPress.

    Si bien Microthemer no es bueno para principiantes, brinda a los desarrolladores y a otros la oportunidad de cambiar y actualizar fácilmente el código CSS sobre la marcha. Recomiendo probar el plugin por ti mismo para ver si te gusta.

    ¿Ha probado otros complementos personalizados de personalización de temas de WordPress con estilo CSS? ¿Tiene un favorito o Microthemer hizo el truco por usted?










  • Subir