Ponle contorno a tus títulos con CSS3

Desde que apareció CSS3 son muchas las posibilidades que se han abierto y que son de uso cotidiano hoy en dia en la mayoria de webs. Los nuevos navegadores a pesar de algunas diferencias, estan cada vez mas alineados y mantienen muchas de las normas estandarizadas en este sentido.

Hoy, despues de mucho tiempo y aunque no por falta de ganas ni de material, mas bien de tiempo y manos para ello, os dejamos este pequeno truco que hará de vuestros títulos en web mucho mas atractivos.

Tener una letra Arial o Helvetica puede parecer un poco fuera de lineas actuales pero a lo mejor dándole un toque artítico puedes tener un efecto en el lector bastante mas impactante. Para ello solo deberás añadir un clase a tu título (h1….h6) por ejemplo para tener un contorno de lo mas actual en tus títulos. En este caso aparece un contorno de color azul (#057AC6 )

Primero haremos lo siguiente en nuestro título (recuera h1, h2… h6):

<h1 class="contornotexto">Este es el titular"</h1>

Y en el fichero de CSS (style.css para wordpress ) añadimos lo siguiente:

.contornotexto{
text-shadow: 
2px 0 0 #057AC6, 
-2px 0 0 #057AC6, 
0 2px 0 #057AC6, 
0 -2px 0 #057AC6, 
1px 1px #057AC6, 
-1px -1px 0 #057AC6, 
1px -1px 0 #057AC6, 
-1px 1px 0 #057AC6;
}

El resultado del antes y después lo podeis ver aquí:

¿Rápido verdad? Si además éste lo combinas con los “stylos” clásicos y otros atributos, puedes llegar a tener unos titulares realmente espectaculares sin necesitadad de tirar de photoshop u otros programas …. y con la ventaja de que es 100% amigoseo (SEO friendly)

Como siempre un placer poder aportar un granito mas…

Desactivar la actualización de plugins en WordPress

Hoy os dejamos este práctico código que nos permitirá evitar ese tan desagradable efecto de visualización en el backoffice de tu wordpress cuando tienes plugins pendientes de actualizar.

Ya sabes que una de las ventajas que tiene nuestro sistema en WordPress es que siempre te avisa de nuevas versiones tanto del core (el propio WordPress) o de los plugins que estan instalados en tu web. Para mostrar que elementos o plugins de tu site tienen disponbiles nuevas versiones, WordPress muestra unos inconos indicando en su interior el número de éstos. Esto esta muy bien para aquellos que puedan tener un ataque de histeria y que piensen que estar a la última todo va a ser mas fácil o mas seguro…. La actualización puede implicar un riesgo y por eso muchas veces no actualizas los plugins para evitar un dolor de cabeza a posteri que tenga un largo proceso de “curación”.

Para evitar entonces esos “circulitos” de alertas que a veces son tan molestos así como para evitar ver en la lista de los plugins como éstos tienen versiones nuevas disponibles, dificultando su lectura y administración, os dejamos estas líneas que debereis incluir en vuestro fichero function.php de vuestro theme activo.

remove_action('load-update-core.php','wp_update_plugins');
add_filter('pre_site_transient_update_plugins','__return_null');

De esta manera tan sencilla y sin utilizar ningún plugin adicional, conseguireis desactivar esas irritantes alertas (que hacen una magnifica función si eres un usuario normal, pero si ya estas algo mas experimentado y sabes lo que haces, resultan molestas… )

Reemplaza el password de Prestashop via MySQL

En alguna ocasión habrás realizado una instalación de un entorno de pruebas y no recuerdas la constraseña de acceso. Para mas desesperación, tu sistema en localhost no te envia correos por lo que la opción de “Recordar constraseña” u “Olvidaste tu contraseña?” no funciona por que tu sistema local no te envia esos mails con el enlace para generar una nueva password.

La solución

Pues no hay otra que arremangarse y tirar de la base de datos

Para ello entramos en la base de datos del Prestashop (via phpMyAdmin por ejemplo) y buscamos la tabla xxx_employee. (xxx_ es el prejifo de las tablas de tu entorno). Por ejemplo podria ser el prefijo ps_por lo que el nombre de la tabla a seleccionar será ps_employee

Luego, introduciremos la siguiente consulta SQL.

UPDATE ps_employee SET passwd = md5(‘la_cookie_keyymipasswordacontinuacion‘) WHERE email = [email protected]‘;

donde la_cookie_key la obtenemos del fichero /config/setting.inc.php de tu prestashop. (vereis que es cadena con numeros y letras, no copieis las comillas simples, claro)

y por otro lado y a continuación añadiremos el password que deseamos (en nuestro ejemplo ymipasswordacontinuacion)

Sustituye el email del usuario al que debemos realizar el cambio y *ejecuta la consulta* y ya esta. Ahora ya puedes acceder a tu prestashop con tu nueva password.

Que hace el comando

El comando buscará en la tabla de empleados un usuario donde coincida el email [email protected]  y sustituirá su password por la que hemos indicado arriba.

*RECUERDA* Si no sabes exactamente lo que estas haciendo, acceder a tu base de datos puede suponer que deje de funcionar tu site. Por favor, haz siempre copias de tu base de datos antes de hacer cambios en las tablas.

Copia y pega tu código en un documento Word

Hoy os dejamos este enlace a una herramienta via web que nos va a permitir pegar nuestro código en un documento Word (por ejemplo) sin perder los formatos resaltados de nuestras etiquetas de programación

http://qbnz.com/highlighter/demo.php

Para usarlo, simplemente pega o sube el archivo con el código, marca las opciones que consideres, el formato de tu codigo (php, html, objective C o el que sea… ) y luego le das al botón “Highlight!”

Ahora selecciona todo ese código (ahora convertido en texto formateado) y lo pegas en tu Microsoft Word. (por ejemplo) y tendrás un documento con tu código perfectamente formateado y listo para crear una presentación profesional.

 

 

Events Manager y Qtranslate

En esta ocasión os explicamos otro pequeño truco para hacer que los eventos de vuestro calendario creado a raiz del plugin Events Manager funcionen correctamente con Qtranslate

El problema

En esta ocasión los enlaces o los títulos de los eventos que aparecen al hacer el mouseover por encima de una fecha del calendario, se muestran de manera similar a esto “<!–:es–>Este es el evento en castellano<!–:–><!–:ca–>Aquest es l’esdeveniment en Català<!–:–> …..”  y eso no es correcto para una adecuada indexación.

Solución

Copia el siguiente código al final de tu functions.php (recomendable que tengas un child creado de tu template)

add_filter('em_event_output_placeholder','slw_em_eventlink_mod',1,3);
function slw_em_eventlink_mod($replace, $EM_Event, $result, $target){
        switch ($result) {
                case '#_LINKEDNAME': 
                case '#_EVENTLINK':  //Link de Evento
                case '#_EVENTNAME':  //Nombre del Evento
                        if ( preg_match('~<\!--:([A-Za-z]*?)-->~', $replace) ) {
                                // Esta parte aplica el filtro al título del evento
                                $event_name = apply_filters('the_title', $EM_Event->event_name);
                                $event_link = esc_url($EM_Event->get_permalink());
                                $replace = esc_attr($event_name); // Asignamos el valor a mostrar
                        }
                        break;
                default:
        }
        return $replace;
}

Verás que tu calendario muestra correctamente los títulos de los eventos en el idioma de la página que estas visualizando.

Hasta el próximo consejo!