WordPress copias de seguridad - backup

¿Cómo hacer una copia de seguridad (backup) de WordPress?

Las copias de seguridad o backup  de todo tipo de sistemas e instalaciones son el medio de mantenimiento preventivo más popular en el mundo de la informática. De forma puntual o rutinaria, creamos una réplica que nos permitirá hacer funcionar un sistema en caso de fallo, recuperando los datos del estado anterior. WordPress no puede ser menos y aunque existen plugins y otros métodos para hacerlo voy a mostraros la mecánica básica.

WordPress copias de seguridad - backup

Cualquier instalación de WordPress tiene dos partes diferenciadas:

  • La común: el núcleo de WordPress
  • La propia de cada blog: la que hace que tu instalación de WordPress sea diferente a todas las demás

La parte propia consiste en:

  • El directorio /wp-content, en donde se encuentran los temas, las subidas y los plugins con los ficheros que generan
  • El fichero wp-config.php
  • Los datos dentro de MySQL

La parte común siempre podremos descargarla desde el portal del proyecto, por lo que para hacer una copia de un sistema WordPress (use BuddyPress, bbPress o cualquier cosa) nos limitaremos a guardar la parte propia. Veamos cómo.

Para copiar la parte referente al directorio /wp-content y al fichero wp-config.php podemos usar directamente un cliente de FTP como FileZilla.

  • Instalamos FileZilla directamente desde nuestro gestor de paquetes o desde la página del proyecto
  • Lo ejecutamos
  • Nos conectamos al servidor usando la "Conexión rápida"
  • Introducimos: servidor, nombre de usuario y contraseña (y puerto si es diferente al estándar) clic en "Conexión rápida" y ya comenzamos a navegar
  • Tenemos los datos de nuestro disco local a la izquierda y del servidor a la derecha
  • Elegimos el fichero y el directorio en cuestión y lo descargamos a nuestro disco

Respecto a la base de datos, podemos usar algún método como el aquí comentado, sin embargo, vamos a describir otro que hace uso de phpMyAdmin, el fantástico cliente web de MySQL:

  • Accedemos a nuestra instalación de phpMyAdmin (por ejemplo: http://www.nuestrodominio.com/phpmyadmin/), preguntad a vuestro alojamiento si no la conocéis
  • Iniciamos sesión (las credenciales, son las de MySQL almacenadas en wp-config.php)
  • Hacemos clic sobre la pestaña "Exportar"
  • Elegimos "Personalizado"
  • Elegimos la base de datos
  • Dejamos todas las opciones específicas del formato tal cuál vienen
  • Bajamos y hacemos clic en "Continuar"
  • El fichero SQL comenzará a descargarse

Enhorabuena, ya tienes tu copia de seguridad de WordPress realizada, el proceso inverso, te servirá para restaurar tu instalación a su estado en el que la guardaste.

Esta entrada es una traducción, interpretación de la entrada que escribí ayer para Rockin WordPress.

En una entrada posterior detallaremos este proceso por si te han quedado dudas.

Desactivar autocompletado en formularios HTML

Cuando estamos trabajando con formularios en la web, es muy común que por comodidad del usuario, el navegador incorpore algunos datos que son repetitivos entre ellos: nombre, apellidos, dirección de correo electrónico, etc. La idea es facilitarle la vida al usuario y hacer más rápido el uso del formulario.

Sin embargo, en ocasiones, desearemos que no se produzca dicho autocompletado. Por ejemplo, la web de un banco, un nombre de usuario en una plataforma, o algo susceptible de ser usado de forma malintencionada.

Para desactivar el autocompletado, disponemos del atributo autocomplete. Veamos un ejemplo de uso, lo incorporamos directamente en el formulario:

<form autocomplete="off">

O más concretamente al input en cuestión si queremos afinar en cada entrada de texto:

<input autocomplete="off">

Sin embargo hay un problema: no valida en los test del W3C. Para solventarlo, tenemos varios métodos, el más sencillo es el siguiente que lo he implementado usando jQuery:

$('input,form').attr('autocomplete','off');

Lo mejor de mi RSS del 9 al 15 de abril

Pix Bros

En el día de hoy voy a reseñar un juego muy divertido para mí: Pix Bros de Pix Juegos. Este juego es un homenaje a tres clásicos en el mundo del Arcade: Snow Bros, un juego de arcade lanzado en 1990 por Toaplan, Bubble Bobble, un videojuego de plataformas creado por Taito y Tumblepop es un videojuego de plataformas arcade desarrollado por Data East y lanzado en 1991.

La mecánica del juego es sencilla. Eliges a uno de tres personajes posibles, cada uno se basa en uno de los tres juegos homenajeados, y el objetivo es eliminar todos los enemigos de la pantalla.

Instalarlo es muy fácil desde Ubuntu, entra en el Centro de Software, busca por pix bros y pulsa en Instalar.

Los controles son sencillos, los cursores sirven para moverse lateralmente, para saltar pulsa Alt o Z y para disparar con Espacio o X. Para salir pulsa la tecla Esc.

Lo mejor de mi timeline del 7 al 13 de abril

favicon

Personalizar el favicon en un blog WordPress

Un favicon (del inglés favorites icon, icono de favoritos) es una imagen que asociada a nuestro sitio web se muestra junto al título que se ve en la pestaña o en el menú de marcadores. Sin lugar a dudas, es uno de los elementos que más identifican a nuestra web y por lo tanto, hay que cuidarlo.

favicon

Si usáis un blog en WordPress y suponiendo que tenéis ya vuestro favicon (si no lo tenéis probad con esta herramienta) lo primero es subirlo a vuestro blog. Para ello con un cliente FTP (FileZilla por ejemplo) lo subís a la carpeta de vuestro tema activo (no es obligatorio  hacerlo ahí, pero sí es lo lógico) y os quedáis con la ruta. Será del tipo: http://tudominio.com/wp-content/themes/vuestro_tema/favicon.ico.

El siguiente paso será editar el fichero header.php de vuestro tema activo, podéis hacerlo desde el FTP o desde el escritorio en "Apariencia", "Editor". Dentro de dicho fichero, buscáis la línea de código que empieza por:

<link rel="shortcut icon"

Y termina por:

/favicon.ico" />

Esta línea la sobrescribís con la siguiente:

<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

En caso de que no encontréis esta línea, dentro de la etiqueta <head>, la incluimos. Tenéis más información en la referencia de WordPress.

Los lenguajes de programación usados en los principales proyectos software

Esta mañana, he leído de mi amigo Carazo una nota sobre en qué lenguaje de programación y con qué tecnología está implementado el software que usamos a diario.

En la lista podemos ver los principales proyectos software de sistemas operativos como Windows, Mac Os y Linux. También se puede observar los navegadores más populares, las suites ofimáticas, así como páginas webs, intérpretes y mucho más.

Pero necesito hacer una aclaración.

Aunque en muchos proyectos se vea que están programados en C++, no es del todo cierto. Un programa escrito en C++ puede tener en su mayoría código escrito en C. De hecho, prácticamente puedes tener programas en C y crear el ejecutable con un compilador de C++. La dualidad C y C++ proporciona una combinación perfecta para crear los mejores productos software existentes. Como muchos sabéis, C++ es C con clases y algunos añadidos más que hacen más completo el lenguaje creado por Dennis M. Ritchie.

Por eso, hay que tener cuidado con esta lista, aunque veamos en su mayoría que el principal software está en C++, es probable que tenga más código de C que de C++. Por ejemplo, GCC aparece que está en C++, cuando no tendría que ser así. He entrado en el análisis de Ohloh y el 37 por ciento, frente al 27 de C++, está escrito en C. Por tanto, sería honesto indicar que está en C en vez de C++, aunque lo más justo, en mi opinión, es establecer una sóla columna: C/C++.

Enlace: The Programming Languages Beacon.

C es el lenguaje de programación más popular según TIOBE

Personalmente, siempre me ha gustado comentar la evolución de la popularidad de los diferentes lenguajes de programación según el índice TIOBE. Tanto en 2010 como en 2011 hice un pequeño análisis y ahora me gustaría anunciar un cambio importante en esta lista: la subida de C al número uno.

La llegada de C al primer puesto de popularidad era inminente. Cada mes C aventajaba paso a paso a Java en pequeños porcentajes hasta que este mes lo ha superado. C es la base de la programación actual: sistemas operativos, bases de datos e incluso intérpretes de otros lenguajes de programación están escritos en C. Según mi opinión, las razones del descenso de Java son dos. Primero, Java está estancado y sigue siendo muy pesado, y hasta que aparezca la versión 8 esto no va a cambiar. Y segundo, aunque no haya ganado popularidad, C# es más completo y rápido que Java, sólo hay que ver la comparativa. De todas maneras, la plataforma Java creada es tan grande que es complicado que quede relegado a un tercer puesto.

En esta lista hay que destacar la increíble escalada de Objective-C, el lenguaje de programación preferente en el sistema operativo iOS. Es obvio que Apple está consiguiendo un nutrido grupo de programadores para sus productos. Y es normal, cada vez las ventas de sus dispositivos aumentan más y más lo que conlleva a una mayor demanda. También hay que recalcar las subidas de PL/SQL, Visual Basic .NET y NXT-G. Éste último lenguaje es el utilizado para los robots de LEGO Mindstorms NXT, resulta curioso saber cómo ha llegado al vigésimo puesto.

Script

Yandex Disk, la alternativa a Google Drive

Y digo alternativa porque parece que al buscador ruso Yandex le han influido lo que desde hace tiempo parece que está dejando de ser un rumor. Incluso algunos apuestan que este mes saldrá el esperado Google Drive.

¿Qué es Google Drive? En cortas palabras, una alternativa a Dropbox. Un lugar en la nube donde mantener una copia de nuestros datos para su uso de manera online y sincronizados con nuestro escritorio.

Pues bien, la gente de Yandex se ha puesto las pilas y ante la "inminente llegada" de Google  ha lanzado Yandex Disk. Actualmente provee 10GB de almacenamiento gratuito, y soporta Android, iOS, OS X y Windows. Parece que en Linux no existe versión aun, esperemos que se tomen en serio su eslogan: "A free file storage serviceaccessible from any internet-enabled device" y pronto preparen una versión; entonces lo probaré.

Estaremos al tanto y os iremos adelantando noticias al respecto. Desde Linux Hispano, esperamos que el buscador ruso nos sorprenda en los próximos días con una versión de Yandex Disk para Linux.

Manejo de listas select con jQuery (ComboBox/DropDownList)

jQuery es un framework cuyo uso se hace casi inevitable para todos aquellos que usamos de forma intensiva JavaScript. El manejo de las listas de elementos en un sitio web, con la etiqueta <select>, es algo básico en el manejo de datos presentados en formularios.

De cara a validar, gestionar, editar, insertar... es decir, hacer todo tipo de operaciones con los datos en el cliente, necesitamos de JavaScript pero su uso es tedioso. jQuery lo hace simple e inmediato. Veamos el caso concreto del manejo del <select>.

Veamos, tenemos el siguiente listado en un sitio, vemos el código directamente en HTML:

<select id="miselect">
 <option value="1">Ubuntu</option>
 <option value="2">Fedora</option>
 <option value="3">Red Hat</option>
 <option value="4">Debian</option>
</select>

Para cada elemento tenemos dos datos:

  • El texto que se muestra: suele ser algo visible para el humano, un nombre de distribución en este caso
  • El valor: suele ser un identificador único, en este caso es una referencia ficticia a una tabla de distribuciones

Comencemos a tratarlo.

Seleccionar el elemento

La sintaxis de los selectores de jQuery está basada en la de CSS. En este caso elegir el <select> dentro del DOM del documento sería como sigue:

$("#miselect")

Obtener el valor del ítem seleccionado

Sobre el selector aplicamos la función val():

var mivalor = $("#miselect").val()

Obtener el texto del ítem seleccionado

Análogo al anterior, pero no podemos directamente usar la función text(). En caso de usarla directamente tendríamos una cadena con todos los textos que aparecen en el <select>. Para asegurarnos que tenemos sólo el texto del elemento seleccionado incluimos en el selector "option:selected".

var mitexto = $("#miselect option:selected").text()

Controlar el cambio de valor elegido

También es importante controlar cuándo cambia el valor elegido. Para manejar este evento usamos el siguiente código:

$("#miselect").change(function() {
 alert("Han cambiado mi valor"); 
});

Elegir un valor desde el código

En este caso usaremos la función val() pero en lugar de usarla sin parámetros, le pasaremos un entero, con esta sobrecarga se comporta tal como queremos. Elegimos el segundo valor para nuestro ejemplo:

$("#miselect").val(2)

Añadir más valores en el cliente

Usamos la función appendTo():

$("<option value='5'>Scientific Linux</option>").appendTo("#miselect");

Modificar el contenido interno en el cliente

Si queremos un cambio más radical, porque hayamos recibido una información de una petición AJAX tenemos la función html():

$("#miselect").html(nuevosDatos);

Como veis todas estas operaciones son muy simples cuando usamos jQuery, ¿alguien quiere apuntar vía comentario cómo serían las mismas operaciones usando JavaScript directamente?

Lo mejor de mi RSS del 2 al 8 de abril

Lo mejor de mi timeline del 31 de marzo al 6 de abril

@javierburon Pantalla táctil para tablets y smartphones. Lo último.
@TuXapuntes GNU/Linux: Programación de Sistemas
@hackplayers Apple tiene la clave maestra para descifrar tus datos de iCloud
@ahornero Fractalizer para Gimp. Simplemente cumple su función, y bien
@googlechrome Modo multitarea en Google Chrome / Chromium
@BradBirdsall Sintaxis para MoreCSS

Interfaz Metro en Firefox

Lo sé, no estamos hablando de Linux. Y esto es Linux Hispano.

Considerando las estadísticas del sitio, más del 46% de las visitias que recibimos se hacen desde el navegador web Firefox, y un 20% del total con este navegador y sobre Windows. Sí, gran parte de nuestros seguidores lo hacen desde este Sistema Operativo y, aunque penséis lo contrario, lo entiendo; es el SO más extendido y muchos en el trabajo u ordenador de sus amigos no pueden usar otro.

A lo que iba, me ha parecido relevante compartir con vosotros la filtración de la que puede ser la interfáz Metro sobre Firefox. La gente de Mozilla ya se ha puesto las pilas y no se quieren quedar atrás.

A continuación os dejo una serie de capturas de lo que en pocos meses será un lanzamiento.

Avatar


1 2 79 80 81 164 165