Archivo de la etiqueta: WordPress

Comparativa de rendimiento de plantillas WordPress

Diseño y Programación Web, Marketing on-line

Como sabemos desde hace algún tiempo en muchos casos se ha ido dejando de lado el rendimiento de los sitios web dando prioridad a otros aspectos como eran la «espectacularidad» del sitio y la inserción numerosos scripts por parte del programador que ralentizaban de manera increíble la carga de una página.

Esta tendencia está cambiando en gran parte a las preferencias de buscadores como google en la red .net a situar mejor a aquellos sitios que tienen una carga de página más liviana, y así de paso para promocionar sus servicios como por ejemplo page speed service.

La razón de realizar esta comparativa de rendimiento de plantillas WordPress es simplemente analizar la evolución en este aspecto de estas themes con respecto al rendimiento. Sabemos que existen numerosas plantillas en el mercado pero nos centraremos únicamente en las que proporciona WordPress al inicio de la instalación:

  • Twenty Fifteen
  • Twenty Fourteen
  • Twenty Thirteen

Para realizar la métrica utilizaremos PageSpeed Insights de Google.

Nota: existen factores externos de terceros que pueden afectar a la carga de una página como puede ser el servidor que aloja el sitio o la velocidad de transferencia, en nuestro caso y para que la comparativa sea más justa se ha procurado realizar esta comparativa en las mismas condiciones para todas las plantillas.

Twenty Fifteen

Resultado Móvil: 64 / Resultado Ordenador: 74

Rendimiento de Plantilla Twenty Fifteen

Twenty Fourteen

Resultado Móvil: 67 / Resultado Ordenador: 78

 

Rendimiento de plantilla Twenty Fourteen

Twenty Thirteen

Resultado Móvil: 68 / Resultado Ordenador: 83

Rendimiento de plantilla Twenty Thirteen

 

 

Resultado

Como vemos no hay grandes diferencias entre ellos pero estamos viendo que la evolución de las plantillas tampoco muestra una mejora en el rendimiento.

Como añadir una nueva entrada a un fichero po y mo

Diseño y Programación Web, Herramientas de desarrollo,

Si utilizas la aplicación Poedit para editar tus traducciones de WordPress te habrás fijado que no existe ningún botón ni ninguna opción para añadir una nueva fila o traducción al fichero.

Para poder añadir una nueva entrada a un fichero po y mo tan solo debes olvidarte al principio de Poedit y editarlo con un procesador de textos cualquiera (por ejemplo notepad++) y copiar una fila como la siguiente.

#: ../header.php:391 ../header.php:442
msgid «Just type and press ‘enter'»
msgstr «Teclea y pulsa intro»

La primera fila es un comentario que indica en que sitios se está utilizando la traducción.

La segunda fila (la que empieza por msgid) significa que el id del mensaje es lo que va entre comillas. Lo ideal es que para todos tus ficheros de idiomas existan los mismos ids. Es común sobretodo cuando descargas plantillas que se hayan olvidado en los ficheros de traducción algunas claves con lo que la traducción no se realizará. En este caso obtendrá el valor por defecto que contiene el fichero de idioma por defecto.

La tercera fila (comienza por msgstr) es el sitio donde se realiza la traducción en el idioma que pertenezca el fichero a editar.

Una vez hemos introducido estas 3 filas con su correspondiente traducción al idioma y guardado el archivo po podremos abrir este mismo archivo con Poedit. Ahora podremos ver que con esta app se visualiza la nueva entrada que anteriormente no estaba.

El último paso es guardar con Poedit y se generará o actualizará el fichero mo.

Estos dos últimos ficheros (po y mo) son los que utilizaremos para su correcta traducción.

Mover WordPress a otro dominio

Bases de Datos, Diseño y Programación Web, Herramientas de desarrollo,

Si tienes que mover WordPress a otro dominio supone mucho más que mover los ficheros y la base de datos, desde luego esto último es imprescindible, pero hay que tomar acciones adicionales para borrar/modificar antiguas referencias al antiguo nombre de dominio o localización que se haya mantenido dentro de la base de datos.

Según la ayuda de WordPress tenemos dos opciones:

  • Realizar una búsqueda y reemplazo únicamente en la tabla wp_posts.
  • Usar una herramienta que realiza cambios en la base de datos de una manera segura. La herramienta en cuestión es: Database Search And Replace Script in PHP

Yo he podido probar la segunda opción y te diría que es la mejor porque dudo que en todos los casos valga únicamente con reemplazar en la tabla wp_posts.

Obtener la url raíz en WordPress

Diseño y Programación Web, Programación, ,

A veces es necesario que el servidor calcule la url raíz donde está ubicado nuestro sitio WordPress.

Pongamos el siguiente ejemplo, tenemos en html lo siguiente:

<img src="./wp-content/themes/template/assets/img/ICON-twitter.png"  id="twitter"/>

Si este código html está dentro de un archivo que se utiliza en muchas partes de la web (mediante include o require) es posible que  la imagen no llegue a mostrarse.

Si pasa esto podemos asegurarnos de que el servidor se irá al directorio correcto poniendo la ruta absoluta mediante la variable $baseUrl.

<img src="<?php echo $baseUrl?>/wp-content/themes/template/assets/img/ICON-twitter.png"  id="twitter"/>

Con el anterior código nos aseguramos que irá a la ruta correcta a buscar nuestra imagen ya que $baseUrl contiene la url raíz en WordPress correcta donde está instalado.

Últimas tecnologías Web

Diseño y Programación Web, , , , , , , , , , , , , , , , , , , , , , , ,

Muchas tecnologías avanzan vertiginosamente hacia un futuro que seguramente no podamos ni imaginar. Este mismo futuro no nos permite ni un solo descanso y nos obliga a seguir aprendiendo. En el área del desarrollo y programación web pasa lo mismo.

Cada cierto tiempo los lenguajes de programación como ASP.Net, PHP, silverlight, etc. realizan cambios y mejoras en su framework aumentando, refinando y adaptando su funcionalidad y, al mismo tiempo, dejando poco a poco obsoletas versiones anteriores.

Por eso es recomendable utilizar las últimas tecnologías al servicio de los clientes. Tecnologías Web:

  • Web 2.0 – jQuery, XHTML, HTML5, AJAX
  • PHP 5.x
  • .Net 4.0 y .Net 4.5 – ASP.Net, Silverlight, Web Services, WCF, Entity Framework
  • CMS – Joomla! 2.5, joomla! 3.0, Drupal 7, WordPress 3.x
  • Datos y SGDB – SqlServer, Oracle, MySql, Pervasive, ODBC, XML, csv…
  • Servidores Web – IIS 6, IIS 7 y Apache.

Si lo prefiere para posibles mantenimientos de antiguos sitios web también tengo amplia experiencia en las versiones anteriores de PHP, ASP Clásico, ASP.Net (1.0, 2.0, 3.0 y 3.5) y joomla 1.6

Habilitar compresión gzip en WordPress

Diseño y Programación Web, ,

La compresión permite a un sitio web mejorar su rendimiento y con ello que la carga de la página se realice de una manera más rápida.

Para habilitar compresión gzip en WordPress de una manera sencilla podemos entrar en el backend de wordpress

http://midominio.es/wp-admin

Una vez dentro le agregamos a la dirección options.php:

http://midominio.es/wp-admin/options.php

Buscamos la palabra «gzip»  y si se encuentra con valor 0 está desactivado. En nuestro caso como queremos habilitarlo pondremos el valor 1 y con esto lo activaremos.

Es necesario que el usuario autenticado en el panel de administración sea del perfil administrador que es el rol necesario para acceder al fichero options.php.

 

Menú desplegable en WordPress

Diseño y Programación Web,

Básicamente existen dos tipos de menú desplegable en WordPress:

  • Elemento de menú padre que contiene un enlace a una página, url o categoría
  • Elemento de menú padre que no contiene ningún enlace, es decir, que únicamente sirve para desplegar o hacer visibles sus elementos inferiores (hijos).

Para crear este último elemento padre es tan fácil como crear un elemento de menú cuya url sea #:

menu-desplegable-wordpress

Una vez añadido al menú tan solo quedará agregarles los elementos hijos para agruparlos dentro de él.