Cómo hacer una extensión para Google Chrome parte 1 Introducción

Reading Time: 5 minutes

Este post va a ser una simple introducción a las extensiones. Mi conocimiento no es de experto aunque es cierto que ya tengo una extensión publicada, otras en desarrollo e ideas que haré algún día, pero prefiero indicar que este post es solo para quien no tiene ni idea de por donde empezar.Esta es la Parte 1 donde voy a describir de forma general las extensiones. En la parte 2 quiero hacer una extensión desde cero que avise cuando haya un nuevo post de este blog :)

Para empezar, diferencias entre App y Extension

Veamos algunos conceptos porque se puede confundir:¿Qué es una Chrome App?Es una aplicación de chrome, las encontramos en la tienda de extesiones de Chrome, aquí.aplicaciones chrome extensionsCuando te la instalas estas aparecen en el menú de aplicaciones chrome:Pantalla_completa_092015_104016_AMComo se puede ver en la captura algunas apps tienen una flecha y otros no, sin entrar en detalle es porque hay dos tipos de apps: Las que tienen flecha son solo enlaces a una webapp (en una ventana separada) y las otras son más apps autocontenidas pero igualmente webapps.¿Que es una extensión de Chrome?Las extensiones de chrome son pequeñas utilidades que se usan mientras navegas… imagina… cualquier cosa, desde guardar la página para más tardetomar una captura de pantallapublicar en tus redes socialesformatear el código JSON… y cualquier cosa que hayan desarrollado ¡o lo hagas tu mismo!.

Al principio parecía que en el futuro sería posible usar las extensiones de Chrome en Android, pero parece ser que por ahora no lo van a implementar. Esto habría sido interesante.

Captura_de_pantalla_092015_014540_PMAl igual que las aplicaciones, las extensiones las podemos encontrar en la tienda de extensiones de Google, como verás hay miles (no he llegado a encontrar una estadística) pero siempre hay cosas por inventar/mejorar o simplemente hacer algo a tu medida que te ayude en tu trabajo solo para ti, yo lo hice.Instalarlas es tan fácil como elegir una en la tienda y pulsar en instalar, la gradísima mayoría (yo diría que el 99%) son gratis. Dependiendo del tipo de extensión se mostrará de una forma u otra, lo normal es que tengas un icono como la captura de arriba, y de esta forma “abres”(ejecutas) la extensión (también pueden tener un proceso en segundo plano).Explicada la diferencia veamos en las extensiones algo más en detalle.

Extensiones de Chrome

Internamente ¿Qué son las extensiones?, básicamente son pequeñas páginas web con unas características especiales:

  1. Un archivo manifest.json donde se describen las características de la extensión, archivos que contiene, permisos, etc.
  2. Iconos de unos tamaños concretos (si se va a publicar, que no es necesario, hay que hacer unos diseños especiales).
  3. Una página principal en HTML.
  4. Archivo(s) CSS para darle diseños a las web de la extensión.
  5. Archivo(s) Javascript para darle funcionalidad, uno de ellos puede ser un proceso en segundo plano que se definirá en archivo json, otro puede ser un archivo de instalación que solo se ejecuta cuando instalas la extensión.

Definamos por cada característica especial, lo que las hace especiales:Archivo manifest.jsonUn archivo básico, sin entrar en detalles, podría ser:

Archivos HTMLEn las páginas HTML no puede ir integrado código javascript, ni en los tags <script> ni por ejemplo, en los atributos “onload”, “onclick”, etc. Todo debe ir en los archivos JS. Si podemos, por ejemplo, llamar a una función JS desde un tag anchor:[javascript]&lt;a href=”javascript:pulsa();”&gt;Pulsa aquí&lt;/a&gt;[/javascript]Puedes tener tantas páginas html como necesite tu extensión, sin embargo hoy en día se tiende a hacer webapps en una sola página, para no notar recargas entre páginas por ejemplo.

Las WebApps en una sola página se las conoce como SPA: Single Page Application (aplicaciones de una sola página)

Archivos CSSNo son imprescindibles, siempre puedes integrarla en el tag head dentro del tag style, no es lo más elegante, pero hay que tener en cuenta que son mini páginas y no van a tener unos diseños muy complejos por lo que los estilos serán más minimalistas, si que son más importantes por ejemplo si usas varios html para no tener que replicar los estilos en cada página.

También podemos integrar algún diseño bootstrap pero… hay que tener en cuenta el peso.

Archivos JavascriptRealmente aquí es donde estará el grueso de la extensión pues es donde residirá toda la lógica, todo lo demás es descripción y diseño.En principio no hay restricciones… una característica bastante potente pues se podrían integrar gestores de Base de datos como TaffyDB (me encanta), librerías como jQuery (para quien las use… yo no), etcétera.Ya he instalado/creado muchas extensiones y quiero hacer una limpieza, donde las encuentro en chrome.

Administración de extensiones

La forma más rápida es pulsando con el botón derecho sobre el propio icono de la extensión y en el menú que parece pulsar en Administrar extensiones. Que tenga icono es lo más habitual pero como he dicho antes podría no tenerlo. Se pueden administrar las extensiones pulsando en el menú de chrome (las tres barras horizontales debajo de la X para cerrar la ventana en windows), en el menú que se abre pulsar en Configuración. En el menú de la izquierda pulsar en extensiones.Y es en este apartado donde puedes probar las extensiones que crees sin tener que subirla a la tienda.

Cargar una extensión propia

En la administración de extensiones hay un checkbox para “modo desarrollador” debes tenerlo marcado, así aparecen 3 botones:Captura_sin_título_092215_061410_PM

  • Cargar extensión descomprimida sirve para integrar tu extensión en tu Chrome.
  • Empaquetar extensión sirve para generar un archivo para poder subir la extensión a la tienda.
  • Actualizar extensiones es bastante descriptivo :)

Una vez cargada ¿como puedo testearla y ver los fallos internos?

Es fácil, al ser una extensión propia, cuando pulsas con el botón derecho sobre su icono, en el menú aparece la opción de “Inspeccionar popup”, lo que produce que aparezca el mismo panel de inspeccionar del chrome para webs, pero en este caso solo para la extensión, una maravilla.

Conclusión

Cuando descubrí el desarrollo de extensiones, la potencia que tienen y las de posibilidades me pareció un campo interesantísimo para explorar y de hecho siempre me van surgiendo ideas incluso que no quiero ni publicar, sino que simplemente me ayudan en mi trabajo.También es interesante hacer extensiones de servicios de terceros, como quiero hacer en la segunda parte: crear una extensión que avise cuando haya nuevos posts. Espero tenerla en una semana o dos.

Elegir un nombre de dominio

Reading Time: 6 minutes

En un post anterior expliqué como instalar WordPress para novatos surgieron un par de temas interesantes, uno de ellos es este de elegir un nombre de dominio.Como ya avancé un “nombre de dominio” o “dominio” simplemente es una palabra o frase mediante la cual podemos acceder a una web, no voy a explicar ahora como funciona internamente esto de los nombres pero hay una serie de pcs repartidos por el mundo (llamados DNS: Domain Name Server) que se encargan de registrar donde están físicamente los archivos asociados a cada nombre de dominio.Un dominio está compuesto por el nombre y por su extensión separados por un punto, esto es:NombreDeDominio.ExtensiónEmpecemos por lo más fácil

Extensiones de dominio

nombresdedominio2La extensión del dominio se empezó usando para “categorizar” los dominios, si es una tienda, una organización, sitio de información, etc y aun se sigue teniendo en cuenta pero prácticamente cualquier extensión se usa para todo.

A finales del primer trimestre de 2015 hay registrados 294 millones de dominios a nivel mundial, un 6,5% más que el año anterior.

Así, originalmente las extensiones significaban (y algo de significado queda hoy en día):

  • .com : viene de “comercial” y servía para tiendas y/o negocios, es la extensión más usada en internet con diferencia y también es de la que menos quedan libres.
  • .org : de “organization” y sirve para organizaciones, como antes había pocas extensiones, esta la elegía todo aquel que no encajaba en el resto.
  • .net: de “network” estaba pensado para “tecnología de redes” o más amplio “temas de internet”.
  • .info: más envidente de “information” para páginas web informativas.

Por otro lado están los regionales, usados principalmente para definir un ámbito regional pero en la práctica, como ha pasado con todas las extensiones, se usa para todo, el caso mas exagerado es el de las islas tokelau, cuya extensión es .tk ver anexo. Como ejemplos:

  • .es : España
  • .eu : Europa
  • .it: Italia

Además hace poco sacaron muchas extensiones nuevas para una categorización más explícita y que deje poco a la imaginación, por ejemplo: .photography .shop .online .tienda .space .website .love .date .music .hotel etc etcY con tanto donde elegir ¿por cuál me decido?No hay que dedicar mucho tiempo a pensarlo, porque la mayoría son baratos y se pueden comprar otros si te das cuenta que queda mejor en tus tarjetas por ejemplo :). Lo que yo solía recomendar a mis clientes y recomiendo a mis amigos es un .com largo pero descriptivo y un .es (o una extensión “de las nuevas”) para que sea más corto. Y vamos ya al grano.

Nombre de dominio

elegir-un-buen-nombre-de-dominioAsí, por ejemplo, un señor que tiene un kiosko, se llama Pepe y quiere un dominio, podría buscar algo parecido a Pepe.es o pepe.tiendaque queda muy chulo y conciso en las tarjetas y publicidad, pero como dominio principal le recomendaría algo más explícito, por ejemplo KioskoPepe.com , pero dado que es un negocio local en el nombre de dominio incluiría la localidad en la que está: KioskoTorremolinosPepe.comqueda muy largo pero si tenemos el otro dominio corto (ambos muestran la misma web) ya estaremos cubiertos, en el caso de ser una tienda online que vende solo a la provincia de málaga lo dejaría así: ZapatosMalagaMari.com¿Porque es bueno un nombre largo?Por razones de SEO… ¿cómo? :) explico el palabro y otro más:

  • SEO: Search Enguine Optimization : Es decir, optimización para motores de búsqueda, es decir, hacer lo posible para que te encuentren fácilmente tus clientes potenciales.
  • Posicionamiento: En la lista de resultados de búsqueda posición en la que apareces. La primera página es verdaderamente importante, el resto prácticamente nada, ni la segunda página, casi nadie pasa de página, solo vuelve a buscar si no encuentra lo que busca en la primera página.

En este tema hay que ser muy claro, se pueden hacer triquiñuelas para que google te posicione bien tu página, pero si se da cuenta (que tarde o temprano se dará cuenta) te hundirá y no querrá saber nada de ti.

A estas “triquiñuelas” para posicionamiento se las conoce como hacer “Black SEO”.

El nombre del dominio, es una de los factores, si no el que más, que Google  tiene en cuenta a la de posicionar un dominio, con respecto a la extensión solo la tiene en cuenta por razones geográficas, por ejemplo, en el google de Alemania las páginas españolas (.es) van a salir muy mal posicionadas puesto que si tu dominio es .es ya estás dejando claro que tu público objetivo es el Español.Entonces si el nombre de dominio es lo más importante (o casi), es una buena idea poner palabras clave incluidas en el nombre de dominio, ¿qué palabras poner? siempre digo lo mismo:Piensa en como te buscará tu público objetivo y pon las principales palabras clave en el nombre de dominio.homero-pensando.jpgw500Por ejemplo: Pepe el kioskero es famoso en el barrio y casi en la ciudad porque vende palomitas artesanas. Es muy probable que tus clientes quieran saber donde están esas palomitas tan buenas, irán a google y pondrán: “kiosko palomitas ricas” por ejemplo, de ahí está claro que kiosko y palomitas yo los pondría, ricas no porque cada uno es susceptible de poner otro adjetivo distinto. Así se hace un ejercicio de buscar todas la posibles búsquedas de tus clientes y extraer 2 o 3 palabras clave, con Pepe por ejemplo se podría quedar así:www.KioskoPepePalomitas.com

¿Se distingue entre mayúsculas y minúsculas? no, google.es es el mismo dominio que GOOGLE.ES

El orden de los factores no altera el producto en este caso, es decir, no importa el orden en que se pongan las palabras. ¿Y el dominio no podría ser www.elkioskodepepeysuspalomitas.com? podría ser pero lo hace más largo y se han añadido palabras que se conocen en SEO como “stop words”, y no tienen efecto en google, sin embargo, probablemente sea mejor no ponerlas.Otro factor a tener en cuenta es la competencia, si tienes un competidor muy muy fuerte con las palabras clave que tu quieres probablemente sea mejor cambiar de estrategia si quieres un resultado a corto plazo, cualquiera que te intente vender: “Yo te pongo en google el primero en una semana” es por una de estas razones:

  1. Te miente
  2. Hace Black SEO
  3. Se refiere a ponerte primero con las palabras clave que a el le convengan (que probablemente no haya competencia).

Conclusión

Elegir el dominio tiene su pequeño trabajo de reflexión pero tampoco debe ser un tema obsesivo, si en unos 2 o 3 meses no empieza a funcionar como te gustaría es mejor cambiar de estrategia o si te lo puedes permitir, comenzar otra estrategia nueva en paralelo. 

ANEXO I CURIOSIDADES

Para que veais la diferencia del .com con el resto, del informe de verisign se saca esto:www.verisign.com assets domain name report june2015_es_LA.pdfMás curioso aun es el dominio .tk … imagino que será porque se pueden registrar gratuitamente estas extensiones aquí, y ya se sabe… si es gratis… Yo ya tengo el mío: juanramonjimenez.tk

ANEXO II NOTAS

¿Puedo poner acentos o eñe en el nombre de dominio?Por ahora no es posible poner acentos, la eñe es posible ponerla en los dominios .es, sin embargo en algunos navegadores o al usar el dominio en html tendrás que convertirlo a IDN (International Domain Name) por ejemplo www.españa.es quedaría www.xn--espaa-rta.es verás que si lo escribes en el navegador Chrome el lo traduce para que se vea la eñe.En el pasado tuve malas experiencias con la eñe y yo lo evitaría a toda costa sobre todo en el dominio dedicado a posicionamiento.¿Porque algunos dominios llevan delante www y otros no?www hace referencia a Word Wide Web, es decir a la red mundial, y se refiere a la transferencia de documentos, ahora se tiende a quitarlo por abreviar y además puedes configurar tu servidor de hosting para que acepte una forma o ambas.Tampoco se pone https:// que va delante de las www (en chrome por ejemplo no aparece pero si que está, si copias y pegas una url lo verás :) ) y este hace referencia al protocolo que se usa para intercambiar los archivos, viene de HyperText Transfer Protocol. Cuando entras a tu banco verás https:// la ese del final es por “secure” que lleva codificación para evitar que nadie vea lo que estás haciendo.

Mi experiencia del paso por el Campus de Google en Madrid

Reading Time: 5 minutes

En Julio el equipo de Shopping Leeks tuvimos el placer de ser invitados por Google a su campus en Madrid.IMG_20150714_203409Cuando nuestro socio Joaquín Cueca (ex panoramio) nos comentó que Google estaba interesado en nosotros y que quería llevarnos a su campus en Madrid nos sonó a broma, y es que ser invitados a sus sesiones de mentoring no es poca cosa y de hecho el resultado no pudo ser mejor. Es curioso que horas antes revisé el spam buscando un mail perdido y ví algo de Google pero no le eché mucha cuenta, después me di cuenta que era el mail con la invitación, muy curioso.Al llegar nos unimos a nuestros compañeros que esperaban en la cafetería, la mayoría Startups de éxito o en vías de serlo. Estos fueron (alfabéticamente y muy resumido)

Startups invitadas

  • Betterplace: Te ayudan a encontrar el mejor sitio para tu negocio.
  • Blunder: Sistema para que tus comerciales aprendan todo sobre los productos.
  • Citious: Chat para contactar con servicios de atención al cliente.
  • Clickly: Sistema para poder enlaces dentro de imágenes.
  • Hitsbook: Grabación y viralización de vídeos para empresas.
  • Marketincloud: Consultoría para empresas sobre sus productos e internet.
  • Oteara: “Oídos en internet” para cualquier producto.
  • Shopping Leeks: Conectamos a restaurantes con sus proveedores.

Con ellos estaban dos chicos de Google: Rufo de la Rosa y Antonio Morales.La verdad es que la razón de que la estancia fuera estupenda es del buen rollo que teníamos entre todos, y de Rufo y Antonio por su organización.IMG_20150715_135944Acabadas las presentaciones Rufo nos hizo un recorrido por el edificio para enseñarnos donde está cada cosa. Decir que las instalaciones son impresionantes. La cafetería tiene acceso público y cualquiera puede registrarse gratuitamente, conectarse a internet, enchufar el movil y ¡hacer contactos!

En la cafetería puedes tener la suerte de ver pasar a gradisimos empresarios y Business Angels o tomar un café a su lado… quizás incluso te den algún consejo.

Nos dieron a cada empresa una tajeta que servía para moverse por todo el edificio porque la cafetería es pública pero el resto de instalaciones no.IMG_20150716_223417ramiro doeatSubimos al aula y comenzamos con una breve introducción de lo que sería nuestro paso por allí. Como cada mañana nos sirvieron el desayuno (Do EAT es el responsable del catering que usa Shopping Leeks para hacer sus compras, Ramiro su encargado nos dio un feedback valiosísimo), los mufins de chocolate estaban bueniiisimos. A medio día teníamos la comida, siempre acompañados de algún inversor / Business Angel /  Empresario de éxito. Además cada mañana con Rufo hacíamos un repaso del día anterior, a mi eso me parecía especialmente interesante.Voy a resumir brevemente los ponentes que vinieron a hablarnos, si se me pasa alguno no es porque no fuera bueno, simplemente no me impactaría especialmente debido a mi perfil tecnológico pero lo cierto es que todos fueron impresionantes, quizás el tema legal/inversión aunque es super importante es el más difícil que te guste :)

Ponentes

  • Ignacio Buenhombre: Hicimos un ejercicio de UX sobre nuestros productos.
  • Carlos Rodriguez de Wazypark: Nos dio una charla con su experiencia y después hizo un mentoring rápido, nos dio muy buenos consejos.
  • Tomás Santoro de SumaCRM: Inspiradora y amena charla sobre la evolución de su CRM, muy buenos consejos.
  • Carlos Salas: Sinceramente no esperaba mucho de un periodista y la verdad que fue impresionante, de las sesiones que más me gustaron, nos dio un repaso a todos para mejorar nuestro pitch, inspirador, ameno y de mucha utilidad.
  • Alberto Benbunan: Con muchísima experiencia en empresas en internet tuvimos una sesión de mentoring con el de la que sacamos muy buenos consejos.
  • Diego Soro de fundera.com: Lo que decía antes del tema legal e inversión, pero buena presentación de un tema complicado.
  • Virginia Wassmann comunicación de Google: Buenisimos consejos sobre la imagen que damos a los medios.
  • Rufo de la Rosa campus program de Google: Geniales reflexiones sobre como ponemos precio a nuestro producto, una pena no haber podido ver todos los proyectos.
  • Sofia Benjumea directora del campus, Antonio Negro y Maite Gómez ambos Industry Head de Google: Con Sofía hablamos en varias ocasiones en la duración del campus, y de los IH pudimos hablar con Antonio Negro, genial su visión y buenos consejos. Sofía siempre al tanto de nuestra estancia y siempre aconsejando…. genial.
  • Javier Escribano de selltag: Nos contó su paso por EEUU y su experiencia con inversiones.
  • Cris García Analytical Head de Google y Miquel Trias Industry Analyst de Google: Geniales los dos, nos dieron una masterclass de Google Analytics.
  • Rafa y Paloma nos presentaron la aceleradora SeedRocket y el coworking TechHub respectivamente.

Por cierto en otro post ya contaré mi experiencia en Seed Rocket, Shopping Leeks quedamos los terceros ganadores en 2014.

  • Carlos Rodriguez de Axon Partners: Hablamos durante la comida de inversión y producto, interesante.
  • Carlos de la Lama: Muy interesante su experiencia en Palo Alto y su empresa de alojamiento de Startups allí mismo.

IMG_20150715_114305los 3El miércoles tuvimos la visita de algunos medios (TV y radio) que querían saber de las empresas y de nuestra experiencia, también la propia TV del campus.El Jueves a última hora fuimos al evento Product Hunt, allí mismo en el campus y vinieron a explicarnos su producto Cabify y Stampery, muy técnico y super interesante. Al terminar nos invitaron a unas cervezas artesanas buenísimas.

En el campus están siempre haciendo eventos buenísimos gratuitos, si podéis pasar por Madrid echad un ojo a la agenda.

conrufoEl Viernes, último día, el campus invitó de nuestra parte a los clientes que las startups les propusimos, vinieron grandes empresas a estudiar nuestro producto, sacamos buenas relaciones.

Conclusión

Si ya que Google se fije en tu empresa por su evolución y por la idea en si, es la repera, que traigan a empresarios y profesionales de la talla que nos trajeron y las masterclass que nos dieron no tiene precio.Para nosotros (Shopping Leeks) una guinda del pastel fue que uno de los clientes invitados nos confirmó que con nosotros vendía un 32% más.Acercaros aunque solo sea para visitar las instalaciones y tomaros un café, el sitio invita a quedarse unas horas trabajando.IMG-20150717-WA0000-01 

Tu página gratis, instálate un WordPress

Reading Time: 6 minutes

Me pareció curioso que la primera entrada de mi nueva web sea como instalar WordPress ya que yo he usado una y son muchos los compañeros y amigos que me preguntan como montar una web y cuanto cuesta.

Hay un rumor que dice que un altísimo porcentaje de las webs en España son WordPress… Y me lo creo porque es realmente rápido y quedan muy bien, para colmo son muy fáciles de gestionar.

Ojo! Esta entrada es para los no muy duchos en “los temas de Internet”.

Por partes

homero-pensando.jpgw500Definamos algunos conceptos básicos:

  • Servidor: Ordenador “super complejo” de una empresa para almacenar archivos de sus clientes como fotos por ejemplo y los archivos de WordPress.
  • Hosting: Se refiere al servicio que da la empresa y es el de almacenar tus archivos en su servidor con un coste anual, mensual, etc….
  • Dominio: Es simplemente un nombre que tu elijas (y esté  disponible para tu web) por ejemplo www.google.com

Google.com caduca el 14 de septiembre de 2020… Estate atento/a por si se despistan y comprarlo :)

  • Blog: Página web para publicar sobre uno o varios temas, a las personas que los tienen y tienen muchos seguidores se les conoce como bloggers.
  • Post: Entrada en un blog, esto es un artículo como este que lees.
  • WordPress: no es más que una web que puedes personalizar a tu gusto. Empezó siendo simplemente un blog pero debido a enorme éxito ya sirve para casi todo tipo de webs.

Pues ya metidos en materia…

¿Por donde empiezo? Formas de tener un WordPress

Hay dos formas basicas de tener uno: una gratis y otra de pago.

  1. Sin pagar nada o instalar nada, vas directamente a la web de WordPress.com creas una cuenta y comienzas a personalizarla. Así conseguirás tener una web así: “WordPress.com/minombreelegido

pros

  • muy fácil: no hay que instalar nada
  • muy rápido
  • gratis
  • se mantiene solo

contras

  • menor personalización y control
  • limitado
  • sin nombre de dominio (aunque tienen un servicio de pago de redireccionamiento)
  • no tienes todas las posiblidades de posicionamiento en google
  1. Pagando a una empresa de hosting e instalando tu mismo los archivos, el precio está en torno a los 42€ al año (que es lo normal, pero en otro post explicaré como instalar todo personalizado y 100% gratis)

pros

  • tu propio dominio, queda más profesional, la página parecerá tuya  y no de wordpress.
  • más personalización
  • sin limitaciones (solo las de tu hosting, pero se puede ampliar)

contras

  • hay que dedicarle tiempo a la instalación
  • no es gratis

Como la primera forma no tiene nada que explicar….

Instala WordPress en un dominio propio

Lo primero que debes hacer es comprar un hosting y el nombre del dominio, aunque realmente es un alquiler que dura el tiempo que estés pagándolo.Para eso, como explicaba más arriba, hay que ir a la web de una empresa que se dedique a servicios de hosting, hay miles, y muchas diferencias entre unas y otras. En mis años de programador (autónomo) he trabajado con muchas y en general y aunque les pese a muchos tengo que decir que hay que huir de las mas famosas. No tengo claro 100% el motivo pero imagino que está relacionado con que al ser “líderes” ya no tratan tan bien a un cliente pequeño.

Voy a hacer un post para elegir un nombre de dominio adecuado y otro sobre empresas de hosting.

Por ejemplo ve a una de estas dos:

En todas el proceso es el mismo… buscas un nombre de dominio, lo más normal es un .com o .es (en otro post explicaré la diferencia), si ya está cogido puedes buscar todo lo que quieras hasta encontrar uno que te guste.Sigues adelante y te pedirá que selecciones un alojamiento (hosting), en las dos webs que he puesto, con el hosting más barato tienes suficiente para comenzar, incluso para aguantar mucho tiempo sin problemas, ¿a que me refiero “sin problemas”? al espacio que ocupan tus archivos, por ejemplo 2000 fotos o algo así (para hablar en términos no técnicos).Siguiendo con el proceso te pedirá si eres cliente o no, en el caso de no serlo pones tus datos personales, al final te presentará el pedido que es dominio y alojamiento, que como dije antes, estará en torno a los 42€ por un año, y a continuación tendrás la forma de pago.Pagando por transferencia tardan en torno a dos días en procesar el pedido mientras que pagando con tarjeta estará listo para su uso en unos minutos, de las dos webs que he puesto os podéis fiar 100% de pagar con tarjeta.Recibiréis un mail avisando que ya tenéis disponible el servicio, a partir de este momento ya podéis instalar wordpress. En este mail normalmente vienen los datos del FTP esto hace referencia a un protocolo de envío de archivos, te darán usuario y contraseña que te sirve para, usando un “cliente FTP” (programa informático) puedas subir los archivos de WordPress a tu nuevo servidor.FileZilla Client DownloadUn cliente FTP muy bueno y gratuito es “Filezilla” aquí:https://filezilla-project.org/download.php?type=clientUna vez instalado tienes que añadir un nuevo servidor usando los datos host, usuario y contraseña que has recibido en el email. Al pulsar en conectar ya ves la carpeta de archivos del hosting que has alquilado, debe haber una carpeta llamada “httpdocs” o “www”, dentro de esta es donde debes colocar los archivos de wordpress, que, ¡por cierto! ¿donde conseguís los archivos?WordPress › EspañolAquí tenéis el enlace para descargarlo (la versión en Español):https://es.wordpress.org/Lo que te descargas es un archivo “zip” este es un “paquete”, dentro vienen “comprimidos” todos los archivos, tienes que “descomprimirlo” para poder subir los archivos vía FTP. En Mac por ejemplo para descomprimirlo simplemente pulsando dos veces se crea la carpeta con todos sus archivos dentro, en Windows con el botón derecho en el menú que aparece pulsar en “descomprimir aquí”.Ahora si! usando el programa FTP anterior y estando conectado al servidor, dentro de la carpeta “httpdocs” o “www” sube todos los archivos descargados, son unos 1.300 archivos por lo que tarda un poco.WordPress › Instalación del archivo de configuración.Cuando terminen de subirse lo archivos ya simplemente con el navegador web accedemos a nuestro dominio (el que hemos alquilado antes) y debe aparecer el proceso de instalación de wordpress. En uno de los pasos pide las credenciales para acceder a la base de datos (para que pueda almacenar las entradas, los comentarios etc), esta os la proporciona la empresa en el mismo email o la tendréis que crear vosotros.Continúa con el proceso de instalación (solo seguir los pasos es muy fácil) y al terminar ya tienes tu wordpress listo para que lo llenes de entradas y lo configures a tu gusto.Para crear la base de datos, los correos electrónicos, etc las empresas de hosting suelen proveer (las que he comentado si lo hacen) de una web privada para ti. Muy extendidas son Plesk y CPanel. Tanto una como otra, para crear la base de datos hay que buscar por los menús, la opción de base de datos (tipo MySQL) y crear una nueva, simplemente le das un nombre, nombre de usuario y contraseña (que son los que tienes que poner el proceso de instalación de wordpress) y ya está.

Conclusión

homer.ashx 630×420Al releerlo parece un poco complicado el proceso para quien no está acostumbrado pero una cosa si te digo, no vas a estropear nada ya que es un proceso de cero, otra cosa sería mover el wordpress de un sitio a otro. Así que si te equivocas solo tienes que borrarlo y empezar de nuevo, además empresas como Evidalia tienen un chat mediante el cual te ayudarán en todo el proceso.Anímate que es fácil.

Update: Si quieres podrías ahorrarte el coste del nombre de dominio registrando un dominio de extensión .tk aquí pero es un poco más complicado explicar como enlazar el dominio con el hosting… para otro post :)Update 2: Publicaré otro post explicando como instalar todo 100% gratis y personalizado.