En esta guía muestro con imágenes, paso a paso, como crear un sitio web o blog con el celular desde cero.
Por lo regular yo utilizo la pc para crear una web, sin embargo, muchas veces me encuentro en la situación de tener que modificar mi página o crear alguna para un cliente y estoy de viaje, en casa de amigos o en un restaurante, por lo que recurro a mi celular para hacer las mejoras que necesito.
Por lo anterior, en este artículo voy a mostrar, paso a paso, con capturas de pantalla como crear una página web desde cero únicamente con el celular.
PASO 1: Elegir la plataforma con la que trabajaremos
Antes de que decidas si quieres continuar leyendo esta guía, es necesario saber que existen muchas formas de crear un sitio web usando el celular.
Existen muchas aplicaciones muy buenas que puedes instalar en tu móvil como la de Godaddy o Jimdo, con las cuales puedes diseñar tu sitio web, usando el celular.
Sin embargo, opté por usar la versión de WordPress para navegador, editando desde el Google Chrome de mi Android.
Existen varias razones para ello..La primera es por que WordPress es una aplicación gratuita a diferencia de otras.
Buscaba no tener que descargar una aplicación y luego tener que subir la información, sino poder hacerlo desde el navegador y dejar guardados los borradores.
Es usada por más del 50% de las web del mundo, por lo que hay basta documentación en caso de que busques algún plugin o la solución de cualquier problema.
Los temas y plantillas de WordPress ya vienen como responsivos, por lo que si usas tu celular con la configuración del tema, básicamente tu sitio web estará adaptado a móviles, tablet y PC.
PASO 2: Elegir el nombre de dominio y servicio de hosting.
No importa que tipo de plataforma vas a usar, toda página web requiere de un nombre de dominio (tupagina.com por ejemplo) y un servicio de alojamiento (hosting).
De forma básica, un dominio es la dirección web que un visitante escribirá en su navegador (por ejemplo, el de esta página es pymesenlaweb.com) la cual direccionará hacia un servidor.
Este servidor es una computadora en algún lugar del mundo, que almacena la información de la página web (fotos, archivos html, bases de datos, videos etc.).
Por lo que mi web está alojada en este servidor, a lo cual se le conoce como servicio de hosting.
Cuando se trata de un sitio web nuevo en un servicio de Hosting usualmente prefiero uno que tenga precios razonables y de buena calidad como Bluehost.
Estos proveedores son recomendados por WordPress y son muy buenos, especialmente si se trata de un sitio web nuevo o pequeño (que no tendrá más de 20,000 visitas al mes).
Sé que existen servicios de hosting más avanzados como Siteground o incluso Webempresa, aunque tengo que admitir que suelo optar por primero adquirir uno de precio más moderado y cuando la página tenga los suficientes visitantes (arriba de 15,000 al mes) migro a otro y así aprovecho dos veces los descuentos.
Para este tutotial, voy a utilizar Bluehost, aunque casi todos son iguales si usamos WordPress, pues al ser la plataforma más usada, ya viene prácticamente con la opción de instalación con un click.
Puedes buscar también la disponibilidad del nombre de dominio que quieras, en caso de ya estar ocupado, puedes usar variaciones (.org, .es etc.)
Paso 3: Ir a Bluehost.com (o cualquier otro hosting) e instalar WordPress
No podemos ir a la página oficial del proveedor de Hosting, en este caso usaré Bluehost, a la cual puedes acceder aquí (Link Oficial) y nos aparecerá su pantalla principal:
Damos click en el botón de get started y nos llevará a la siguiente pantalla para elegir el plan que se acomode a nuestras necesidades dándonos cuatro opciones:
- Básico
- Plus
- Choice Plus
- Pro
Si esta es la única página web que tendrás, te recomiendo el plan más económico, que es el Basic.
En caso de que quieras la posibilidad de más sitios web en tu hosting, entonces te recomiendo la siguiente opción, que es la Plus.
En lo personal no recomiendo las siguientes opciones por el momento, ya que cuando tu sitio web tenga éxito lo mejor es migrar a un hosting más avanzado (aunque más costoso).
Ya que elegiste tu plan, es hora de elegir tu nombre de dominio.
Vamos a elegir el nombre de dominio, ponemos el nombre que tengamos pensado.
Existen dominios con muchas extensiones (.com .org .blog y hasta .pizza) pero te recomiendo que te quedes con lo que el mundo ya conocer que es el .com .net .org o el de tu país (.es en caso de España o .mx en caso de México)
Así si ves que tu dominio no está disponible con .com, entonces usa .net o .org.
Si ves que ninguna de esas está disponible, mejor usa una variación de tu marca.
Ya que hemos elegido nuestro nombre de dominio y esté disponible nos sale esta pantalla:
Nos aparecerá el costo del plan y el término, en mi caso yo prefiero siempre contratarlo sólo por dos años, ya que siempre estimo que el tráfico va a despegar aproximadamente al año y al año y medio haré la migración a otro hosting que también dará promoción.
Te aparecerán paquetes extra marcados, yo siempre los desmarco con excepción de Domain Privacy, aunque esto es opcional, pero yo lo uso por que de lo contrario los datos de tu dominio serán públicos y me lloverán correos spam que no quiero, como se ve aquí:
Ya que hemos contratado, incluido nuestros datos y hecho el pago, va a aparecernos una pantalla que nos permitirá crear un sitio nuevo:
Una vez que damos click en Create Site nos aparece la pantalla que nos pide un nombre para la página web que vas a crear:
Dando click en «Next» nos pedirá elegir un nombre de dominio para ese sitio web y elegiremos el que hayamos comprado.
Ya que elegimos el nombre de dominio vamos a «Next» y se habrá instalado WordPress:
Se habrá creado un nombre de usuario y contraseña que podemos cambiar y una vez hecho esto damos click en login y nos aparecerá la interfaz de WordPress de esta manera:
Las opciones superior son para lo siguiente: Ver el menú, Visitar sitio web, Agregar nuevo (ya sea página o post) y las estadísticas.
PASO 4 (opcional): Cambiar el idioma de interfaz.
Si deseas que la interfaz de WordPress esté en español solo debes ir a la opción de ver menú, luego en settings, generales:
Posteriormente en Languages, cambiar el idioma a español y guardar cambios:
PASO 5: Cambiar el tema
Si nos vamos «a ver el sitio web» nos aparecerá ya un tema pre instalado que puede varias, en mi caso se ve de esta forma:
Así es como se ve la página principal, en la parte superior aparecen nuevas opciones, que significan lo siguiente: (Ir a dashboard, personalizar, agregar nuevo y estadísticas)
Si nos vamos a Personalizar (el botón en forma de pincel) nos aparecerá la siguiente pantalla:
Lo que nos aparece son las opciones de personalización del sitio, como identidad del sitio que es donde agregamos el ícono, los colores, opciones especiales de cada tema, lo que irá en los menús, los Widgets (que son funcionalidades de las barras laterales y pies de página) etc.
Si queremos cambiar el tema en general, vamos a dar click en el botón de Cambiar y nos aparecerá la siguiente pantalla:
Podemos elegir entre los temas que ya se encuentran instalados o buscar alguno en todo WordPress, tu puedes elegir de entre muchos temas gratuitos, de pago y algunos que tienen su versión gratuita y con costo.
En mi caso elegí uno que se llama Metro Magazine, lo seleccioné, installé y di click en activar:
Ya instalado, nos podemos ir a ver sitio web (el ícono con la casita) y en un inicio se ve así:
PASO 6: Personalizar sitio web y agregar entradas.
Lo primero que haré es cambiar el icono de la página, sólo requiero ir a la opción de personalizar (botón del pincel) y buscar la opción correspondiente (por lo regular debe ser «identidad del sitio») en el caso de este tema, la opción se encuentra en «ajustes por defecto / identidad del sitio»):
Voy a usar el ícono de mi página, que es pymesenlaweb, dando click en el botón correspondiente y seleccionando la imágen que tengo guardada en mi celular, también desactivaré la opción de mostrar título y descripción:
Luego iré a «ajustes de página de inicio» y pondré una página estática (aunque tu puedes seleccionar que sean las entradas lo que se muestre al principio si así lo deseas):
Si nos vamos a la vista previa así es como se ve con esos cambios:
El ícono de las tres rayitas significa menú y si le damos click así es como se ve:
Ahora vamos a agregar un post nuevo para que aparezca en la página de inicio y vaya empezando a tomar forma la imagen de nuestro sitio web, para ello damos click en el botón + o en su defecto nos vamos al escritorio y luego en «ver menú» (ícono de rayitas)/ Entradas / Añadir nueva.
Ya que damos click en añadir nueva entrada nos aparece la página para empezar a escribir, agregar imágenes, etc:
En el icono con forma de herramienta, podemos elegir a que categoría pertenece así como la imagen destacada de nuestro post (la que se mostrará en el blog o página)
En la misma página podemos crear la categoría a la que pertenece el post (entrada) o en su defecto nos podemos ir al menú de WordPress y elegir entradas / categorías.
Una vez que agregamos diversas categorías y posts (yo hice 4 categorías y agregué un post para cada categoría) nos vamos nuevamente a personalizar, ajustes de página de inicio y vamos a seleccionar que categorías aparecerán al principio y que categorías.
En este caso la primera que iba a aparecer es «Para Principiantes» y con ella el primer post en forma de fila:
Después cambié el color de las letras de la categoría dentro de la imagen al color azul:
Para que las letras de la imagen se notaran mejor:
Una vez que agregué todas las categorías así es como va quedando (video).
Así es como va quedando en la versión para escritorio:
Ya sólo es cuestión de que vayas experimentando con éste o con cualquier tema que pueda llamarte la atención, por ejemplo cambiar las páginas que aparecerán en el menú superior:
PASO 6: Activar certificado de seguridad
Algo muy importante es activar el SSL, que es el certificado de seguridad (Bluehost lo ofrece gratuitamente), para ello nos iremos a la página principal de Bluehost, luego a My Sites:
Damos click en Manage Site, luego en Security y activamos el SSL:
Conclusión
Como ves, gracias a la adaptabilidad de WordPress, pudimos hacer una página de internet tanto para su versión movil como para PC desde nuestro celular, ya sólo es cuestión de ir experimentando hasta que tenga la imagen que nos guste.
Espero te haya servido esta guía para animarte a crear tu página de internet.
