domingo, 21 de septiembre de 2014

Añadir una nueva hoja de estilos a WordPress

Casi siempre que montamos un nuevo sitio con WP, o editamos uno que ya este publicado, nos toca editar los estilos, suele cometerse el error de editar los estilos que nos proporciona la plantilla, esto nos lleva al inconveniente de que cada vez que actualizemos la plantilla deberemos volver a hacer los cambios ya que es mas que probable que nos los pisen, para ello la mejor opcion es incluir una nueva hoja de estilos con todos nuestros cambios, la cual deberemos agregarla justo al final de los estilos que trae nuestra plantilla, para agregar una nueva hoja de estilos solo necesitaremos la siguiente linea, en la cual hemos almacenado nuestra hoja de estilos en una carpeta llamada css, la cual esta en la raiz del directorio de nuestra template, y hemos llamado a nuestra hoja custom.css
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/custom.css" />

Un saludo y como siempre espero que os sirva de ayuda

miércoles, 10 de septiembre de 2014

Traducir WordPress

En este articulo me centrare en rtaducir nuestro WordPress al castellano, aunquer podria aplicarse a cualquier idioma

La forma mas sencilla es descargar el instalador en el idioma elegido, para ello deberiamos ir al sigueinte enlace y descargarlo.
http://es.wordpress.org/wordpress-4.0-es_ES.zip

sábado, 23 de agosto de 2014

Fatal error: Uncaught exception 'SmartyException' with message 'unable to write file

El otro dia me encontre con este error:

Fatal error: Uncaught exception 'SmartyException' with message 'unable to write file /var/www/vhosts/MiDominio/httpdocs/cache/smarty/compile/5a/5c/7b/wrt53c28bab1fdaa6.01547362' in /var/www/vhosts/MiDominio/httpdocs/tools/smarty/sysplugins/smarty_internal_write_file.php:44 Stack trace: #0 /var/www/vhosts/MiDominio/httpdocs/tools/smarty/sysplugins/smarty_internal_template.php(201): Smarty_Internal_Write_File::writeFile('/var/www/vhosts...', 'compileTemplateSource() #2 /var/www/vhosts/MiDominio/httpdocs/classes/module/Module.php(1860): Smarty_Internal_TemplateBase->fetch() #3 /var/www/vhosts/MiDominio/httpdocs/modules/leomanagewidgets/leomanagewidgets.php(479): ModuleCore->display('/var/www/vhosts...', '/themes/leomana...', 'leomanagewidget...') #4 /var/www/vhosts/MiDominio/httpdocs/modules/leomanagewidgets/leomana in /var/www/vhosts/MiDominio/httpdocs/tools/smarty/sysplugins/smarty_internal_write_file.php on line 44

Fatal error: Call to undefined function mcrypt_encrypt() in /var/www/vhosts/MiDominio/httpdocs/classes/Rijndael.php on line 50

Para solucionarlo le doy los permisos necesarios a la carpeta cache, y me encuentro con lo siguiente
Table 'XXXX_bd.ps_leobtslider' doesn't exist

viernes, 22 de agosto de 2014

Marcar como activa una pestaña con JQuery

En este ejemplo muestro como marcar una pestaña u otra
Para ello uso el siguiente código JQuery:
$(document).on('click', 'ul li', function(){ 
    var $this= $(this);

    $('ul li').removeClass('active');
    $this.addClass('active');
});
Mediante el evento on de JQuery le pido que ejecute este códogo al hacer click sobre uno de los <li> en ese momento le pido que borre la clase 'active' de todos los <li> anteriores, y se la asigno al que lanza la petición, es decir al que ha sido pulsado.
Para hacerlo mas atractivo me he servido de los css de bootstrap, pero la idea es usar nuestros propios CSS y JS


Repositorio GitHub con el ejemplo de este artículo

lunes, 4 de agosto de 2014

JQuery jugar con capas


Hoy os traigo algunas funciones utiles en JQuery para interactuar con las capas


  •     $(capa).after(contenido);
La funcion After te deja colocar un contenido despues del selector
  •     $(capa).before(contenido);
Igual que la anterior, pero esta coloca el contenido antes del selector
  •     $(capa).html(contenido);
Sirve para sustituir el valor del contenido
  •     $(capa).animate(animacion, duraccion, funcion al finalizar);
Anima un selector
  •     $(capa).addClass(clase);
Añade una clase al selector
  •     $(capa).removeClass(clase);

Este la elimina


JQuery tiene muchas mas funciones interesantes, pero he seleccionado estas por considerarla las mas utiles y usadas, cuales echais de menos???

Os dejo un ejemplo de todas las anteriores en mi GitHub

viernes, 25 de julio de 2014

No se muestra la segunda imagen - leofast - prestashop

En la plantilla para Prestashop Leofast, podemos encontrarnos con un problema y es que no se nos visualiza la segunda imagen de nuestro producto al pasar el ratón por encima de la primera
Tenéis un ejemplo de lo que hablo en: http://www.pelucastalia.com/ una web en la que ando trabajando ultimamente, cuando uno de los productos tiene 2 o mas imagenes estas deben intercambiarse al pasar el ratón sobre el producto, pero en lugar de eso sale un interrogante (la imagen por defecto).

jueves, 17 de julio de 2014

Symfony - PHP - falta icuuc49.dll

El programa no puede iniciarse por que falta icuuc49.dll en el equipo.
Intente reinstalar el programa para corregir este problema


Este error ocurre al habilitar en el php.ini la extensión intl para solucionarlo deberemos copiar estas librerías en nuestro apache, eso se consigue del siguiente modo:
  1. Nos dirigiremos a nuestro server en mi caso Xampp a su directorio PHP (C:\xammp\PHP) 
  2. Buscaremos 3 archivos icudt49.dll; icuin49.dll; icuuc49.dll 
  3. Los copiaremos (importante copiar, no cortar) a nuestro directorio apache (C:\xammp\apache\bin) 
  4. Por ultimo reiniciaremos nuestro apache 
Y solucionado!!

miércoles, 16 de julio de 2014

PrestaShop - Warning on line 171 en archivo ... leobootstrapmenu.php

Al subir una simple imagen a las categorías de mis productos me encontrado con el siguiente error
Warning on line 171 en archivo /var/www/vhosts/tu_dominio_.com/httpdocs/modules/leobootstrapmenu/leobootstrapmenu.php
[2] Invalid argument supplied for foreach()

martes, 24 de junio de 2014

Slider de imagenes CSS sin JS

Hoy os dejo un Slider muy simple que hace que una serie de imagenes giren desde un lado hacia otro, vamos, el típico carrusel de imagenes, pero con la particularidad de que no lleva ni una sola linea de Java Script, esta todo escrito en CSS3.

Os dejo el código SASS, y el CSS


  • SASS

#Slideshow{
    overflow: hidden;

jueves, 19 de junio de 2014

Cambiar la imagen de un ImageView - Android

Para cambiar la imagen de un ImageView En un evento en concreto es muy sencillo, tan solo debemos inicializarlo en el OnCreate de nuestra clase, y después usar el siguiente código:
miImageView.setImageResource(R.drawable.imagen);
Si queremos complicarlo un poco mas, podemos parametrizarlo en las preferencias del usuario por ejemplo y recuperar desde allí un String con el nombre de la imagen, podremos acceder a su Id, y asignarlo al ImageView de la siguiente manera: