Categoría: Wordpress

Cómo instalar WordPress de forma local con XAMPP

Hola amigos! Si habéis buscado esta entrada ya sabéis lo que es XAMPP, ¿ahhhh no? Pues os lo dejo clarito en pocas líneas. Recordad que para esta entrada podéis usar el hastag #XAMPP2p5d en Twitter.

¿Qué es XAMPP?

XAMPP es el entorno más popular de desarrollo con PHP. Es una distribución de Apache completamente gratuita y fácil de instalar que contiene MySQL, PHP y Perl. El paquete de instalación de XAMPP ha sido diseñado para ser increíblemente fácil de instalar y usar.

¿Por qué usar XAMPP?

  • El entorno de desarrollo PHP más popular.
  • Para Windows, Mac OS X y Linux.
  • Fácil instalación y configuración.
  • Completamente gratuito.

Un vez que sabemos qué es XAMPP. Ahora vamos a instarlar (descarga aquí tu versión). Es tan fácil como ejecutar su instalador. Y luego? Pues como el médico “Siguiente” “Siguiente”…”Siguiente”, si eres experto, pues valora los tic’s y elige los que más te gusten 😉

WORDPRESS en local 2.5

Y no tengan miedo porque es súper sencillo.

Paso 0.5. Iniciar los servidores de XAMPP.

Una vez montada y ejecutada nuestra máquina XAMPP iniciamos desde su consola, el servidor APACHE y el de MYSQL. Yo además lo he instalado como un servicio de Windows (hay que hacerlo antes de arrancarlos).

xampp

Paso 1.5. Crear la BBDD.

Ahora nos vamos al “admin” del MySQL y creamos una BBDD (base de datos) con el nombre que queramos, por ej. “wp_prueba” con todo por defecto. Aunque en mi caso yo he seleccionado un cotejamiento “utf8_bin”, pero recomiendo “utf_general_ci”.

bbdd

Paso 2.5. Instalar wordpress.

Para ello tenemos que descargar en primera instancia el paquete de WordPress. Y descomprimirlo.  Posteriormente hay que copiar todas las carpetas y archivos contenidos en el directorio “…\wordpress\” en la carpeta de XAMPP conocida por “\htdocs\…” que es el directorio raíz por defecto.

Ahora vamos a abrir el archivo “wp-condif-sample.php”  que está así por defecto:

// ** Ajustes de MySQL. Solicita estos datos a tu proveedor de alojamiento web. ** //
/** El nombre de tu base de datos de WordPress */
define('DB_NAME', 'nombredetubasededatos');
/** Tu nombre de usuario de MySQL */
define('DB_USER', 'nombredeusuario');
/** Tu contraseña de MySQL */
define('DB_PASSWORD', 'contraseña');
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
define('DB_HOST', 'localhost');
/** Codificación de caracteres para la base de datos. */
define('DB_CHARSET', 'utf8');
/** Cotejamiento de la base de datos. No lo modifiques si tienes dudas. */
define('DB_COLLATE', '');

Y lo cambiamos a los datos personalizados con los que hayamos creado la BBDD, por ejemplo en mi caso:

// ** Ajustes de MySQL. Solicita estos datos a tu proveedor de alojamiento web. ** //
/** El nombre de tu base de datos de WordPress */
define('DB_NAME', 'wp_prueba');
/** Tu nombre de usuario de MySQL */
define('DB_USER', 'root');
/** Tu contraseña de MySQL */
define('DB_PASSWORD', 'root'); (por defecto si no lo has cambiado en XAMPP, se deja vacío '').
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
define('DB_HOST', 'localhost');
/** Codificación de caracteres para la base de datos. */
define('DB_CHARSET', 'utf8');
/** Cotejamiento de la base de datos. No lo modifiques si tienes dudas. */
define('DB_COLLATE', '');

Y guardamos el archivo. En “Guardar como…”  con el nombre de  “wp-config.php”.

Ya estamos dispuestos para la instalación del paquete WordPress, así que accedemos en un explorador web a la dirección local de nuestro paquete de instalación, que será si todo lo habéis hecho correctamente,

http://localhost/wp-admin/install.php

ó

http://127.0.0.1/wp-admin/install.php

Donde introduciremos los datos solicitados y pulsaremos “INSTALAR WORDPRESS”  para que la instalación quede completada. Y ya podréis acceder a la versión local de vuestro WordPress. Os aconsejo que la uséis para estilos definitivos de vuestra web para un futuro servidor, pero la migración de contenidos será algo complicada y casi siempre nada satisfactoria, por lo que espero que os sirva para hacer pruebas y no chafar versiones en explotación.

Por último, recordaros que el acceso a vuestro panel de administración de WordPress es http://tudominio/wp-admin”!!

Ya sabéis si os gustan mis actualizaciones seguidme en @JaviLSanchez, allí tendréis muchos más consejos de #Soy2punto5D

¡¡¡GRACIAS!!!

Y muy pronto la guía completa para la instalación de iOS Mavericks en Virtual Box GRATIS!!

Como actualizar el código de seguimiento de Google Analytics en WordPress


Parecerá una tontería, pero no me ha llevado menos de una hora el poder actualizar este dichoso código de seguimiento y poder validarlo desde la plataforma de Google Analytics.

La cosa es que si quieres ver los nuevos  informes demográficos que Google pone a nuestra disposición, es necesario modificar el código de seguimiento, y tenemos que cambiar la url a la que apuntamos en nuestro código de seguimiento que tenemos incrustado en nuestra página web de wordpress para que Google Analytics sea listo y nos muestre tooooooooooooodos los datos.

Petición codigo

Hay varias formas de hacerlo. Atentos porque ustedes ya la tendréis hecha de alguna de ellas (posiblemente) y según cuál, así debéis actuar:

Forma 1.5. La bruta. Lo tenéis incrustado en un archivo del tema, header.php o footer.php, a pelo. Esto quiere decir que si actualizáis vuestro tema. Bye Bye!! Al código de seguimiento. Y adiós también a los informes de Google =(. Así que os recomiendo que si lo tenéis así, lo cambiéis a cualquiera de los otros métodos!!

Forma 2.5. Menos bruta y sencilla. Lo tenéis a través de un widget de texto. Es decir desde la pantalla widget de nuestro tema tenemos que tener un widget con el código antiguo de seguimiento de Google Analytics. Debéis dejar el encabezado vacío para que así no lo muestre en nuestra página (imagino que ya lo tendréis así, no mofidicar). Por último, actualizar el código por el que os dice Google Analytics que tenéis que poner ahora para poder validar el código, en principio es sólo una línea respecto al anterior. Guardar y listo!

Forma 3.5. “Sencilla” y algo bruta. Si lo tenéis a través del plugin gratuito de Google Analytics de Yoast, habréis visto que es imposible de actualizar este código al nuevo código con las opciones del plugin. Pero aún nos queda un resquicio. Si sois algo duchos, que creo que sí, y tenéis acceso al FTP de vuestra página. Os invito a que accedáis al plugin anterior y en la carpeta “frontend/”  abráis el archivo “class-frontend.php”, debería ser el único que hay en esa carpeta.

Luego buscar en el archivo el trozo de código que os pongo aquí:

$script = 'ga.js';
if ( current_user_can( 'manage_options' ) && $this->options['debug'] )
$script = 'u/ga_debug.js';
echo "('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + 'google-analytics.com/" . $script . "'";
}
?>;

Y cambiarlo por este otro:

$script = 'dc.js';
if ( current_user_can( 'manage_options' ) && $this->options['debug'] )
$script = 'u/ga_debug.js';
echo "('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/" . $script . "'";
}
?>;

Guardar y subir al FTP.

¿FIN?

Puede que sí, puede que no. Como todo. Una vez hecho cualquiera de las tres opciones. Pulsar en “Validar el código de seguimiento” si está todo correcto ¡Enhorabuena! y tendrás que esperar 24 horas para empezar a obtener los informes, el mismo botón te lo dice ¡Mira!

éxito

 

Pero amigo cuidado!! Porque a veces no todo es oro lo que reluce. A veces el dichoso botón, no obtiene este resultado y vuelve a pedirte la validación. En ese caso, algo hemos hecho mal. Para asegurarte que el código antiguo no está pululando por ahí, debes de actualizar tu página web en el navegador (F5) y ver el código fuente. Si en una búsqueda puedes encontrar aún “google-analytics.com” y ves que el trozo de código antiguo sigue estando presente, algo aún hay que cambiar, en mi caso era el “All in 1 SEO pack” que me estaba duplicando el código antiguo para la indexación de la página en los buscadores, y tenía el código nuevo, pero también el antiguo en dicha sección (All in 1 Seo Pack) del código fuente. Así que os vais a las opciones del plugin “All in 1 Seo PAck” y elimináis cualquier indexación y los enlaces “canónicos”.

Ahora sí, si ya no os aparece en el código fuente, el código de seguimiento antiguo, no tendréis ningún problema en validar vuestra web!!

Gracias, y puedes seguirme y agradecerme también en mi twitter @JaviLSanchez, puesto que ahí veréis todas las novedades 😉 del blog y muchos más!!

Cómo saber qué tema y plugins usa un blog de wordpress

Una pregunta, ¿Os ha pasado que habéis visto un blog o página web, powered by WordPress, y os encantaría saber qué theme usa?

Y yendo mucho más lejos, si visitando dicha página os quedáis prendado de cualquiera de sus plugins ¿No os gustaría saber cuál es? Para así poder agregar más funcionalidad a vuestro sitio web.

¡Maravilloso! Porque buceando por las entrañas de la red, he podido conocer una herramienta web que hace todo esto, y GRATIS, que buena gente hay en este mundo 2.5D de los desarrolladores web. El sitio en cuestión es http://whatwpthemeisthat.com/ y si accedemos a él, vemos un cuadro de texto, en el cual tenemos que copiar la dirección web de la página creada con wordpress que hayáis visitado, e inmediatamente os aparece la información del tema que usa el blog y de todos sus plugins.

Muchas gracias, espero que os parezca súper interesante esta herramienta al igual que a mí.

Y me sigáis en @JaviLSanchez ¡Saludos amigos blogueros!