Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo agregar áreas de widgets dinámicos en el pie de página de WordPress

 La sección de widgets en un  tema de WordPress  permite al usuario arrastrar y soltar scripts en la barra lateral o en el pie de página. En este tutorial, veremos  cómo agregar un área de widget dinámico en el pie de página de WordPress .

El widget dinámico permite al usuario cambiar dinámicamente los scripts de pie de página de WordPress.

En estos tutoriales, veremos los pasos para agregar un widget de pie de  página a un tema de WordPress . He escrito este script para  crear un área de widget de cuatro pies de página  para mostrar en el tema de WordPress.

Paso 1. Registre las áreas de widgets

 Primero registraremos áreas de widgets para el pie de página. En este ejemplo, estamos registrando un área de widget de cuatro pies de página. Para hacerlo, siga los pasos que se indican a continuación.

  1. Abrir archivo functions.php
  2. Copie y pegue el siguiente código.
// área del widget del primer pie de página
if (function_exists ('register_sidebar'))
register_sidebar (matriz (
'name' => 'Área 1 del widget de pie de página',
'id' => 'área-widget-pie de página-1',
'description' => 'El área del widget del primer pie de página aparece en el pie de página',
'before_widget' => '<div id = "% 1 $ s" class = "widget% 2 $ s">',
'after_widget' => '</div>',
'before_title' => '<h3 class = "widgettitle">',
'after_title' => '</h3>',
));

// área del widget del segundo pie de página
if (function_exists ('register_sidebar'))
register_sidebar (matriz (
'name' => 'Área de widget de pie de página 2',
'id' => 'área-widget-pie de página-2',
'description' => 'El área del widget del segundo pie de página aparece en el pie de página',
'before_widget' => '<div id = "% 1 $ s" class = "widget% 2 $ s">',
'after_widget' => '</div>',
'before_title' => '<h3 class = "widgettitle">',
'after_title' => '</h3>',
));

// área del widget del tercer pie de página
if (function_exists ('register_sidebar'))
register_sidebar (matriz (
'name' => 'Área de widget de pie de página 3',
'id' => 'footer-widget-area-3',
'description' => 'El área del widget del tercer pie de página aparece en el pie de página',
'before_widget' => '<div id = "% 1 $ s" class = "widget% 2 $ s">',
'after_widget' => '</div>',
'before_title' => '<h3 class = "widgettitle">',
'after_title' => '</h3>',
));

// área del widget del cuarto pie de página
if (function_exists ('register_sidebar'))
register_sidebar (matriz (
'name' => 'Área de widget de pie de página 4',
'id' => 'área de widget de pie de página-4',
'description' => 'El área del widget del cuarto pie de página aparece en el pie de página',
'before_widget' => '<div id = "% 1 $ s" class = "widget% 2 $ s">',
'after_widget' => '</div>',
'before_title' => '<h3 class = "widgettitle">',
'after_title' => '</h3>',
));
 

agregar el script anterior agregará cuatro áreas de widgets a la sección de widgets del tema de wordpress, como puede ver en la siguiente captura de pantalla.

áreas de widgets registradas con éxito, ahora agregamos áreas de widgets al pie de página del tema de wordpress.

Paso 2. Muestra las áreas del widget de pie de página en tu tema.

 Agregar un widget al área de widgets no se mostrará en el sitio web hasta que agregue todo al pie de página del tema. Por lo tanto, abra el archivo footer.php y agregue el siguiente código para mostrar el widget de pie de página en el pie de página de su tema.

<div class = "widget-row">
                    <div class = "footer-widget">
                        <? php
                        if (is_active_sidebar ('footer-widget-area-1')) {
                            dynamic_sidebar ('footer-widget-area-1');
                        }
                        ?>

                    </div>
                
                 
                    <div class = "footer-widget">
                      <? php
                        if (is_active_sidebar ('footer-widget-area-2')) {
                            dynamic_sidebar ('área de widget de pie de página-2');
                        }
                        ?>
                    </div>
               
                  <div class = "footer-widget">	
                      <? php
                        if (is_active_sidebar ('footer-widget-area-3')) {
                            dynamic_sidebar ('área de widget de pie de página-3');
                        }
                        ?>
                    </div>
               		
                 
                    <div class = "footer-widget">
                       <? php
                        if (is_active_sidebar ('footer-widget-area-4')) {
                            dynamic_sidebar ('área de widget de pie de página-4');
                        }
                        ?>
                    </div>
                </div>

 Paso 3. Agregue el CSS a las áreas de widget de pie de página de estilo

             .widget-fila
                    {
                        ancho: 100%;
                    }

                    .footer-widget {
                        flotador izquierdo;
                        ancho: 25%;
                    }
               @media solo pantalla y (ancho máximo: 768px) {
              .footer-widget {
                        flotador izquierdo;
                        ancho: 100%;
                    }
             }
 

Entonces, ha aprendido cómo agregar una sección de widgets para el pie de página en WordPress. Este es un ejemplo de área de cuatro widgets, pero puede personalizarlo fácilmente según sus requisitos. Si tiene alguna consulta, no dude en comentar.

Publicar un comentario

0 Comentarios