Potencia Pro, WordPress y cozas

Juan Palomo está preocupado, su web está activa, está poniendo un montón de texto de prueba y haciendo experimentos en la web y no quiere que la gente pueda ver lo que hace, le preocupa el tema de la presencia mientras pone a punto la web.

Le han comentado, acertadamente, que poner una imagen de un obrero con una taladradora y un mensaje de página en construcción no es demasiado bueno para la web.

Efectivamente un mensaje del tipo página en construcción es casi un mensaje a los buscadores de “por favor, no indexes mi web”

¿Qué hacer entonces?

Existe un plugin que me gusta mucho, que utilizo en todas las webs que hago mientras las pongo a punto. El plugin se llama Maintenance, tiene más de 300 mil instalaciones activas y se actualiza continuamente por lo que es una opción muy adecuada para el menester que nos ocupa.

Bueno, no os he comentado cómo instalar un plugin, es muy fácil, vamos a verlo con este plugin.

En primer lugar, estando en el escritorio de wordpress nos vamos a plugins y veremos los plugins instalados. Desde ya os digo que cuantos menos plugins haya mejor va a ir Wordpress. Eso no quiere decir que no instalemos plugins que necesitemos, pero si algo lo puedo hacer con 5 plugins ¿por qué instalar 6? Cuantos menos plugins mejor.

Una vez en la sección de plugins veréis un botón en el que pone Añadir Nuevo, al pulsar en él aparecerá una lista de plugins y lo más importante para la tarea que nos ocupa, un buscador en la parte superior derecha de la lista de plugins, en este buscador escribimos Maintenance y pulsamos intro.

Cuando salgan los plugins relacionados por la palabra que hemos utilizado para buscar veremos el plugin que nos interesa, cuya imagen es un obrero de la construcción cuyo autor es fruitcode, por si no lo localizáis os lo pongo en la sección de descargas de potencia pro para que le deis al botón de subir plugin, que se utiliza para instalar un plugin que no esté en el repositorio de wordpress.

Una vez subido el plugin lo activamos y aparecerá una nueva opción en el menú llamada Maintenance o Mantenimiento, depende del idioma que dejéis al final, en la que si pulsamos veremos varias opciones:

Título de la página: Este título es que tendrá la barra de estado, no el título que saldrá dentro de la página que se muestre.

Cabecera: Este sí que es el título

Descripción: Es el cuerpo de la página de mantenimiento, admite código html, por si queréis darle un formato adecuado a vuestros gustos

Texto de pie de página: Auto explicativo

Una serie de parámetros de imágenes y formatos que nos dejan experimentar con el aspecto de la página.

ID de Google Analytics: La herramienta Google Analytics la estudiaremos con más detalle más adelante. Si ya lo conocéis y queréis poner el id, pues perfecto, ya os digo que en local no tiene demasiado sentido, a no ser que queráis crear una web completa ofline para luego exportarla con todo hecho. Eso ya es otra historia.

El último campo interesantes es el de habilitar el inicio de sesión en el frontend. Esto sirve para que se pueda acceder directamente al administrador desde la página de mantenimiento.

Bueno, ya tenéis tareas para la semana, activar la página de mantenimiento chula. Os animo a que me enviéis, si habéis registrado un dominio y activado este plugin, lo que habéis creado para ver vuestras ideas.

Para enviarme dudas y enseñarme vuestros trabajo lo podéis hacer a través de los métodos de contacto que ya conocéis pero os lo recuerdo, podéis escribirme a potenciapro @ avpodcast.net, al formulario de contacto potencia.pro/contactar o comentando en el post del capítulo.

Os animo a perderos en alguno de los estupendos podcasts de la red avpodcast.net. Hoy os voy a decir de qué va Psico Management, un podcast que nos dice el cómo y el por qué de nuestra forma de ver el mundo e interactuar con él y otras personas. A mi en concreto me ha ayudado mucho a comprender y actuar de modo diferente con mis seres queridos y...

Creo que con los capítulos anteriores ya os he aburrido bastante, de hecho cuando hablo con Juan Palomo pierde el foco de atención porque piensa que le voy a soltar otro rollo teórico, el pobre…

Vamos a hacer un pequeño recuento de lo que os he contado hasta ahora: Os he dicho de dónde viene esto del interné, os he contado con que CMS se puede montar una web y por último os he dicho qué características son necesarias para montar una web con wordpress.

Hasta aquí perfecto, ahora tenéis que pensar en un nombre de dominio y seguir el proceso de registro en el hosting que hayáis elegido.

A Juan Palomo no le gusta esto demasiado, no se siente demasiado seguro para contratar nada porque no tiene claro si va a ser capaz de manejarse con el entorno de administración de Wordpress, algo normal.

Pues bien, para que se haga una idea de cómo funciona todo pero no tenga que contratar nada le he comentado un truquito para que aprenda de forma local sin tener que contratar nada de nada, le he contado cómo montarse un entorno de pruebas para trastear con Wordpress en su portátil. Eso le ha gustado bastante.

El entorno de pruebas que le he enseñado ha sido uno que se llama Instant Wordpress, un entorno gratuito que se puede descargar de http://www.instantwp.com/ y que no es más que un ejecutable que instala en una carpeta del equipo lo básico para que funcione wordpress ¿Interesante verdad?

A Juan Palomo directamente le han surgido todo tipo de dudas al respecto de esta fantástica utilidad:

Instala cosas raras en mi equipo que no pueda desinstalar luego: No, lo que se instala se crea en una carpeta local que se puede borrar directamente y se queda todo limpio.

Si la carpeta es independiente del sistema ¿eso quiere decir que puedo ponerla en el escritorio? Es que me gusta tenerlo todo ahí, si tengo menos de 30 iconos me molesta el fondo de escritorio, eso me lo enseñó una secretaria que no sabía cómo cambiar la foto de ese stripper que le puso su compañera de fondo de pantalla, un truco realmente útil…: Si Juan, si, incluso se te podría haber ocurrido meter la carpeta en un pendrive para que la instalación de wordpress estuviese ahí.

Pero si es una instalación totalmente funcional ¿Puedo utilizarla para convertir mi equipo en un servidor web?: Para nada, por eso se llama un entorno de pruebas.

Si pero ¿podría hacer todo tipo de pruebas y si me gusta lo que he hecho llevarme el resultado a otro sitio que si fuese una instalación real?: Pues la verdad es que si, que se podrá instalar un plugin de exportación que os comentaré más adelante con el que se podrá migrar el sitio web.

Juan Palomo casi se orina encima de la felicidad, se ha ido corriendo a casa y se ha descargado el programa.

Os animo a que hagáis una pausa en el podcast, os descarguéis el programa de la dirección que os he comentado antes, http://www.instantwp.com/, y después sigáis escuchando el podcast.

También podéis volver a escuchar el capítulo del podcast cuando os hayáis descargado el programa si es que tenéis dudas a la hora de utilizar el programita.

Juan Palomo ha ejecutado el programa instalador, que tan solo crea una carpeta con una serie de ficheros que podemos mover donde deseemos. En la carpeta creada hay que ejecutar un fichero llamado instawp.exe que creará temporalmente un servidor web y un servidor de base de datos que desaparecerán al cerrar la aplicación. Perfecto ¿no?.

Pues para hacer pruebas ya tenéis cómo jugar. Veréis un enlace en la ventana que os aparezca para ir a la web local de Wordpress, para acceder al panel de control, que estará en inglés y para tocar la base de datos.

Lo interesante de este programa es que si hacéis una copia de la carpeta podéis hacerle todas las perrerías que se os ocurran sin miedo, si os cargáis algo borráis la carpeta de experimentos y volvéis a copiarla para comenzar desde el punto en que hicisteis la última copia. Juan Palomo ya se ha cargado la instalación un montón de veces y...

Juan Palomo se siente en posesión del conocimiento absoluto, ya quiere comenzar con su proyecto. Ahora llega un momento interesante de su proyecto, decidir qué hosting contratar. Para eso habrá que conocer qué es lo que quiere hacer y dependiendo de eso habrá que contratar un hosting u otro.

Cuando se ha metido a contratar una empresa de hosting se ha quedado con los ojos muy abiertos y ha soltado un gorjéo… ¿Qué son todas esas opciones?

Con los ojos llorosos me he venido a preguntar por las características del hosting ya que cada una de ellas hacía variar el precio de una a otra opción de lo contratado y de nuevo se sentía perdido.

Me saqué un listado de lo más importante y le expliqué cada una de las opciones y os cuento lo que le expliqué.

Listado de opciones a tener en cuenta en la contratación de un hosting y su significado

Espacio Web: Es el espacio que ocupan los ficheros del sitio web, así que dependerá de lo que se quiera alojar. En mi caso por ejemplo tengo contratado espacio ilimitado porque tengo muchísimo contenido, entre otras cosas los audios de los podcasts.

Evidentemente, elegir un espacio mayor implica mayor coste. Normalmente la opción básica de cualquier hosting suele ser suficiente para comenzar y en cualquier hosting habrá un mecanismo para incrementar el espacio en base a la necesidad.

Transferencia mensual: Es el tráfico consumido entre los datos que ofrece el servidor y el equipo cliente. Esto ya se tiene claro porque ya casi todo el mundo tiene smartphone y se hace una idea aproximada del consumo de tráfico.

Una curiosidad: Una pantalla 4k tiene una resolución de 3840x2160, un total de  8.294.400 píxeles y cada pixel, cuyo acrónimo viene de inglés y significa picture element, tiene una profundidad de color de 24 bits, llamada de color verdadero, pero ya os digo yo que es mentira, que yo los he contado y no llegan a 17 millones, que a lo mejor yo no los distingo, pero mi mujer si, eso es así…

A lo que voy, recopilando, tenemos 24 pulsos eléctricos, que es lo que es un bit, un cero o un uno, pasa corriente o no pasa, bueno, pues estos 24 bits los multiplicamos por los pixeles que hay en la pantalla y nos dá 199.065.600 pulsos de corriente que pasan por un cable de datos 60 veces cada segundo en un televisor de 60 Hz. Vamos, que hay un enanico que pulsa el interruptor 11.943.936.000 veces cada segundo. Si mi madre lo viera le diría que iba a fundir la bombilla, que se estuviese quieto.

Eso es lo que se llama un ancho de banda impresionante.

Volviendo al tema del tráfico, con unas 10000 visitas al mes se consumen unos 10 Gigas de transferencia, y esto suele venir con el plan básico de muchas empresas de hosting así que insisto, contratad lo más barato y simple, con la mejor empresa a ser posible, que siempre hay tiempo para mejorar. Si tenéis dudas de lo que yo tengo os lo digo, durante agosto tuve 119.881 visitas a la web y 460.176 páginas vistas por lo que deduciréis fácilmente que tengo un plan algo mejor que el básico.

Cuentas de correo: En los planes más básicos suelen dar una sola cuenta de correo y te ofrecen contratar nuevas cuentas, más adelante, si os apetece, os contaré un truco para tener cuentas de correo ilimitadas en un plan de hosting básico modificando un campo de los DNS del dominio, se que son palabrejas raras, pero os lo explicaré todo pasito a pasito.

Espacio por cuenta de correo: Esto Juan Palomo lo entendió a la primera, pero le surgió la duda del espacio si utilizaba el truquito anterior. Amigo Juan Palomo, todo llegará en el momento adecuado.

Número de bases de datos: Si lo que queréis es montar Wordpress necesitáis sí o sí al menos una base de datos.

Espacio por base de datos: Este dato despista porque suele ser bajo, ya os aviso que aunque escribáis el Quijote es muy difícil llenar la base de datos, aún así, como Juan Palomo insiste en que va a escribir cienes y cienes de artículos, le comenté que se puede ampliar el tamaño de la base de...

Mi amigo Juan Palomo ya tiene claro que tiene que contratar un servicio de hosting para guardar los documentos que conforman la web, sabe que para llegar a esos documentos tiene que contratar un nombre de dominio y asociarle la dirección de la ubicación del servidor que le ha dado el hosting, porque cuando ponga el nombre del dominio en el navegador, el ordenador donde ha guardado los documentos interpretará lo que le están pidiendo y mostrará el resultado de la interpretación de los documentos que hemos guardado en forma de una bonita web…

Ahora Juan Palomo sabe algo más, pero le surge la duda de qué cosas hay que meter en el servidor para que este interprete algo.

Tenemos básicamente dos alternativas a la hora de crear una web, independientemente de lo que vayamos a hacer, las páginas estáticas y las dinámicas.

Crear una página estática es un recurso muy interesante si lo que queremos es hacer una carta de presentación, un currículo que no vamos a modificar demasiado o en definitiva una web que no va a cambiar.

Le comenté a Juan Palomo que si no se quería complicar la vida podía coger el procesador de texto que más le gustase, que en su caso era el Word, de Microsoft, crear un documento bonito y cuando viese el resultado deseado de lo que quería mostrar, en vez de darle a guardar simplemente el documento, que le diese a guardar como página web.

Juan Palomo no salía de su asombro, había creado su primera web, espantosa, eso sí, pero al fin y al cabo una web.

Si creáis un documento y lo exportáis para web, independientemente del programa que utilicéis, obtendréis un documento html que podréis subir a vuestro alojamiento para que funcione vuestra web.

Imaginad que el documento se llama juanpalomo.html. Pues bien, si subís el documento al directorio raiz de vuestra web, podréis verlo poniendo vuestrodominio.com/juanpalomo.html

Pero a Juan Palomo no le gusta eso, empieza a ponerse exigente, el lo que quiere es que aparezca el documento directamente al poner el nombre del dominio.

Eso tiene fácil solución. Los servidores web están configurados para interpretar un nombre de fichero por defecto, o una lista de ellos de forma prioritaria. Juan Palomo renombró el fichero juanpalomo.html y le llamó index.html y ahora si, ya tenía su web montada.

Tal y como os comento, una web estática no es más que un fichero plano o varios de ellos enlazados que han sido creados con un lenguaje que se llama html. Punto.

A lo largo de la historia de la publicación web, que comenzó en 1991 de la mano de Tim Berners-Lee, han pasado muchas cosas, lo que se pretendía era organizar documentación relacionada mediante vínculos.

Y es que hay mucho cuñado que nombra cosas hasta tal punto que el nombre se queda.

- ¿Sabes qué pasa si te pones delante del espejo y dices tres veces no lo se?

- Que se te aparece tu cuñado y te lo explica.

Os voy a contar una curiosidad:

Tim Berners-Lee creó la primera página web, tal y como os decía como parte de uno de los proyectos de la empresa que fundó, NeXT. En 1985 Tim decidió montar la empresa NeXT con otro fundador del que quizás os suene el nombre, ese socio fundador de NeXT también fundó otras empresas que quizás también os suenen, de una le echaron y volvió a ella y otra que fue la responsable de la primera gran película de animación por ordenador proyectada en salas de cine.

Supongo que ya sabéis de quien os hablo, me delata mi pasión por ese hombre, que no es otro que Steve Jobs, que como os digo, no sólo fue el precursor de lo que ahora conocemos como Smartphones y fundó Pixar para hacernos disfrutar de Toy History y emocionarnos con otras muchas películas de animación, sino que fundó NeXT, la compañía que dio lugar a lo que hoy conocemos como World Wide Web, sentando los estándares del lenguaje de hipertexto con la creación del W3C en 1994.

Mi amigo Juan, que ha navegado mucho por internet, ha visto webs que hacen cosicas, que no se están quietas y en Navidad caen copito...

Este capítulo, algo teórico, nos pone en el camino de la comprensión del concepto básico de lo que es una página web.

Un por qué salen cosicas en el smartphone, la tablet o el pc a través del navegador.

Espero que os sirva para aclarar el cómo se estructura de forma interna el servicio que permite que funcionen las páginas web.

Recordad que si tenéis dudas os podéis poner en contacto conmigo en el formulario de contacto de la web que encontraréis en la página principal de AVpodcast.net o Potencia.pro/Contactar

Mi nombre es Miguel Ángel Terrón y con este audio os voy a comentar cuales son mis intenciones iniciales para este programa.

Aunque lo podéis oír, os voy a hacer un resumen de lo que cuento en él:

* Duración: Quizás para mí, que soy oyente duro de podcast, este es un aspecto crucial y es por eso que lo voy a abreviar lo máximo posible, intentando no sobrepasar los 10 minutos a no ser que sea estrictamente necesario.

* Periodicidad: No se puede asegurar nada en esta vida, pero si mi vida familiar y profesional me lo permite intentaré publicar una vez a la semana, preferiblemente los lunes a primera hora, para que podáis poner en práctica con energía lo que os cuente en el capítulo.

* Temática: Os voy a hablar de todo lo que se me ocurra relacionado con el diseño web, en concreto de Wordpress, para potenciar vuestro negocio o actividad lo máximo posible.

¿Donde me podréis encontrar? Pues en la sección de la red dedicada al podcast Potencia Pro, https://avpodcast.net/potencia-pro/ o en la página dedicada al proyecto https://potencia.pro que no al podcast, ya que en esta página encontraréis artículos, referencias y recursos dedicados al mundo del desarrollo web.

Poco más que decir, espero que disfrutéis con lo que está por venir.