widgets tag register español create codex wordpress widget sidebar

tag - wordpress create widget



Wordpress-mostrar widget específico (5)

Estoy un poco perdido

Digamos que tengo un pie de siderbar dínmico. Fácil hasta ahora.

<footer> <?php get_sidebar("name") ?> </footer>

Lo disipa en el pie de página.

Pero aquí estamos. Quiero CADA widget dentro de mi cuadrícula:

<footer> <div style="width: 100px:"> <div style="width: 25%">First widget here</div> <div style="width: 25%">Second widget here<</div> <div style="width: 25%">Third widget here<</div> <div style="width: 25%">Fourth widget here<</div> </div> </footer>

Entonces, get_sidebar no es una opción ahora, ya que muestra todos los widgets en una fila. Y no quiero editar los widgets en sí.

¿Cómo lo hacen en temas?

Gracias.


Alternativamente también puede utilizar:

<?php dynamic_sidebar( ''sidebar-1'' ); ?>



Puede usar el complemento de opciones de widgets para restringir o controlar la visibilidad de los widgets en cualquier página y dispositivo; disponible de forma gratuita en el repositorio: https://wordpress.org/plugins/widget-options/ . O intente usar widget_display_callback https://developer.wordpress.org/reference/hooks/widget_display_callback/ . Espero que esto ayude.

function custom_display_callback( $instance, $widget, $args ){ if( is_page() ){ return false; } return $instance; } add_filter( ''widget_display_callback'', ''custom_display_callback'', 50, 3 );



También es una buena referencia - Referencia de funciones / barra lateral dinámica «WordPress Codex

Si usas el método en esa página:

<ul id="sidebar"> <?php if ( !dynamic_sidebar() ) : ?> <li>{static sidebar item 1}</li> <li>{static sidebar item 2}</li> <?php endif; ?> </ul>

A continuación, puede utilizar el estilo CSS para colocar los widgets de la barra lateral en el pie de página.

Editar para incluir lo siguiente ...

Arras tema CSS:

#footer { margin: 20px auto 0; width: 980px; background: #ECEBE6; padding-bottom: 10px; border: 1px solid #CCC; } #footer .widgetcontainer { padding: 5px 10px; min-width: 150px; } .no-js #footer .widgetcontainer { height: 190px; } #footer .widgettitle { background: none; border: none; font-size: 14px; color: #444; padding: 0 0 10px; letter-spacing: -1px; } #footer .widgetcontent { font-size: 12px; background: none; padding: 0; border: none; } #footer .footer-message { margin: 0; padding: 10px 15px 0; font-size: 11px; } #footer .footer-message p { margin: 0 0 0.5em; } #footer .footer-message .floatright { margin-left: 20px; } #footer-sidebar { overflow: hidden; margin: 10px 10px 0; padding: 0 0 10px; border-bottom: 1px solid #CCC; } #footer-sidebar .widgetcontainer { float: left; margin: 0; max-width: 250px; } #footer-sidebar ul { list-style: none; margin: 0; padding: 0; } #footer-sidebar li { margin: 0 0 3px; }

Codificación de pie de página:

<ul id="footer-sidebar" class="clearfix xoxo"> <?php if ( !function_exists(''dynamic_sidebar'') || !dynamic_sidebar(''Footer'') ) : ?> <li></li> <?php endif; ?> </ul>

En el tema, a continuación, coloca los widgets a través de la página.