Todas las entradas de: Jorge Díaz

Como optimizar WordPress con htaccess

Hoy en día existen muchas formas de rankear mejor en Google o mejor dicho Google evalúa muchos puntos para rankear mejor tu web y poderla mostrar en las primeras páginas de los resultados, una de esas formas es tener una web rápida, ya que no hay nada peor que encontrar un resultado interesante y que tarde una vida en cargarlo, por eso, este día vamos a ver como optimizar WordPress con htaccess.

Que es .htaccess?
.htaccess es un archivo que se utiliza en servidores Apache que te da la habilidad de controlar un folder especifico (en el que se encuentra) y te ayuda a tratar redirecciones, seguridad, optimización y más.

Donde encuentro .htaccess en WordPress?
Si no lo encuentras en el directorio principal de WordPress puede ser que este todavía no se haya generado, para poderlo crear tienes que ir a WordPress Admin Dashboard >> Settings (Ajustes) >> Permalinks y presionas el botón para guardar los cambios.

Códigos para optimizar WordPress
Compresión
La compresión se utiliza para reducir el tamaño de los documentos, por lo general HTML, CSS, Javascript y archivos XML. Generalmente la compresión los archivos entre el 60% y 80% de tamaño, esto también reduce el tiempo de respuesta del servidor y la transferencia de datos, que es la información que se transfiere del servidor al cliente.

La mejor forma de habilitar la compresión es usar mod_gzip y mod_deflate en el servidor Apache, básicamente los 2 realizan la misma función, pero mod_deflate está mejor documentada y es más fácil de configurar. Si por alguna razón mod_deflate no funciona en tu servidor entonces puedes utilizar mod_gzip, los 2 métodos se pueden habilitar agregando código en el archivo .htaccess de WordPress.

Antes de comenzar, voy a mostrarles la diferencia, he deshabilitado la optimización de mi web y de esta web.

Como optimizar WordPress con htaccess
Antes jorgediaz.net
Como optimizar WordPress con htaccess
Antes wp.org.sv

Muy malos ¿verdad?

DEFLATE

GZIP

Cache de Navegador
Al habilitar la configuración de cache del navegador le decimos que guarde cierta información por un periodo especifico de tiempo en la memoria local del equipo, cuando un usuario visite la web nuevamente, el navegador va a cargar ciertos archivos desde la maquina local en vez de descargarlos del servidor otra vez, lo que va a resulta en un aumento de velocidad.

Expirar Encabezados

Control de Cache

NOTA: No es necesario configurar la variable max-age en Cache-Control ya que está configurada por el módulo mod_expires. En otro caso deberíamos usar:

Ahora vamos a ver los resultados de saber cómo optimizar WordPress con .htaccess.

Como optimizar WordPress con htaccess
Después jorgediaz.net
Como optimizar WordPress con htaccess
Después wp.org.sv

En lo personal, creo que si se puede mejorar bastante solo con modificar el archivo .htaccess, por favor, tomar muy en cuenta que la velocidad de WordPress depende de diferentes factores por lo que al hacer estos cambios pueden obtener resultados diferentes, unos mejor que otros o incluso, cambios no tan grandes, asi que les recomiendo utilizar diferentes herramientas, como plugins o CDN’s (Enlace Afiliado, la comunidad utiliza este servicio para optimizarla, si no quieren utilizar el link de afiliado pueden dirigirse a KeyCDN)para obtener mejores resultados.

Espero que el tutorial Como optimizar WordPress con .htaccess les sirva para optimizar su web, no olviden compartir estos post ya que ayudan a la comunidad.

Como solucionar el problema de acentos en WordPress

Hola a todos y perdón por el atraso, el día de ahora les voy a hablar de un problema que no es tan común pero puede pasar y le ha pasado a mucha gente 🙂 me refiero al problema de acentos en WordPress o siendo un poco mas técnicos, como resolver el problema de codificación de caracteres en WordPress (of course).

Cuando este problema se presenta es porque el navegador no ha sabido obtener la codificación del documento y esto causa que los textos no se codifiquen de forma correcta, provocando que no se muestren bien.

Al programar un sitio web en HTML por ejemplo, es muy facil decirle al navegador como tiene que leer nuestro código, lo puedes hacer de la siguiente manera:

Lo mas recomendable es utilizar UTF-8 ya que es lo mas extendido y utilizado por diferentes servidores web, si tienes problemas utilizando esta configuración es porque el servidor no esta configurado de forma correcta o no esta bien definido en el document.

En WordPress la historia es diferente, ya que por defecto tendría que definirse en el archivo wp-config.php, pero existen casos (como lo que me paso a mi mientras hacia una migración), en el que el servidor del cliente este configurado de una forma y el servidor nuevo tenga una configuración diferente.

En caso de que tengas problemas con los acentos en WordPress, te recomiendo que vayas al directorio principal de la instalación de WordPress y busques el archivo wp-config.php y después te asegures de que se encuentre la siguiente linea, tal cual.

Y así, jóvenes, es como pueden solucionar el problema de los acentos en WordPress, espero poder escribir un poco mas frecuente y si ustedes tienen alguna idea, pueden ingresar un post haciendo click aquí o también pueden ponerse en contacto para enviar sus idea haciendo click aquí.

¡Feliz semana!

Cambiar palabra SKU en WooCommerce

Hola a todos, espero que estén teniendo un buen fin de semana, el post de hoy es bien corto y solo es un pequeño tip de algo con lo que me encontré esta semana al trabajar con WooCommerce.

Por defecto, en WooCommerce, cuando agregas un producto se le asigna un SKU y hay algunas plantillas que lo muestran, como en el siguiente ejemplo:

WooCommerce SKU
WooCommerce SKU

Pero en este caso, el cliente quería que esa palabra se reemplazara por “Código”, así que vamos a ver como lograr eso.

Para eso tienen que agregar el siguiente código en el archivo functions.php del Child Theme(Están usando un Child Theme, verdad?) activo.

WooCommerce SKU – functions.php

Al finalizar, solo guardan el archivo y debería de verse de la siguiente forma:

WooCommerce Codigo
WooCommerce Codigo

Que hay de nuevo en WordPress 4.6

WordPress 4.6 vio la luz en agosto de 2016, la segunda versión con grandes cambios de este año. Se han mejorado muchas características y arreglado diferentes bugs. En este artículo vamos a qué hay de nuevo en WordPress 4.6.

Si estas en una cuenta de correo administrada, no tienes que preocuparte por hacer la instalación, sino, vas a tener que hacerla de forma manual en todos tus sitios.

NOTA: Recuerda realizar un respaldo antes de proceder con la actualización.

Fuentes nativas del sistema en WordPress 4.6

WordPress comenzó a utilizar Open Sans de Google Fonts como fuente predeterminada para que la interfaz administrativa se viera igual en diferentes plataformas y dispositivos. Sin embargo, esto obligo a comprometer un poco la velocidad y a depender de un proyecto de terceros (nunca se sabe cuándo vayan a durar, siendo Google creo que lo tenemos para rato).

Desde la versión 4.6, WordPress comenzó a utilizar fuentes nativas del sistema en el área administrativa, esto va a hacer que WordPress cargue rápido y de un aspecto similar en diferentes dispositivos y plataformas.

Aquí hay una captura del área administrativa en Safari (macOS) usando la fuente de sistema San Francisco.

Fuentes Nativas de Sistema
Imagen de WPBeginner

Este cambio solo afecta al área administrativa de WordPress, no afecta áreas del contenido como el editor de post el cual utiliza las fuentes definidas en la hoja de estilos (style.css) del tema.

Actualizando plugins y temas

Anteriormente, cuando instalabas un plugin o temas de WordPress.org, te mostraba una barra de progreso, esto hacia tu página más pesada y aumentaba el tiempo que utilizabas en instalar un plugin o tema.

Con WordPress 4.6 es mucho más rápido instalar/actualizar plugins y temas sin tener que dejar la página.

Instalacion de Plugins
Imagen de WPBeginner

Mejoras en el editor de WordPress 4.6

Cada nueva versión de WordPress incluye mejoras y características en el editor. Con WordPress 4.6 vemos unas mejoras que nos van a hacer más fácil el proceso de edición/creación.

Destacando enlaces rotos

Algunas veces es posible que agregues una letra demás en un link, lo cual no va a llevar a ningún lado a el usuario.

En la última versión, WordPress va a intentar comprobar todas las URL, si esta no lleva a una ubicación valida, entonces va a ser destacada en rojo.

Comprobar Enlaces Rotos
Imagen de WPBeginner

Se ha mejorado el auto-guardado y la recuperación

WordPress 4.6 viene con un mejor sistema de recuperación de desastres para el auto-guardado en los post. Anteriormente, cuando los usuarios deshabilitaban las revisiones, afectaba el proceso de recuperar un borrador desde el cache del navegador.

Esto se ha arreglado en la última versión, por lo que va a ser más fácil recuperar un post desde un respaldo de navegador o del auto-guardado.

Se ha mejorado el aspecto de la pantalla de importación

WordPress facilita la tarea de importar contenido desde blogger, Tumblr y muchas otras plataformas, utilizando el Importer plugin que se encuentra en Herramientas >> Importar.

WordPress 4.6 hace más fácil y más accesible esta página.

Importar
Imagen de WPBeginner

Mejoras en la Localización y Traducción

Se le va a dar más prioridad a las traducciones de la comunidad que a las traducciones incluidas en los plugins.

El selector de fecha ahora se muestra en el lenguaje correcto.

Declinación de los números de comentarios y meses en diferentes idiomas ya se manejan correctamente.

Algunas mejoras bajo el capó.

WordPress 4.6 incluye algunas mejoras para desarrolladores, como por ejemplo register_meta(#35658), la clase WP_Post_Type(#36217), la clase WP_Term_Query(#35381) entre otras.

Espero que este post te haya dado una pequeña idea de lo nuevo y mejora que se incluye en WordPress, recuerda actualizar tus sitios ya que también se publicó una actualización de seguridad hace algunos días.

¡Nos leemos pronto!

Soluciones de Respaldo para WordPress

Si ya tienes tiempo trabajando en el diseño o desarrollo web, ya te habrás dado cuenta de  la importancia de tener una solución de respaldo activa, bueno, realmente aplica para todos ya que es posible encontrarnos con todo tipo de dificultades, especialmente en sistemas no seguros.

Afortunadamente, puedes encontrar en el repositorio muchas soluciones de respaldo para WordPress, desde unas muy fáciles de utilizar hasta otras un poco mas complejas, me voy a mencionar un par de opciones sencillas, que son las que uso mas.

BackWPup

Con mas de 500,000 instalaciones activas, tenemos a BackWPup, tiene una interfaz muy sencilla, puedes enviar el respaldo a DropBox o Amazon S3.

Soluciones de Respaldo para WordPress | BackWPup
BackWPup

UpdraftPlus

La segunda opción, con mas de 800,000 instalaciones activas, UpdraftPlus, una interfaz simple, lista para que el plugin pueda realizar los trabajos para los cuales fue creado, en lo personal me ha ayudado muchas veces, cuando el hosting no me ha permitido usar la ultima opción.

Soluciones de Respaldo para WordPress
UpdraftPlus

Akeeba Backup

Akeeba Backup como tercera, pero no menos importante, ya que en lo personal es uno de los mejores plugins para realizar backups y migrar sitios web, lo mejor de todo es que es gratis.

Lo mejor de todo es que si necesitas hacer una migración, solo enviar el archivo de respaldo al nuevo host y puedes utilizar Akeeba Kickstart para realizar una instalación.

Hace un tiempo atrás, el plugin fue retirado del repositorio de WordPress, lastimosamente, por inconvenientes con los reviews dejados por algunas usuarios ya que pensaban que el plugin era pagado, pero según entiendo lo que se paga es el soporte (como la mayoría de productos para WordPress con licencia GPL), de hecho no he encontrado ninguna restricción hasta el momento.

Soluciones de Respaldo para WordPress | Akeeba Backup
Akeeba Backup

Y tu, ¿Conoces alguna solución de respaldo para WordPress o haz utilizado alguna de las ya mencionadas? Puedes contarnos un poco más en la caja de comentarios.

Novedades en WordPress 4.2

WordPress 4.2 va a ser el gran lanzamiento del 2015, esta versión se espera para finales de abril. En este artículo te voy a contar un poco más acerca de las nuevas características y te voy a mostrar algunas capturas de lo que se espera para esta nueva versión.

Nuevo y mejorado soporte para Emoji

Si en tus mensajes de texto o en tus estados de Facebook expresas tus emociones de forma gráfica, no te preocupes ya puedes hacerlo en tus blog posts de WordPress.

emoji

Por mucho tiempo se han utilizado emoticones en WordPress pero eran muy básicos y aburridos, incluso era posible habilitar los emojis mediante plugins, pero no estaban soportados en el core por defecto.

Con WordPress 4.2 tus instalaciones de WordPress tendrán soporte para emoji. Si utilizas un dispositivo móvil para actualizar tu blog, vas a poder agregar emojis en posts, comentarios, categorías y prácticamente en cualquier lugar donde puedas escribir texto.

Cambiar de tema desde Customize (Personalizar)

WordPress 4.2 traerá mejoras en la forma en la que instalas, buscas y pre visualizas temas utilizando la función de personalizar temas. Ahora podrás cambiar, pre visualizar y activar temas desde la pantalla de personalización.

También puedes buscar y agregar nuevos temas desde esta pantalla.

Instalación y actualización más rápida de plugins.

En WordPress 4.2 se acortan los pasos para instalar nuevos plugins, al hacer click en el botón de “Install Now” se inicia el proceso sin cambiar de ventana.

instalar-plugin-wordpress-4.2

Algo que no estoy seguro que le vaya a agradar a todo mundo es que cuando el plugin se instala se activa de forma automática, por lo que si lo instalas y no era para activarlo en el momento, tienes que ir a plugins y desactivarlo.

Más mejoras bajo el capó

Además de las novedades mencionadas, WordPress 4.2 incluye otras que no son visibles pero que hacen que sea un gran avance.

  • Funcionalidad wp.a11y.speak() que ayudara a JavaScript a comunicarse mejor con los lectores de pantalla y así informar a los usuarios con problemas de visión a poder ver mejor que es lo que está pasando en la pantalla. Es un gran avance para la accesibilidad en WordPress.
  • Ajustes menores en el esquema de colores en la administración.
  • Los términos compartidos en distintas taxonomías ahora se separan cuando se actualiza alguno de ellos. Esto resuelve problemas con términos compartidos que muestran actualizaciones en diferentes taxonomías.
  • Se ha añadido la posibilidad de añadir credenciales FTP y SSH al actualizar los plugins.
  • Mejoras en wp_Comment_query