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

hacktomhkm · 1 Mar 2014

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 · 1 Mar 2014

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.

Insertar CODE, HTML o PHP:

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:

Insertar CODE, HTML o PHP:

<?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 · 1 Mar 2014

JuanFraG dijo:
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.

Insertar CODE, HTML o PHP:

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:

Insertar CODE, HTML o PHP:

<?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 · 1 Mar 2014

hacktomhkm dijo:
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

Insertar CODE, HTML o PHP:

.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í:

Insertar CODE, HTML o PHP:

<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 · 1 Mar 2014

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

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

Insertar CODE, HTML o PHP:

.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í:

Insertar CODE, HTML o PHP:

<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 · 2 Mar 2014

hacktomhkm dijo:
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 · 2 Mar 2014

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?

JuanFraG dijo:
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 · 2 Mar 2014

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

Insertar CODE, HTML o PHP:

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

Luego agregas esto:

Insertar CODE, HTML o PHP:

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

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

Insertar CODE, HTML o PHP:

.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í:

Insertar CODE, HTML o PHP:

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í:

Insertar CODE, HTML o PHP:

<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.

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

hacktomhkm

jfgancia

hacktomhkm

jfgancia

hacktomhkm

jfgancia

hacktomhkm

jfgancia

Temas similares

Privacidad y transparencia

Privacidad y transparencia