Yourls: Instalando un acortador de urls para Wordpress paso a paso

40
@BENITEZRAFA INSTALACIÓN PASO A PASO DE YOURLS PARA WORDPRESS Rafael Benítez Moreno @BenitezRafa http://www.benitezrafa.es

description

Instalando nuestro propio acortador de URLS para Wordpress en 9 pasos.

Transcript of Yourls: Instalando un acortador de urls para Wordpress paso a paso

Page 1: Yourls: Instalando un acortador de urls para Wordpress paso a paso

@ B E N I T E Z R A F A

INSTALACIÓN PASO A PASO DE YOURLS PARA WORDPRESS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 2: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 1: BUSCAR EL DOMINIO Y ALOJAMIENTO PARA EL ACORTADOR

• Buscaremos alojamiento y dominio para nuestro

proyecto.

• Soporte PHP5 y MySQL

• Dominio de 3 o 4 caracteres

• Las terminaciones poco corrientes pueden valer.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 3: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 1: BUSCAR EL DOMINIO Y ALOJAMIENTO PARA EL ACORTADOR

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 4: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 2: CREACIÓN DE UNA BBDD

• Crearemos una BBDD nueva

• Apuntaremos el nombre, usuario y password de la

misma.

• Si hemos creado la BBDD en otro servidor apuntar

la dirección a la que apunta para el siguiente paso.

• Si hemos instalado la BBDD en el servidor del

dominio apuntaremos “localhost”

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 5: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 2: CREACIÓN DE UNA BBDD

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 6: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 3: BAJAR YOURLS

• Bajaremos Yourls desde www.yourls.com

• En la página principal justo al final “Download”.

• Iremos al repositorio de código GitHub y bajaremos la última versión.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 7: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 3: BAJAR YOURLS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 8: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 4: DESCARGAR YOURLS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 9: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 5: DESCOMPRIMIR YOURLS EN TU SERVIDOR.

• Descomprimiremos todos los archivos de la carpeta

del zip en la raiz pública del servidor.

• Este proceso lo podemos llevar a cabo desde un

cliente FTP – www.filezilla.org o desde el propio

hosting.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 10: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 5: DESCOMPRIMIR YOURLS EN TU SERVIDOR.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 11: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 5: DESCOMPRIMIR YOURLS EN TU SERVIDOR.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 12: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

• Volveremos a www.yourls.com y navegaremos

hasta la pestaña “Config”

• Podemos ver un ejemplo de configuración que

veremos en el siguiente paso.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 13: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 14: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 15: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

• Volveremos a nuestro gestor de FTP

• Buscaremos la carpeta USER

• Buscaremos el archivo config-sample.php y lo

renombraremos a config.php

• Bajaremos el archivo al escritorio y lo abriremos con

un editor de código (Editor de notas).

• Empezaremos a configurar cada uno de los datos

para hacer funcionar nuestro acortador de URL.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 16: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

• Rescatamos el papel donde teníamos apuntados los datos de la BBDD.

• En YOURLS_DB_USER cambiaremos los parámetros de “aaaaaabd” por el nombre de usuario de nuestra Base de Datos.

• En YOURLS_DB_PASS cambiaremos “12345bd” por la contraseña que hemos elegido.

• En YOURLS_DB_NAME pondremos el nombre de la BBDD que hemos creado anteriormente.

• Si hemos instalado la BBDD en nuestro hosting dejaremos LocalHost.

• No tocamos el prefijo de la BBDD “Yourls_”

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 17: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 18: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

• Usaremos un generador de contraseñas seguro para el siguiente paso.

• www.password.es para generar la clave de la “Cookie” del siguiente paso.

• Usar una clave de 25 caracteres mínimo.

• Copiaremos y guardaremos a buen recaudo dicha clave.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 19: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Ejemplo de clave

Page 20: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

• Cambiaremos la función “YOURLS_SITE” por el dominio

que hemos adquirido (Hay casos en los que no hace

falta el www. en otros hay que añadirlo para que no de

un error 403).

• En mi caso no he cambiado el idioma, pero en la web

de Yourls tenemos recursos para cambiarlo.

• Cambiaremos “YOURLS_COOKIEKEY” por los caracteres

que hemos generado a través de Password.es

• Añadiremos un nombre de usuario y contraseña donde

hemos puesto “Admin” y Password” (Podemos añadir

tantos usuarios y contraseñas queramos).

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 21: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 22: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

• Cambiaremos el parámetro “YOURLS_URL_CONVERT” si queremos que nuestras url usen mayúsculas y minúsculas indistintamente.

• 32 sólo minúsculas y números

• 62 mayúsculas + minúsculas + números.

• Podremos configurar palabras prohibidas para que nunca las use nuestro acortador.

• Guardaremos los cambios del archivo config.php

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 23: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 6: CONFIGURACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 24: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 7: INSTALACIÓN

• Abriremos el navegador e iremos al dominio que hemos comprado/user

• http://dominiocomprado/user

• Seguiremos las instrucciones de la pantalla.

• Pondremos el usuario y contraseña que hemos añadido al config.php y ya podremos empezar a utilizar nuestro acortador.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 25: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 7: INSTALACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 26: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 7: INSTALACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 27: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 7: INSTALACIÓN

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 28: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 8: DASHBOARD YOURLS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 29: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

• Volveremos a la página de YOURLS y en la sección

de plugins buscaremos el de la plataforma

Wordpress.

• Existen dos plugins a utilizar: Uno oficial y otro no. Yo

utilizo ambos.

• Nos bajaremos los plugins e instalaremos en nuestro

Wordpress.

• También podemos buscarlos desde el buscador de

plugins

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 30: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 31: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 32: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 33: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 34: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

• Tendremos que configurar los plugins para que tu

Wordpress enlace con el acortador.

• Para conseguir nuestra “Your secret signature

token” Nos iremos a al panel de control del ya

instalado Yourls y buscaremos en la pestaña “Tools”

dicha clave.

• Guardaremos cambios y…

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 35: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 9: WORDPRESS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 36: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 10: USANDO EL ACORTADOR

• Escribiremos una entrada y la publicaremos o programaremos.

• Aparecerá la opción de Yourls para acortar nuestra url.

• Elegiremos la combinación de palabras que queramos añadir (En este caso Yourls)

• Guardaremos los cambios.

• Iremos al panel de control de nuestro Yourls http://misitio.es/admin

• Usuario y contraseña y ya podremos analizar cada una de las urls creadas.

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 37: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 10: USANDO EL ACORTADOR

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 38: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 10: CONFIGURANDO URLS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 39: Yourls: Instalando un acortador de urls para Wordpress paso a paso

PASO 10: CONFIGURANDO URLS

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

Page 40: Yourls: Instalando un acortador de urls para Wordpress paso a paso

Rafael Benítez Moreno

@BenitezRafa

http://www.benitezrafa.es

INSTALACIÓN PASO A PASO DE YOURLS PARA WORDPRESS

Rafael Benítez Moreno

http://benitezrafa.es

@BenitezRafa