Cómo añadir buscador con plugin Ajaxy Live Search

[hacktomhkm]

saludos estoy por retomar mi web Hacktom.com y le cambie el tema pero no permite widgets del lado derecho o bueno en las barras laterales

y necesito poner un buscador solo quiero eso y quiero ver como me pueden ayudar si poner un widget ( algun plugin) del lado derecho o en la parte de la cabecera ya pude poner un buscador pero yo necesito el buscador que maneja el plugin "Ajaxy Live Search" espero me entiendan y puedan ayudarme 😛



Necesito un buscador en la parte de arriba que sea el del plugin "Ajaxy Live Search"

o un plugin para poner un widget y poner el plugin "Ajaxy Live Search" en la parte derecha pero mi tema no deja tener Widgets en los laterales



saludos a todos 😛

 

[jfgancia]

Podes generar un nuevo espacio para widgets en el head, es muy simple.
1. Copia y pega este codigo en tu archivo functions.php de tu theme.

register_sidebar(array(
'name' => 'Espacio Head',
'id' => 'espaciowidgethead',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
'description' => 'Todo lo que este acá va al head.'
));

Luego de meterlo en el functions vas a tu theme y abrís el head. Ubicas donde quieras que aparezca el widget lo siguiente:

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('espaciowidgethead') ) : else : ?>
<?php endif; ?>

Listo ahora vas a tu wp-admin y vas a tus widgets te debria aparecer un nuevo lugar para colocar widgets y metes el pluggin que quieras.
Espero que te sirva, notificamelo cuando lo hagas así se si te sirvió o no mi ayuda.
Saludos!!

 

[hacktomhkm]

Podes generar un nuevo espacio para widgets en el head, es muy simple.
1. Copia y pega este codigo en tu archivo functions.php de tu theme.

register_sidebar(array(
'name' => 'Espacio Head',
'id' => 'espaciowidgethead',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
'description' => 'Todo lo que este acá va al head.'
));

Luego de meterlo en el functions vas a tu theme y abrís el head. Ubicas donde quieras que aparezca el widget lo siguiente:

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('espaciowidgethead') ) : else : ?>
<?php endif; ?>

Listo ahora vas a tu wp-admin y vas a tus widgets te debria aparecer un nuevo lugar para colocar widgets y metes el pluggin que quieras.
Espero que te sirva, notificamelo cuando lo hagas así se si te sirvió o no mi ayuda.
Saludos!!

Muchas gracias realmente muuuchas gracias me funciono muchisisismo ya pude gracia a ti ahora si quieren pueden verlo en mi web ya incluso lo centre solo me falta que resalte por que se pierde aun nose como solucionarlo pero ya gracias muuchas gracias 😀

 

[jfgancia]

Muchas gracias realmente muuuchas gracias me funciono muchisisismo ya pude gracia a ti ahora si quieren pueden verlo en mi web ya incluso lo centre solo me falta que resalte por que se pierde aun nose como solucionarlo pero ya gracias muuchas gracias 😀

Proba agregando un nuevo div y adentro el código que te pase.
Agrega esto a tu plantilla .css

.buscador {
margin-top: 10px;
background: #84B3B1;
height: 40px;
padding-top: 5px;
width: 100%;
}

Ahora ve a donde metiste el código que te pase anteriormente y dejalo así:

<div class="buscador">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('espaciowidgethead') ) : else : ?>
<?php endif; ?>
</div>

Después podes jugar con los colores, creo que queda bien así..
Espero que te sirva y tu respuesta.

Te debería quedar así: http://grab.by/uM7o

 

[hacktomhkm]

no pudiste darme mejor color 😀 muchas gracias nuevamente quedo perfecto ahora solo me falta reactivar el contenido y agregar el logotipo pero tengo una duda y quiero saber cuanto cobras tu por diseño web desde 0 veo que sabes del tema y estaria interesadisimo en poder trabajar contigo no encuentro como agradecerte para muchos es algo muy sencillo pero tu me diste la respuesta y lo agradesco ciertamente me siento en deuda contigo gracias por tu ayuda saludos

Proba agregando un nuevo div y adentro el código que te pase.
Agrega esto a tu plantilla .css

.buscador {
margin-top: 10px;
background: #84B3B1;
height: 40px;
padding-top: 5px;
width: 100%;
}

Ahora ve a donde metiste el código que te pase anteriormente y dejalo así:

<div class="buscador">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('espaciowidgethead') ) : else : ?>
<?php endif; ?>
</div>

Después podes jugar con los colores, creo que queda bien así..
Espero que te sirva y tu respuesta.

Te debería quedar así: http://grab.by/uM7o

 

[jfgancia]

no pudiste darme mejor color 😀 muchas gracias nuevamente quedo perfecto ahora solo me falta reactivar el contenido y agregar el logotipo pero tengo una duda y quiero saber cuanto cobras tu por diseño web desde 0 veo que sabes del tema y estaria interesadisimo en poder trabajar contigo no encuentro como agradecerte para muchos es algo muy sencillo pero tu me diste la respuesta y lo agradesco ciertamente me siento en deuda contigo gracias por tu ayuda saludos

No hay de que, enviame un mp y podemos hablarlo a través de facebook y arreglar todo por ahí por medio de chat.

 

[hacktomhkm]

bro una duda cuando pongo otro widget se pone de bajo y no aun lado del que acabo de poner se tiene forma de solucionar ese detalle?

No hay de que, enviame un mp y podemos hablarlo a través de facebook y arreglar todo por ahí por medio de chat.

 

[jfgancia]

La forma de solucionarlo es la siguiente:
Edita el buscador en el .css

.buscador {
margin-top: 10px;
background: #84B3B1;
height: 40px;
padding-top: 5px;
width: 100%;
display:inline-block;  //Agregas esto!
}

Luego agregas esto:

.widgetflotante {
float:left;
margin-left:10px;
}

Con esto se te va a mover a la izquierda todo pero para solucionarlo agregamos un div mas..

.sobrebuscador {
width:960px;
margin:auto;
}

y quedaría asi el código:
En functions.php editas lo que te hice poner antes y lo dejas así:

register_sidebar(array(
'name' => 'Espacio Head',
'id' => 'espaciowidgethead',
'before_widget' => '<div class="widgetflotante">',
'after_widget' => '</div>',
'before_title' => '',
'after_title' => '',
'description' => 'Todo lo que este acá va al head.'
));

Y ahora vamos a donde ubicaste el código donde debería aparecer el widget y lo dejamos así:

<div class="sobrebuscador">
<div class="buscador">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('espaciowidgethead') ) : else : ?>
<?php endif; ?>
</div>
</div>

Con eso debería andar, saludos y espero tu MP!
Avisame si te sirvió, debería andar.