Posts Tagged PHP

7 Trucos para aumentar la velocidad de WordPress

La velocidad de una web puede ser la llave para que triunfe o fracase. Antes las webs se cargaban mucho de contenido, pero ahora se basan en su sencillez. Como mas ligera es una web mas rápido se carga i por lo tanto los lectores tienen que esperar menos. Estudios científicos revelan que si una web tarda mas de 30 segundos en el 90% de los casos será cerrada independientemente de su contenido. Así que ya sabemos a hacer webs fáciles y rápidas de cargar. Lo haremos con WordPress siguiendo los puntos de a continuación.

1- Actualizar WordPress y plugins

A parte de que mejora la seguridad y las prestaciones también mejora la velocidad, puede parecer básico pero es útil.

2- Eliminar los plugins innecesarios

Algo que nos puede sobrecargar el blog son plugins que no usamos así que los podemos borrar. Si pensamos que en un futuro los usaremos, los podemos guardar. Aunque esté desactivado WordPress comprueba si lo está o no por eso tarda mas.

3- Eliminar PHP variante

Esto tiene su lógica, pero os lo voy a explicar mejor. Las partes fijas del PHP todas las veces se actualiza al cambiar de página, lo que podemos hacer es poner HTML estático para de este modo solo cargarlo la primera vez y aligerar de peso las otras cargas de la web.

4- Optimiza y repara la base de datos

Esto puede ser útil cuando ya tenemos cierto contenido. Nos puede mejorar la velocidad de la base de datos hasta un 20%, merece la pena no? 😉

5- Alojar las imágenes en otro servidor

Al alojar las imágenes en un servidor diferente, como Flickr, conseguiremos aumentar un 60% ya que nuestro servidor solo cargará el contenido y los gráficos serán requeridos en otro servidor.

También podemos usar wp-offload este plugin nos descarga el contenido estático de la web al ordenador del visitante y de este modo no requerirá cada vez una petición al servidor.

6- Optimizar las imágenes

Con Shrink O’Matic (es una aplicación online) podremos modificar el tamaño de las imágenes como deseemos. Soporta los formatos, jpg, gif y png.

7- Plugins de utilidad

Este plugin WP Super Cache genera una parte estática y otra dinámica, por lo tanto solo carga la dinámica.

Mejora la velocidad de respuesta de tu blog sin mucho esfuerzo con PHP Speedy WP.

Anuncios

Dejar un comentario

Actualizar WordPress

Para evitar posibles desastres seria recomendable seguir este manual paso a paso. Este manual sirve para todas las versiones de WordPress.

Paso 1: Realizar una copia de seguridad

Con la ayuda de tu cliente FTP copias todos los archivos alojados a tu server i los guardas en tu ordenador, incluida la base de datos. Qualquier cosa que tengas en tu server lo guardas de esta forma no perderas nada en caso de accidente. Es muy importante realizar este paso ya que si te quedas atascado, no funciona o necesitas volver altras con la ayuda de este back up no habra que lamentar nada. Quizas en tu hostin haya un lugar que con un solo click te lo baje todo.

Todos los ficheros incluyen .htaccess que estará en el directorio raiz, los plugins, themes… Insisto todo lo que haya ya que os podra ahorrar dolores de cabeza.

Paso 2: Verificar la copia de seguridad

Aunque parezca innecesario a veces puede haber problemas por culpa de algun archivo corrupto o que te hayas dejado alguno…

Se verifica navegando por las carpetas y abriendo los archivos comprimidos…
Sinceramente no lo suelo hacer nunca pero si hay tiempo nunca viene de mas.

Paso 3: Desactivar TODOS los plugins

Vamos al panel de los plugins y los desactivamos a todos ya que una actualización podria dañarlos, como consequéncia tendríamos que volver a instalarlos.

Otra opcion mas rápida seria renombrar la carpeta plugins con qualquier otro nombre y una vez instalado el nuevo wordpress ponerle otra vez el nombre original.

Paso 4: Asegurarte que los 3 primeros pasos estan bién

Dato importante, los tres primeros pasos han de estar correctos, por lo menos el 1 i el 3. No intentes continuar si no lo has hecho para y revisalo. Si tienes alguna duda o problemilla hay foros llenos de gente dispuesta a ayudar (http://wordpress.org/support/). Pero te preguntaran si has realizado dishos pasos.

Paso 5: Descargar y descomprimir el nuevo WordPress

Puedes descargar el nuevo WordPress de http://wordpress.org/download/. Lo descomprimes en tu ordenador creando así un directorio para este. No modifiques nada excepto sepas lo que haces.

Paso 6: Borrar los fichero antiguos de wordpress

Es recomendado borrar ya que a veces los ficeros no se pueden sobre escrivir y podria darnos algunos errores. Lo puedes hacer con la consola, tu cliente FTP o incluso con los gestores que te ofrece el propio servicio.

Cuidado, no borrar ninguno de estos ficheros:

  • el fichero wp-config.php
  • la carpeta wp-content
  • la carpeta wp-images
  • la carpeta wp-includes/languages/ si estás usando ficheros de idiomas, si lo tienes en otro idioma que no sea el inglés
  • el fichero .htaccess — si has añadido alguna regla a .htaccess, no lo borres
  • Qualquier contenido que hayas personalizado y/o plugins — si tienes imagenes o plugins personalizados en la carpeta wp-content, no los borres.

Borra estos ficheros y carpetas:

  • los ficheros wp-*, readme.html, wp.php, xmlrpc.php, and license.txt; files; Normalmente estos serán los ficheros de la raiz de tu WordPress. Me repito no borres el fichero wp-config.php.
  • la carpeta wp-admin;
  • la carpeta wp-includes; Si usas ficheros de idioma recuerda no borrar la carpeta wp-includes/languages/

Paso 6: Subir los nuevos ficheros

Sube los ficheros descomprimidos a tu hosting. Puedes usar el cliente FTP, el servidor del proveedor…
Pero a la carpeta raiz (dónde borraste los ficheros), en la que lo tienes todo.

En el directorio wp-content contiene los temas y plugins de tu WordPress. Éstos no deberían ser tocados ni modificados durante la actualización.

Paso 7: Ejecutar la actualzación de WordPress

Para ejecutar la actualización pon wp-admin/upgrade.php detrás de la dirección de tu blog en tu navegador.
quedando http://tudominio.com/wp-admin/upgrade.php.

Si estuviera en una carpeta entonces pondriamos el nombre del hosting, el de la carpeta y wp-admin/upgrade.php. Quedando http://tudominio.com/carpeta/wp-admin/upgrade.php.

Paso 8: Actualiza los demás componentes

Si es necesario, actualiza de nuevo las reglas y modificalas en el fichero .htaccess, en Opciones->Permalinks dentro de la administración de WordPress.

Revisar que todos los plugins que ya tenias funcionan con la nueva versión de WordPress, sinó consultar en la web oficial de cada plugin o en la seccion oficial de los plugins en la página de WordPress.

Lo mismo con los themes, comprovar si son compatibles y actualizar los que sean necesarios

Paso 9: Reactivacion de los plugins

Usando la administración de WordPress reactivar todos los plugins.

En el caso de que hubieses cambiado el nombre de la carpeta contenedora de estos vuelve a renombrarla Plugins y activarlos en la administración de WordPress.

Ya has terminado la actualización de tu WordPress, a que esperas para personalizarlo mas hondamente?

Dejar un comentario

Editar el sidebar de WordPress

Aquí aprenderemos a modificar nuestra barra lateral o también llamada sidebar.

Cuántas veces no nos hemos quejado cuando sale

Pues hay dos formas de quitarlo. La primera es yendo a http://www.aquitupagina.com/wp-admin/link-manager.php. Aquí podremos quitar enlaces o cambiarlos, poner de nuevos…

Y la segunda es mediante código. Para esto habrá que currárselo un poco más pero aumentaremos las prestaciones. Hemos de tener en cuenta que algo puede salir mal, por lo tanto podemos realizar una copia y pegarla en el bloc de notas o asegurarnos de tener el sidebar guardado en otro lugar,. Cuándo vayamos a editar código tendríamos que asegurarnos que editamos el archivo correcto del theme correcto. Aquí podremos editarlo mediante el blog de notas o directamente des del navegador. Todos los pasos serán los mismos,  abriremos el sidebar de nuestro theme con el blog de notas. Si lo deseamos hacer directamente de nuestra web vamos a http://www.aquitupagina.com/wp-admin/theme-editor.php. Después en la barra lateral escogeremos Barra lateral (sidebar.php).

Ahora viene un poco de teoría. Todas etiquetas que pongamos tiene un principio y fin. Por lo tanto debemos poner <etiqueta> lo que pongamos </etiqueta> aqi se termina. Las etiquetas h2 son los bloques de menú, representan los titulos. Cada bloque esta definido por listas li. El sidebar esta entre etiquetas ul, antes de cada bloque también se debe poner otra. Un ejemplo sencillo de sidebar es:

<ul id=” La sidebar”>
<li id=”Nombret”>
<h2>Titulo del bloque</h2>
<p>Tagina</p>
</li>
<li id=”links”>
<h2>Enlaces</h2>
<ul>
<li><a href=”tu enlace”>Nombre enlace</a></li>
</ul>
</li>
</ul>

Ahora viene la parte de código para quitar el apartado de enlaces buscaremos <?php wp_list_bookmarks(); ?> y lo suprimiremos. Una vez hecho esto ya no aparecerá más excepto que lo volvamos a poner.

Ahora podemos crear nuestra categoría de enlaces.

Pondremos <li><h2><?php _e(‘Enlaces’, ‘kubrick’); ?></h2> para crear un apartado.

Para poner enlaces

<ul><li><a href=”la web” title=”<?php _e(‘lo que queremos que nos muestre al poner el puntero encima’, ‘kubrick’); ?>”>titulo del enlace</a></li>
<?php wp_meta(); ?>
</ul>

A mi el sidebar me queda así, se podría considerar como ejemplo.

<div id=”sidebar”>
<ul>
<?php /* Widgetized sidebar, if you have the plugin installed. */
if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>
<li>
<?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
</li>

<?php if ( is_404() || is_category() || is_day() || is_month() ||
is_year() || is_search() || is_paged() ) {
?> <li>

<?php /* If this is a 404 page */ if (is_404()) { ?>
<?php /* If this is a category archive */ } elseif (is_category()) { ?>
<p><?php printf(__(‘You are currently browsing the archives for the %s category.’, ‘kubrick’), single_cat_title(”, false)); ?></p>

<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
<p><?php printf(__(‘You are currently browsing the <a href=”%1$s/”>%2$s</a> blog archives for the day %3$s.’, ‘kubrick’), get_bloginfo(‘url’), get_bloginfo(‘name’), get_the_time(__(‘l, F jS, Y’, ‘kubrick’))); ?></p>

<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
<p><?php printf(__(‘You are currently browsing the <a href=”%1$s/”>%2$s</a> blog archives for %3$s.’, ‘kubrick’), get_bloginfo(‘url’), get_bloginfo(‘name’), get_the_time(__(‘F, Y’, ‘kubrick’))); ?></p>

<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
<p><?php printf(__(‘You are currently browsing the <a href=”%1$s/”>%2$s</a> blog archives for the year %3$s.’, ‘kubrick’), get_bloginfo(‘url’), get_bloginfo(‘name’), get_the_time(‘Y’)); ?></p>

<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
<p><?php printf(__(‘You have searched the <a href=”%1$s/”>%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.’, ‘kubrick’), get_bloginfo(‘url’), get_bloginfo(‘name’), get_search_query()); ?></p>

<?php /* If this is a monthly archive */ } elseif (isset($_GET[‘paged’]) && !empty($_GET[‘paged’])) { ?>
<p><?php printf(__(‘You are currently browsing the <a href=”%1$s/”>%2$s</a> blog archives.’, ‘kubrick’), get_bloginfo(‘url’), get_bloginfo(‘name’)); ?></p>

<?php } ?>

</li> <?php }?>

<?php wp_list_pages(‘title_li=<h2>’ . __(‘Pages’, ‘kubrick’) . ‘</h2>’ ); ?>

<li><h2><?php _e(‘Archives’, ‘kubrick’); ?></h2>
<ul>
<?php wp_get_archives(‘type=monthly’); ?>
</ul>
</li>

<?php wp_list_categories(‘show_count=1&title_li=<h2>’ . __(‘Categories’, ‘kubrick’) . ‘</h2>’); ?>

<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>

<li><h2><?php _e(‘Usuarios’, ‘kubrick’); ?></h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li> </ul>
<li><h2><?php _e(‘Enlaces’, ‘kubrick’); ?></h2>
<ul>

<li><a href=”http://misnecesidades.webcindario.com&#8221; title=”<?php _e(‘Interesante lugar con algunos trabajos, ayudas y conocimientos’, ‘kubrick’); ?>”>Mis necesidades</a></li>
<?php wp_meta(); ?>
</ul>
</li>
<?php } ?>

<?php endif; ?>
</ul>
</div>

Fuente:

http://comunidad.dragonjar.org/index.php/topic,1035.0/topicseen.html
http://www.tecnobot.com/tutorial-como-adaptar-tu-theme-de-wordpress-a-widgets/

Comments (2)