html y css: input focus border

Me refiero a la tipica linea azul que rodea a la caja de texto cuando pulsamos en ella para escribir … con esta propiedad CSS se va a tomar por saco xDD

textarea:focus, input:focus{
outline: none;
}

Anuncios

html y css: Menú acordeón desplegable con hover o con clic by oloblogger.com

fuente: oloblogger.com

Los menús del tipo “acordeón” son aquellos cuyos elementos se disponen -normalmente- en vertical y cuyas correspondientes opciones se despliegan y quedan visibles al seleccionar el elemento principal que los engloba …

Leer Artículo completo aquí: https://www.oloblogger.com/2016/11/menu-acordeon-css-desplegable-click-hover.html

wordpress: formulario de contacto (Contact Form 7) y captcha de google (no soy un robot)

Buenas a tod@s

Tipico tipiquisimo de un sitio web, un formulario de contacto:

  • descargamos el plugin Contact Form 7 y lo instalamos, si vamos a configuracion ya viene creado por defecto un formulario base. Este nos proporciona un codigo entre corchetes [ ] que podremos copiar en nuestra pagina de contacto donde queremos que aparezca … el tema css es harina de otro costal
  • queremos captcha en el form para evitar en la medida de lo posible sl SPAM? yo me he descargado el Contact Form 7 Captcha para configurarlo con Google Captcha (mp soy un robot). En la info del plugin nos explican perfectamente que tenemos que ir a https://www.google.com/recaptcha/admin para obtener las keys necesarias que introduciremos en el plug en nuestro wordpress
  • Copiamos el codigo entre corchetes que proporciona el plugin del captcha y lo ponemos antes del boton de enviar (editando el plugin de formulario de contacto, el que ya teniamos creado)

La verdad que bastante sencillo todo siguiendo instrucciones de unos y de otros. Y funciona a las mil maravillas xDD

wordpress: Modificando el Loop de WordPress: query_posts() by guidacode.com

Buenas a tod@s

He añadido un scroll infinito con click en “leer mas” y debajo de los post muestro el resto de post de la categoria … pero me encuentro con el siguiente problema, cada vez que le doy a leer mas vuelve a empezar el bucle de cero y me muestra los mismos resultados de nuevo y no los siguientes

Esto es debido a que no tuve en cuenta que query_posts() debe prepararse para paginación o no … y lo estaba usando como si no tuviera paginacion

Resultados con paginacion:


<?php

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

query_posts("cat=$idioma&paged=$paged");

if(have_posts()):while(have_posts()):the_post();

?>

No me daba cuenta de mi error hasta que lei el artículo de anieto2k.com aqui: http://www.anieto2k.com/2008/08/13/query_posts-y-el-problema-de-la-paginacion/ me ha servido de mucha ayuda, muchas gracias !

wordpress: scroll infinito o Load More

Buenas a tod@s

Por exigencias ajenas a mi necesitaba un scroll infinito pero que fuera clickando y no automatico, es decir; cuando llegas al final de los posts visualizados que se carguen mas sin recargar la web pero solo si el usuario hace click

Gracias al plug-in Easy Load More en dos minutos lo tendremos preparado:

  • lo descargamos y lo instalamos
  • lo activamos y vamos a configuracion
  • en el primer campo nos solicita Post List Wrap Selector aqui debemos indicar el id del div que contiene el bucle que muestra los posts
  • guardamos y a continuacion vamos al php donde queremos agregar el boton load more
  • tenemos que incluir load_more_button(); entre las marcas de codigo php justo despues del cierre del contenedor o div donde esta el bucle

Yo lo he probado y funciona muy bien, ahora queda css y dejarlo bonito. Suerte!