Cómo agregar un área de widget personalizada a los temas de WordPress

Si conoce bien los temas de WordPress, debe saber que toneladas de temas de WP vienen con áreas listas para widgets o widgets como la barra lateral, el pie de página y el encabezado.

Si visita el Panel de administración de su sitio y se dirige a Apariencia, Widgets, encontrará la lista de widgets disponibles y se le ofrecerá arrastrarlos y soltarlos para activarlos o desactivarlos.

Pero además de usar widgets de WP predeterminados, también puede agregar un área de widgets personalizada a su tema de WordPress para agregar enlaces personalizados, textos, enlaces sociales, menús de navegación, calendario y mucho más.

¿Qué es Widget en WordPress?

Los widgets son módulos que permiten al usuario agregar contenido y características a ciertas áreas temáticas denominadas áreas preparadas para widgets o barras laterales.

Inicialmente, se agregaron a los temas para generar una forma sencilla de administrar el diseño y la estructura del tema.

Por ahora, puede encontrar muchos temas de WordPress con widgets para agregar encabezado, pie de página y barra lateral en el diseño y la estructura del tema de WordPress sin tener que ver con ningún control de codificación.

Estos widgets pueden incluso ofrecer opciones de personalización para agregar o eliminar, administrar o cambiar información, imágenes, enlaces, galerías, etc.

Los desarrolladores de WordPress también pueden crear áreas de widgets personalizadas. También hay muchos temas y complementos modernos con sus propios widgets personalizados que puede agregar rápidamente a su barra lateral mientras supera cualquier proceso de codificación.
Si no encuentra el área de widgets necesaria en su sitio web de WordPress, puede agregar fácilmente un área de widgets personalizada a su WordPress con la ayuda de una pequeña codificación o complementos adicionales.

1. Agregue un área de widget personalizada a su WordPress creando un complemento específico del sitio:

Ahora, permítanos guiarlo a través de la primera forma de agregar un widget personalizado a su sitio de WP que tiene que ver con pegar el código en el archivo functions.php.file de su tema.

Antes de crear un widget personalizado, debe crear un complemento específico del sitio para pegar el código necesario en él, ya que, si pega el código en functions.php.file, no estará disponible hasta que el tema dado esté activo.

Puede crear manualmente un complemento específico del sitio u obtenerlo del cliente FTP que está utilizando. Recomendamos la segunda opción para principiantes ya que es mucho más simple y fácil de seguir.

Conecte su sitio WP a través del cliente FTP, luego vaya a la carpeta /wp-content/plugins en la columna del sitio remoto. Seleccione la carpeta de complementos específica del sitio y cárguela en su sitio.

La carpeta de complementos específicos del sitio se transferirá a su sitio y podrá instalarla en el sitio web.

Ahora, solo se debe realizar la activación yendo a la página Complementos en su panel de administración y activando el complemento específico del sitio desde allí. Ahora este complemento está listo para ser utilizado.

Una vez que se agrega el complemento, puede copiar el código a continuación y agregarlo al complemento para la creación de un widget personalizado que da la bienvenida a sus visitantes.

// Registrarse y cargar el widget
función yoursite_load_widget() {
register_widget('tu_sitio_widget');
}
add_action( 'widgets_init', 'yoursite_load_widget' );

// Creando el widget
class yoursite _widget extiende WP_Widget {

función __construir() {
padre::__construir(

// ID base de su widget
' tu sitio _widget',

// El nombre del widget aparecerá en la interfaz de usuario
__(' Widget de su sitio', 'widget_de_su_sitio_dominio'),

// Descripción del widget
array( 'descripción' => __( 'Widget de muestra basado en el tutorial de SKT', 'yoursite_widget_domain' ), )
);
}

// Creando el front-end del widget

widget de función pública ($ argumentos, $ instancia) {
$titulo = apply_filters('widget_title', $instancia['titulo'] );

// antes y después de que los temas definan los argumentos del widget
echo $argumentos['antes_del_widget'];
if ( ! vacío( $título ) )
echo $argumentos['before_title'] . $título . $argumentos['after_title'];

// Aquí es donde ejecuta el código y muestra la salida
echo __( '¡Saludos!', 'yoursite_widget_domain' );
echo $argumentos['después_del_widget'];
}

// Servidor de widgets
formulario de función pública ($ instancia) {
if (isset( $instancia[ 'título' ] ) ) {
$título = $instancia[ 'título' ];
}
demás {
$título = __( 'Nuevo título', 'yoursite_widget_domain' );
}
// Formulario de administración de widgets
?>

<etiqueta para="get_field_id('título'); ?>”>
<input class="widefat" id="get_field_id( 'title' ); ?>” name=”get_field_name( 'title' ); ?>” type=”text” value=”” />

<?php
}

// Actualizar widget reemplazando instancias antiguas con nuevas
actualización de función pública ($ nueva_instancia, $ antigua_instancia) {
$instancia = matriz();
$instancia['título'] = ( ! vacío( $nueva_instancia['título'] ) ) ? strip_tags( $nueva_instancia['titulo'] ) : '';
devolver $instancia;
}
} // La clase yoursite_widget termina aquí

Tan pronto como se agregue el código, debe visitar el área de administración, Apariencia, Widgets, donde el nuevo widget ya está disponible. Simplemente arrástralo y suéltalo en tu barra lateral. Ahora, será visible en la parte delantera.

2. Agregue un área de widgets personalizada a su WordPress con un complemento:

Otra forma sencilla de crear y agregar widgets personalizados se presenta con complementos prácticos. Use el complemento para agregar áreas de widgets personalizadas, barras laterales y ubicaciones de menú sin enfrentar dificultades en su trabajo.

Agregue un área de widgets personalizada a su WordPress y colóquela en cualquier lugar de su sitio web (barras laterales, encabezado y pie de página, e incluso en la página o el contenido de la publicación).

Barras laterales personalizadas: Administrador de área de widgets dinámicos:

Siempre que desee personalizar y reemplazar las barras laterales y otras áreas de widgets en su sitio web alojado en WordPress, lo que necesitará son barras laterales personalizadas.

Configure rápidamente su barra lateral personalizada y elija en qué publicaciones y páginas, categoría o tipo de publicación desea que se muestren esos widgets.

Paquete de widgets de SiteOrigin:

Una forma ideal de agregar un área de widgets personalizada a su WordPress está disponible con SiteOrigin Widgets Bundle.

Este poderoso complemento viene armado con una útil colección de widgets que puede usar y personalizar de la manera que desee.

La lista de widgets personalizados disponibles en este complemento se ejecuta de la siguiente manera: Widget de Google Maps, Widget de botón, Widget de imagen, Widget de control deslizante, Widget de llamada a la acción, Widget de tabla de precios, Widget de enlaces sociales, Widget de editor, Widget de características, Widget de mampostería, Widget de testimonios y muchos más.

Cuando se trata de marketing en línea, es esencial que tenga su sitio web en funcionamiento en poco tiempo, especialmente si planea superar a su competencia.

Puede acercarse a empresas profesionales de diseño web y, por lo general, le cobrarán una tarifa exorbitante por sus servicios o siempre puede usar una plataforma de WordPress para lo mismo.

Para empezar, es posible que desee consultar el área de widgets personalizados para los temas de WordPress y averiguar cómo hacerlo. La buena noticia es que WordPress es gratuito y una plataforma de código abierto que viene con una gran cantidad de temas gratuitos y premium para que elijas.

No dude en consultar algunos de nuestros temas; así que ahora entiende por qué WordPress es tan popular entre muchos usuarios en línea.

Lo que hace que WordPress sea infinitamente preferible a hacerlo a través de una empresa de desarrollo web es que puede personalizar su propio sitio web con los prácticos widgets.

Los widgets son esencialmente módulos que le permiten agregar contenido, enlaces, imágenes e incluso medios a su sitio web con facilidad. Y lo que es más, no tiene que codificar nada, puede hacerlo todo con unos pocos clics del mouse, es así de fácil.

Además, puede diseñar y configurar un área de widgets personalizada para los temas de WordPress una vez que haya seleccionado el tema adecuado para su sitio web.

Por supuesto, siempre es una buena idea hacer una prueba con los temas de su elección, pero una vez que haya tomado la decisión, deberá comenzar a usar esos widgets para agregar 'carne' al contenido.

Hay muchos widgets personalizados que puede agregar a su sitio web, para que pueda agregar y modificar la barra lateral para presentar contenido interesante. Pero si todavía no estás seguro de cómo hacerlo, sigue leyendo.

Así es como funciona el proceso:

Creación del complemento: antes de que pueda crear un widget personalizado para agregar a su sitio, primero se le pedirá que cree un complemento específico del sitio agregando el código al archivo.

Pero si crearlo manualmente es problemático para usted, puede obtenerlo directamente del cliente FTP que está utilizando.

Todo lo que tiene que hacer es conectarse a su sitio a través del cliente FTP, dirigirse a la carpeta /wp-content/plugins y seleccionar la carpeta de complementos específica del sitio y cargarla en su sitio web.

Una vez que la carpeta del complemento específico del sitio se haya cargado en su sitio, debería poder instalarlo en una sucesión rápida. Ahora, con el complemento instalado, todo lo que tiene que hacer es dirigirse allí y comenzar a crear su propio widget personalizado.

Recuerde que aún tendría que agregar algo de código a su archivo de tema de WordPress, generalmente la carpeta functions.php.

Simplemente busque en línea el código correspondiente, cópielo y personalícelo. El proceso no debería tomar más de unos segundos y con él, deberías estar listo.

Ahora, puede usar el complemento para diseñar y agregar widgets personalizados a su sitio web. Además, hay varios sitios que le permiten consultar los diversos complementos, personalizar y modificar widgets y usarlos para agregar contenido al sitio.

Ahora, con estos widgets personalizados y contenido de alta calidad, su sitio debería obtener una mejor tracción y debería obtener más clientes potenciales que antes.