Cómo usar el editor visual de WordPress para hacer widgets










  • Los widgets en WordPress tienen una gran cantidad de habilidades. Si bien la mayoría provendrá de los complementos que instale, otros pueden estar disponibles en ciertos temas. Sin embargo, también puede usar el editor visual de WordPress para crear widgets.

    Esencialmente, puede convertir algo como una publicación en un elemento efectivo en la barra lateral para sus visitantes. Esto significa que tendrá todas las herramientas disponibles en TinyMCE para construir el widget.

    En este tutorial, le mostraré cómo usar el editor visual de WordPress para crear widgets que atraigan a sus invitados. En solo unos momentos, podrá comenzar a diseñar algo que sea único para su sitio.

    Uso de bloques de contenido

    Hoy usaremos el complemento Bloques de contenido para WordPress. Es una herramienta simple que viene con algunos extras, como el uso de códigos cortos y la adición de elementos que encontrará en el editor visual TinyMCE.

    Y esto incluye funciones y adiciones de algo como TinyMCE Advanced .

    Instale y active "Bloques de contenido".

    Bloques de contenido

    Este complemento agrega un nuevo tipo de publicación personalizada a WordPress. Esto le permite usar el editor visual de TinyMCE para crear widgets.

    Haga clic en la herramienta "Bloques de contenido" en el panel de administración izquierdo.

    Herramienta de bloques de contenido

    Agregar un nuevo bloque de contenido

    Ahora es el momento de agregar nuestro primer widget de contenido en WordPress.

    Haga clic en el botón "Agregar bloque de contenido" en la parte superior de la pantalla.

    Agregar bloque de contenido

    Introduzca un título para este widget. Haz que sea algo que puedas identificar fácilmente.

    Ingrese el título

    Ahora, agregue contenido de widgets al editor visual de cualquier cosa que desee ver en la barra lateral.

    Agregar contenido

    Esto es perfecto para cosas como un botón "Comprar ahora", tablas de datos que desea compartir, imágenes y mucho más. Y dado que este complemento admite códigos cortos, puede agregar cualquier cosa a la que tenga acceso.

    Por ejemplo, usar el complemento Shortcodes Ultimate puede expandir enormemente lo que puede crear.

    Cuando haya terminado, haga clic en el botón "Publicar" a la derecha.

    Publicar

    Uso de shortcode de bloque de contenido

    Antes de continuar, quiero señalar una característica importante de los bloques de contenido. Este complemento crea su propio código abreviado para cada widget que cree con el editor WYSIWYG de WordPress.

    Esto significa que puede pegar este código abreviado en la mayoría de los lugares de su sitio web y mostrará el contenido cuando lleguen los invitados.

    Puede encontrar el código abreviado para este widget a la derecha del editor.

    Código corto

    No necesitaremos el código abreviado para este tutorial, pero quería asegurarme de que sabía que tenía la opción para futuras referencias.

    Puede usar códigos abreviados en cualquier publicación, página y la mayoría de los tipos personalizados en WordPress. Lo que significa que esta función puede ser útil más adelante.

    Adición de su editor visual TinyMCE Widget

    Después de crear el widget para WordPress, es hora de agregarlo a la barra lateral.

    Vaya a Apariencia y haga clic en "Widgets".

    Widgets

    Arrastre y suelte el widget "Bloque de contenido" en la barra lateral. Puede colocar esto en cualquier lugar que considere adecuado para sus propias ideas de diseño. Para este tutorial, solo voy a ponerlo en la parte superior para poder mostrarle el resultado final.

    Soltar bloque de contenido

    Use la ventana desplegable para seleccionar el bloque para mostrar. Debido a que solo tenemos uno disponible en este momento, será el widget predeterminado.

    Seleccionar bloque

    Seleccione sus opciones para el widget. Puede habilitar cosas como mostrar el título de la publicación, imágenes destacadas o evitar que se muestren los filtros. Estos dependen completamente de usted y de cómo desea que aparezca el widget en la barra lateral.

    Seleccione opciones

    Por ahora, voy a dejar las opciones en blanco.

    El widget se guardará automáticamente cuando lo sueltes en la barra lateral. Sin embargo, deberá hacer clic en el botón "Guardar" si realizó alguna modificación en la configuración.

    Guardar widget

    Ahora, tiene un widget WYSIWYG de WordPress listo para los espectadores en su sitio web.

    Widget listo

    Agregar bloques de contenido a publicaciones y páginas

    Los Bloques de contenido no solo funcionan para la barra lateral. También puede agregar widgets hechos con el editor visual a publicaciones y páginas. Esto es útil para situaciones como marketing de afiliados, ofertas especiales de vacaciones o incluso código de AdSense .

    Para esto, simplemente vaya a cualquier publicación o página en WordPress.

    Encima del editor WYSIWYG, encontrará una nueva característica. Haga clic en el botón "Agregar bloque de contenido".

    Botón de bloque de contenido

    Usando el menú desplegable, seleccione el bloque que desea agregar a la publicación o página.

    Seleccionar bloque de contenido

    Haga clic en el botón "Insertar bloque de contenido".

    Insertar bloque de contenido

    El complemento colocará automáticamente el código corto para el widget en la publicación o página.

    Código abreviado automático

    La mejor parte de esto es cómo puede editar ese bloque de contenido en particular y afectará a todas las instancias del sitio web.

    Por ejemplo, supongamos que desea cambiar los banners o enlaces de afiliados. En lugar de ir a cada publicación, página y widget de la barra lateral para pasar el nuevo código, solo tiene que editar el bloque de contenido único.

    ¿No puedes simplemente usar el editor de texto en WordPress para crear un widget?

    La herramienta de edición de texto en WordPress es excelente para ciertas cosas. Sin embargo, no tiene muchas de las herramientas del editor TinyMCE disponibles en la pestaña Visual. Es bastante limitado en lo que puede agregar en términos de atractivo visual.

    Este complemento le da acceso a todos los elementos visuales en el editor WYSIWYG de WordPress. Esto incluye otras herramientas de complemento que quizás desee usar, como el uso de plantillas TinyMCE .

    Amplíe lo que ofrece

    Este es solo un método para crear widgets y mostrar el contenido de la barra lateral. Puedes hacer mucho con WordPress mientras brindas una experiencia completamente única a los visitantes.

    ¿Qué tipo de cosas convertirías en widgets para el sitio web? ¿Utiliza barras laterales, pies de página y encabezados para atraer a su audiencia?










  • Subir