JORYX blog

miércoles, 1 de agosto de 2012

Vanity: Completo kit de plugins jQuery para usar en tus sitios web

Bitelia

http://bitelia.com/2012/08/vanity-kit-de-plugins-jquery

Hace algunos días compartimos con ustedes una lista de plugins jQuery para hacer nuestro trabajo con sitios web mucho más rápido, simple y vistoso. En esta oportunidad quiero hablarles de Vanity , un interesante y completo kit de plugins jQuery listos para usar, que viene a cubrir las que probablemente son las funcionalidades más básicas de cualquier sitio web.

Vanity está compuesto por 7 plugins ligeros y fáciles de implementar, cada uno desarrollado para cubrir una característica específica:

jSlider: Un simple y práctico slider con múltiples efectos y transiciones que podemos configurar a nuestro gusto.

jTabs: Si necesitas agregar navegación por pestañas a la interfaz de tu sitio web, con este plugin puedes hacerlo de forma muy simple.

jPaginate: En caso de que necesites agregar paginación en tu sitio, jPaginate te pone el trabajo mucho más fácil. Puedes configurar el número de items por cada página, el texto de los botones, personalizar su apariencia a través de CSS, entre otras cosas.

jSpotlight: Como su nombre lo indica, permite crear un efecto spotlight sobre un conjunto de imágenes o elementos, permitiendo crear galerías mucho más atractivas de manera fácil y rápida.

jTip: Agrega tooltips sobre distintos elementos, establece la posición en la que quieres que aparezcan y define su estilo usando CSS. Más simple, imposible.

jPlaceholder: Añade la funcionalidad de placeholder a los campos de texto, ahora disponible en HTML5 y la hace compatible con todos los navegadores.

jCollapse: Permite ocultar y mostrar uno o varios elementos de manera simultánea con un solo clic.

Cada uno de los plugins cuenta con documentación y ejemplos que hacen mucho más fácil comprender su funcionamiento. Todo el paquete comprimido pesa tan solo 8KB, por lo que el impacto en la velocidad de carga de tu sitio web no se verá afectado de manera considerable. Además, tenemos la posibilidad de descargar cada plugin por separado para que implementemos únicamente los que necesitamos sin usar más recursos de los necesarios.

martes, 31 de julio de 2012

Cómo evitar que WordPress haga copias de tus imágenes

Ayuda WordPress

http://ayudawordpress.com/como-evitar-que-wordpress-haga-copias-de-tus-imagenes/

Una funcionalidad, que personalmente me parece enormemente útil, es el hecho de que cada vez que subes una imagen para ilustrar una entrada, WordPress crea una serie de copias a tamaños menores.

De este modo ofrece el tamaño real de la imagen subida, varios intermedios y el tamaño miniatura, para usarlo en galerías y demás utilidades.

¿Por qué hace esto WordPress?, pues por una muy buena razón, y es para evitar la sobrecarga de tu web. Si solo subes la imagen a tamaño completo siempre puedes redimensionarla para “que se vea” más pequeña, pero si pesa 900 Kb tu web seguirá teniendo que cargar esos 900 Kb aunque se vea más pequeña. Ahora imagina esto en tu portada, mostrando 8 o 10 entradas cada una con su imagen de 800 Kb, a poco que te descuides estás ofreciendo más de 8 Mb de portada, y eso va en detrimento de la velocidad de carga, usabilidad y experiencia de navegación de tus visitantes.

Al crear copias más pequeñas lo que te ofrece WordPress es la posibilidad de mostrar el tamaño adaptado a tu tema y, si lo deseas, lo enlazas al tamaño completo, por ejemplo. De este modo siempre sobrecargarás menos tu web con las imágenes.

¿Entendido?

Ahora bien, puede que en tu caso esto no te sirva, o te de igual, y simplemente sea una acumulación de archivos de imágenes que ocupan espacio en tu alojamiento.

Si así fuera que sepas que puedes desactivar la creación de copias a distintos tamaños de las imágenes que subas, y hay dos maneras de conseguirlo:

1. Desactivar la creación de copias de imágenes mediante ajustes multimedia

Mira que es obvio, pero ahí está, y es algo tan sencillo como poner a cero el tamaño de imagen que no quieras que WordPress cree automáticamente.

Para ello vas a “Ajustes -> Multimedia” en tu Escritorio de WordPress, pones a cero las copias que no quieres que se generen y guardas los cambios, así de sencillo. ¿Que quieres que genere la miniatura solamente?, pues nada, esa la dejas a 100 pixels o lo que prefieras y pones a cero el resto.

Sencillo y a mano ¿no?

2. Desactivar la creación de copias de imágenes mediante código

Por supuesto, como siempre, hay otra manera de hacerlo, y es añadir un pequeño código a tu plugin de funciones, o al archivo functions.php de tu tema activo.

Sería algo así:


//Evitar creación de copias de imágenes
function ayudawp_quita_copias_imagenes( $sizes) {
        unset( $sizes['thumbnail']);
        unset( $sizes['medium']);
        unset( $sizes['large']);
        return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'ayudawp_quita_copias_imagenes');

Creo que no hace falta mucha explicación. Mediante la variable “unset” desactivas los tamaños adicionales que crea WordPress. Si no quieres desactivar alguno simplemente borras esa línea del código y guardas los cambios.

Lo que obtienes es que las próximas imágenes que subas ya no tendrán copias a otros tamaños porque no los ha creado, como en este ejemplo:

lunes, 30 de julio de 2012

10 errores comunes en WordPress y sus debidas soluciones

Wwwhat's new?

http://wwwhatsnew.com/2012/07/30/10-errores-comunes-wordpress-y-soluciones/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+WwwhatsNew+%28Wwwhat%27s+new%3F+-+Aplicaciones+Web+gratuitas%29

Problemas para ingresar el escritorio, paginas en blanco, errores con la memoria, páginas inexistentes, visualizaciones extrañas, entre otros, son fallos comunes en WordPress.org que tienden a disminuir su aparición con las actualizaciones, pero aún así siguen generándonos dolores de cabeza.

Ya hemos hablado de plugins de mantenimiento y de seguridad que minimizan el riesgo a padecerlos, pero aquí tenemos un decálogo (5 traducidos y adaptados, los demás en Hongkiat) con soluciones específicas y sencillas, con apenas requerimientos de conocimientos para acceder al blog vía FTP o acceder al cPanel que brindan la mayoría de empresas de hosting:

Claves de login perdidas y problemas en la recuperación vía email

Si tenemos problemas con la clave de login la primera solución es usar la opción de recuperación a través de un email. Sin embargo, ¿y si ésta también falla?

1. Ve a cPanel y busca la opción phpmyadmin en la sección Bases de Datos de la página principal.

Bases de datos

2. En la parte izquierda selecciona tu base de datos, usualmente la del nombre del blog. Ahora busca wp_users también en la parte izquierda.

3. En el centro del navegador aparecerá un listado con los usuarios activos, busca el tuyo y pulsa en Editar en la primera columna de tal listado.

Editar

4. Aparecerán entonces los valores de tu usuario, busca user_pass, elimina todo los números y símbolos raros, y escribe una nueva contraseña. Además, en el menú desplegable de la columna Función, selecciona MD5. Finalmente pulsa en el botón Continuar de la parte de abajo.

Clic para ampliar la imagen.

Otra opción es acceder vía FTP al archivo functions.php en la carpeta del tema usado, y agregar la línea wp_set_password('Tunuevacontraseña',1); luego del primer <?php. Para más información y alternativas puedes visitar el artículo Resetting Your Password dispuesto en WordPress.org.

Blog y escritorio de WordPress en blanco

En Kabytes han dedicado un completo espacio a analizar las razones que causan las páginas en blanco y sus soluciones, pero en general es por equivocarse en la subida de ficheros vía FTP y por agregar o actualizar (plugins, temas y WordPress) de forma incorrecta. Esa es la principal razón por la que cada vez que está disponible una nueva versión de WordPress, nos pide primero crear copias de seguridad.

Bueno, si el daño ya está hecho, no queda más que buscar la solución.

Si es causado luego de actualizar o instalar un tema, vamos a la carpeta wp-contents/themes vía FTP y renombramos la carpeta del tema que está dando problemas (por ejemplo, agregando la terminación “-temporal”). En consecuencia, WordPress devolverá el tema por defecto y nos permitirá de nuevo acceder al sitio, y ya sólo será cuestión de revisar la compatibilidad del tema con la actual versión de WP.

plugins wordpress

Si es causado luego de actualizar o activar un nuevo plugin, o si no sabemos cuál es que da problemas, vamos a wp-contents vía FTP y eliminamos el último plugin modificado o renombramos ahora la carpeta “plugins” por “plugins-temporal” para que se desactiven ahora todos los plugins.

plugins wordpress

Lo siguiente es crear una nueva carpeta llamada “plugins” y luego pasar de una carpeta a otra (de “plugins-temporal” a “plugins”) cada uno de los plugins, e irlos activando desde WordPress uno a uno para encontrar el causante de los daños.

Warning: Cannot Modify Header Information – Headers Already…

Si nos topamos con este error en nuestro escritorio de WordPress la opción más sencilla es ir a wp-config.php vía FTP en la raíz de nuestro blog, abrirlo con Bloc de Notas u otro editor, y eliminar los espacios en blanco (con el botón Suprimir) antes de <?php y después de ?>. Si sigue sin solucionarse otra opción -gracias a Ferticidio por compartirla- es guardar el fichero fijándose en la codificación ANSI.

codificacion ansi

Fatal Error: Allowed Memory Size Of 33554432 Bytes Exhausted

Aparece cuando se trata de subir un archivo relativamente pesado que sobrepase el límite por defecto, límite que se puede cambiar a 32MB, 64MB, 128MB o 256MB dependiendo del hosting. 4 alternativas:

1. En la raíz de nuestro WordPress accediendo de nuevo vía FTP, abrimos el fichero .htaccess y agregamos al final la línea:

php_value memory_limit 64M

2. Como opción podemos utilizar de nuevo el fichero wp-config.php y agregar al final:

Increasing memory allocated to PHP define('WP_MEMORY_LIMIT', '64M');

3. Si contamos con un archivo PHP.ini de configuración, basta con editar la línea del memory_limit incrementando el valor predeterminado. Si 32MB no funciona, le intentamos con 64 y sucesivamente:

memory_limit = 64M ; Maximum amount of memory a script may consume (64MB)

4. Si no contamos con tal archivo, basta con crearlo. Abrimos un Bloc de notas y escribimos sólo

memory_limit = 64M ;

lo guardamos como PHP.ini y lo subimos a wp-admin.

Error 404 en el escritorio de WordPress

Al igual que en el primer problema de las claves perdidas, ve a cPanel, busca la opción phpmyadmin en la sección Bases de Datos.

En la parte izquierda selecciona tu base de datos pero ahora busca la tabla wp-options para que se desplieguen todas las filas configurables. Revisa que en la primera esté tu URL bien escrita o sino pulsa en el botón Editar para entrar a modificar el campo option_value y arreglarla.

cpanel error

Otra alternativa es revisar los permisos de las carpetas que componen nuestro WordPress vía FTP. Para ello basta con dar clic derecho y luego en Permisos de archivo sobre la carpeta wp-admin. Se debe revisar o actualizar el valor a 755 y marcar que se apliquen los cambios a las subcarpetas. Resta hacer lo mismo con wp-content y wp-includes.

permisos carpetas