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'' ); ?>
Por favor revisa mi nuevo complemento que muestra un widget específico.
Visite: http://wordpress.org/extend/plugins/widget-instance/
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 );
Puedes usar la función ''the_widget'' para esto:
<?php the_widget($widget, $instance, $args); ?>
Se puede encontrar más información en Wordpress Codex - The_Widget reference .
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.