Crear 4 barras para widgets en pie de página (WordPress)

C

chukistrike Seguir

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Feb 2014
Mensajes
16
Hola,
Para wordpress.
Me gustaría crear 4 barras en el pie de pagina para poder poner widgets. Alguien me podría explicar como hacerlo?
Las tendría que crear, ya que mi theme no tiene.

Gracias, saludos!

EDIT:

Necesito exactamente esto:

Ver el archivo adjunto 22755

Si alguien fuese tan amable de hacermelo se lo agradeceria muchisiimooo!!

Os paso los archivos del footer y sidebar para que me lo podais hacer. Si hace falta otro archivo tipo style.css o algo asi, decirmelo y lo pongo o ponermelo y yo mismo lo pego.

El functions no lo pongo porque esta muy lleno ponerme el codigo k hay k poner i yo lo pego que se donde va.

Bien bien no se que quiere decir que la sidebar sea dinamica o estatica pero imagino que la quiero dinamica para poder poner lo que yo quiera desde los widgets

footer ahora:
PHP: 
<div id="footer">
	<div class="container1">
		<div id="copyleft">
	          Construcción!
		</div>
	</div>
</div>
</body>
</html>

sidebar ahora
PHP: 
<div id="primary" class="widget-area" role="complementary">
	<ul class="xoxo">
		<li id="text-2" class="widget-container widget_text">			
        	<div class="textwidget">
            	<div style="margin-top:10px; background:#f8f8f8; border: 1px solid #b20000;">
				<img src="<?php bloginfo( 'template_url' ); ?>/css/images/headerfiltro.png" width:300px;>
                <center><strong>Buscar película por Género / Año:</strong></center>
				<div style="margin-top:-10px";>
					<div style="margin-left:15px";>
                        <form action="<?php bloginfo('url'); ?>/" method="get"><br />
							<?php
                            $select = wp_dropdown_categories('show_option_none=Género&show_count=0&orderby=name&echo=0&selected=6');
                            $select = preg_replace("#<select([^>]*)>#", "<select$1 onchange='return this.form.submit()'>", $select);
                            echo $select;
                            ?>
                            <input type="submit" value="IR" />
						</form>
                	</div>
                    <div style="margin-right:13px";>
						<div align="right" style="margin-top:-43px";>
                        	<form action="<?php bloginfo('url'); ?>/" method="get"><br />
                            <select name='fecha-estreno' id='fecha-estreno' class='postform'  onchange='return this.form.submit()'>
                            <option value='-1'>Año</option>
                            <?php 		
							$args = array(
							  'taxonomy'     => 'fecha-estreno',
							  'orderby'      => 'name',
							  'show_count'   => 0,
							  'pad_counts'   => 0,
							  'hierarchical' => 1,
							  'title_li'     => false
							);
							$serie = get_categories($args);
							foreach ($serie as $s)
							{
							?>
                            <option value="<?=$s->name;?>"><?=$s->name;?></option>
							<?php
							}
							?>
							</select>
                            <input type="submit" value="IR" />
						</form>
                     	</div>
                   	</div>
				</div>
				<div style="margin-top:8px;"></div>
				</div>
                <!-- BOX 2 -->
                <div style="margin-top:10px; background:#f8f8f8; border: 1px solid #b20000;">
				<img src="<?php bloginfo( 'template_url' ); ?>/css/images/headeralfabetico.png" width:300px;>
				<div style="margin-top:5px";>
					<div style="margin-left:10px";>
                        <input type="button" value="A" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-A'" /> <input type="button" value="B" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-B'" /> <input type="button" value="C" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-C'" /> <input type="button" value="D" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-D'" /> <input type="button" value="E" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-E'" /> <input type="button" value="F" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-F'" /> <input type="button" value="G" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-G'" /> <input type="button" value="H" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-H'" /> <input type="button" value="I" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-I'" /> <input type="button" value="J" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-J'" /> <input type="button" value="K" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-K'" /> <input type="button" value="L" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-L'" /> <input type="button" value="M" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-M'" /> <input type="button" value="N" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-N'" /> <input type="button" value="O" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-O'" /> <input type="button" value="P" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-P'" /> <input type="button" value="Q" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-Q'" /> <input type="button" value="R" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-R'" /> <input type="button" value="S" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-S'" /> <input type="button" value="T" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-T'" /> <input type="button" value="U" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-U'" /> <input type="button" value="V" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-V'" /> <input type="button" value="W" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-W'" /> <input type="button" value="X" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-X'" /> <input type="button" value="Y" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-Y'" /> <input type="button" value="Z" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-Z'" /> 
                	</div>
				</div>
				<div style="margin-top:8px;"></div>
				</div>
            </div>

Muchas gracias y espero que me podais ayudar, ya que estoy muy cansao y desesperado pk no consigo que me queden bien y e mirado mil paginas y lo que puso un compañero arriba.

Saludos!
 
Última edición:
Antremix

Antremix

Zeta
Verificación en dos pasos activada
Desde
14 Nov 2011
Mensajes
1.650
chukistrike dijo:
Hola,
Para wordpress.
Me gustaría crear 4 barras en el pie de pagina para poder poner widgets. Alguien me podría explicar como hacerlo?
Las tendría que crear, ya que mi theme no tiene.

Gracias, saludos!
Hacer clic para expandir...


copia lo del sidebar.php en footer.php luego lo editas desde css :encouragement:
 
Lopezito

Lopezito

Zeta
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
13 Dic 2011
Mensajes
1.515
En el archivo functions.php de tu theme debes crear el siguiente código:

PHP: 
register_sidebar(array(
'name' => __( 'Nombre' ),
'id' => 'sidebar-id',
'description' => __( 'Descripcion' ),
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget'  => '</li>',
'before_title' => '<h1>',
'after_title' => '</h1>'
));

Y creará 1 sidebar, para crear 4 vas a tener que repetir el código 4 veces cambiando los valores principales(name, id).

Luego para llamar a la sidebar es de la siguiente manera:

PHP: 
<?php if (is_active_sidebar( 'sidebar-id' )){ ?>
<ul class="sidebar">
<?php dynamic_sidebar( 'sidebar-id' ); ?>
</ul>
<?php } ?>

Reemplazas "sidebar-id" por el id de la sidebar que quieras colocar :encouragement:

Puedes encontrar más información en:

Function Reference/register sidebar « WordPress Codex
Function Reference/dynamic sidebar « WordPress Codex
 
C

chukistrike

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Feb 2014
Mensajes
16
Necesito exactamente esto:

goo.jpg

Si alguien fuese tan amable de hacermelo se lo agradeceria muchisiimooo!!

Os paso los archivos del footer y sidebar para que me lo podais hacer. Si hace falta otro archivo tipo style.css o algo asi, decirmelo y lo pongo o ponermelo y yo mismo lo pego.

El functions no lo pongo porque esta muy lleno ponerme el codigo k hay k poner i yo lo pego que se donde va.

Bien bien no se que quiere decir que la sidebar sea dinamica o estatica pero imagino que la quiero dinamica para poder poner lo que yo quiera desde los widgets

footer ahora:
PHP: 
<div id="footer">
	<div class="container1">
		<div id="copyleft">
	          Construcción!
		</div>
	</div>
</div>
</body>
</html>

sidebar ahora
PHP: 
<div id="primary" class="widget-area" role="complementary">
	<ul class="xoxo">
		<li id="text-2" class="widget-container widget_text">			
        	<div class="textwidget">
            	<div style="margin-top:10px; background:#f8f8f8; border: 1px solid #b20000;">
				<img src="<?php bloginfo( 'template_url' ); ?>/css/images/headerfiltro.png" width:300px;>
                <center><strong>Buscar película por Género / Año:</strong></center>
				<div style="margin-top:-10px";>
					<div style="margin-left:15px";>
                        <form action="<?php bloginfo('url'); ?>/" method="get"><br />
							<?php
                            $select = wp_dropdown_categories('show_option_none=Género&show_count=0&orderby=name&echo=0&selected=6');
                            $select = preg_replace("#<select([^>]*)>#", "<select$1 onchange='return this.form.submit()'>", $select);
                            echo $select;
                            ?>
                            <input type="submit" value="IR" />
						</form>
                	</div>
                    <div style="margin-right:13px";>
						<div align="right" style="margin-top:-43px";>
                        	<form action="<?php bloginfo('url'); ?>/" method="get"><br />
                            <select name='fecha-estreno' id='fecha-estreno' class='postform'  onchange='return this.form.submit()'>
                            <option value='-1'>Año</option>
                            <?php 		
							$args = array(
							  'taxonomy'     => 'fecha-estreno',
							  'orderby'      => 'name',
							  'show_count'   => 0,
							  'pad_counts'   => 0,
							  'hierarchical' => 1,
							  'title_li'     => false
							);
							$serie = get_categories($args);
							foreach ($serie as $s)
							{
							?>
                            <option value="<?=$s->name;?>"><?=$s->name;?></option>
							<?php
							}
							?>
							</select>
                            <input type="submit" value="IR" />
						</form>
                     	</div>
                   	</div>
				</div>
				<div style="margin-top:8px;"></div>
				</div>
                <!-- BOX 2 -->
                <div style="margin-top:10px; background:#f8f8f8; border: 1px solid #b20000;">
				<img src="<?php bloginfo( 'template_url' ); ?>/css/images/headeralfabetico.png" width:300px;>
				<div style="margin-top:5px";>
					<div style="margin-left:10px";>
                        <input type="button" value="A" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-A'" /> <input type="button" value="B" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-B'" /> <input type="button" value="C" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-C'" /> <input type="button" value="D" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-D'" /> <input type="button" value="E" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-E'" /> <input type="button" value="F" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-F'" /> <input type="button" value="G" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-G'" /> <input type="button" value="H" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-H'" /> <input type="button" value="I" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-I'" /> <input type="button" value="J" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-J'" /> <input type="button" value="K" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-K'" /> <input type="button" value="L" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-L'" /> <input type="button" value="M" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-M'" /> <input type="button" value="N" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-N'" /> <input type="button" value="O" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-O'" /> <input type="button" value="P" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-P'" /> <input type="button" value="Q" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-Q'" /> <input type="button" value="R" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-R'" /> <input type="button" value="S" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-S'" /> <input type="button" value="T" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-T'" /> <input type="button" value="U" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-U'" /> <input type="button" value="V" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-V'" /> <input type="button" value="W" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-W'" /> <input type="button" value="X" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-X'" /> <input type="button" value="Y" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-Y'" /> <input type="button" value="Z" class="button-letra" onmouseover="this.className='button-letra-hover'" onmouseout="this.className='button-letra'" onClick="location.href='<?php bloginfo('url'); ?>/?s=letra-Z'" /> 
                	</div>
				</div>
				<div style="margin-top:8px;"></div>
				</div>
            </div>

Muchas gracias y espero que me podais ayudar, ya que estoy muy cansao y desesperado pk no consigo que me queden bien y e mirado mil paginas y lo que puso un compañero arriba.

Saludos!
 

Adjuntos

  • goo.jpg
    goo.jpg
    16,2 KB · Visitas: 21
C

carlos2928

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Ene 2014
Mensajes
164
eso es facil solo tienes que crear la estructura en html y darle estilo en el css
y para programarla tienes que registrar la en el functions.php

PHP: 
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
		'name' => 'footer-widget',
		'id' => 'footer-1',
		'description'   => ' Barra lateral o sidebar del blog abajo',
		'before_widget' => '<div id="%1$s" class="widget HTML %2$s">',
		'after_widget' => '<div class="clear"></div><div class="clear"></div></div>',
		'before_title' => '<h2>',
		'after_title' => '</h2>',
	));
<!--aqui puedes registrar las sidebars que quieras-->
}

y luego llamar esa funcion dede la estructura que ayas creado para el widget por ejemplo :

PHP: 
<div id="footer1-wrapper">
<div class='footer' id='footer1'>
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer-1') ) ?>
</div>
</div>
 
Última edición:
Hay que estar conectado o registrado para responder aquí.
Arriba