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: the_content – mostar solo x caracteres
asin! :
echo substr(strip_tags($post->post_content), 0, 350);
350 es el numero de caracteres que queremos mostrar, recordad que la funcion strip_tags machaca todos los elementos html para hacer bien el recuento … pero claro los saltos de linea, negritas y tal y tal se van!
php: split para dividir cadena de texto
$ip = "123.456.789.000"; // some IP address $iparr = split ("\.", $ip); print "$iparr[0] <br />"; print "$iparr[1] <br />" ; print "$iparr[2] <br />" ; print "$iparr[3] <br />" ;
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!
