Potencia Pro, WordPress y cozas

Juan Palomo no para de quejarse, está intentando hacer un child theme pero se lia un montón y me ha dicho que mucho hablar de child themes pero no ve claro cómo crearlos, por eso le vamos a recomendar un plugin que lo hace todo con un asistente. https://es.wordpress.org/plugins/child-theme-configurator/

Por otro lado hablamos de cómo pasar una web a SSL, algo que es muy interesante para posicionar nuestra web ya que, por ejemplo, Google Chrome calificará las webs que no tengan SSL como no seguras.

Pasos para pasar nuestra web a SSL:

Lo primero es activar el servicio en nuestro hosting, ya sea contratándolo o simplemente activando Let's Encrypt.

En ajustes generales cambiamos la dirección de la web de http://nombre de la web a https://nombre de la web

Instalamos el fantástico plugin gratuito Better Search and Replace y cambiamos todos los enlaces tal y como comentamos en el capítulo del podcast

Modificar .htaccess añadiendo al principio el siguiente fragmento de código

# Código para que todas las llamadas a la web no segura se redirijan a su equivalente SSL

RewriteEngine On

RewriteCond %{HTTPS} off

RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Listo, a disfrutar.

El enlace del que os hablamos en el podcast de la conferencia de Samuriosa es este: http://www.slideshare.net/samuriosa/instalar-un-certificado-ssl-en-word-press

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de http://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

Han actualizado WordPress! La versión 4.7 la lanzaron el pasado miércoles 7 de Diciembre con unas cuantas novedades, que vamos a enumerar:

Esta versión se llama Vaughan. Como siempre siguiendo la tradición de nombres de cantantes de Jazz. Esta vez se trata de una chica :D

Nuevo tema! Twenty Seventeen. Según el video que lanzan para la presentación, es un tema pensado para los negocios! Traen muchas opciones de personalización y lo mejor es que puedes ir viendo los cambios en vivo. Os recomiendo que os lo instaléis para probarlo en algún sitio de pruebas. Espero este fin de semana haceros una presentación de las pruebas en vivo que he hecho con el tema :D. Se puede poner hasta un video en la cabecera.

Construcción de menús más cómodo desde el personalizador.

Otra cosa estupenda que trae es un editor en vivo del CSS.

Vista previa de miniaturas de PDF.

La posibilidad de elegir el escritorio de WordPress en el idioma que quieras: antes si elegías la instalación de tu Wordpress en un idioma, te cambiaba tanto el sitio externo como el escritorio. En esta versión al fin se separa ambas visualizaciones.

Otra de las partes importantes de esta actualización es la WordPress REST API. Tener acceso a la API de WordPress significa que externamente podremos acceder a otras API externas y servir estos contenidos en nuestro WordPress. Por ejemplo en la WordCamp Santander, nuestro colega Marcelo Tena hizo una demostración de un sitio WordPress de listado de películas y series. Cogia los datos desde IMDB y los mostraba en un WordPress. Esto es lo que se puede hacer con la WP REST API.

Enlaces del capítulo

Aquí tenéis los enlaces de los plugins y herramientas de lo que hablamos en el capítulo.

La web que realizó Marcelo es ésta: https://www.angularseries.com/

La presentación: http://www.slideshare.net/MarceloTenaVicente/wordcamp-santander-2016-aplicaciones-web-con-angularjs-y-la-rest-api-de-wordpress

Y también os dejamos el video de la presentación: http://wordpress.tv/2016/11/18/marcelo-tena-aplicacion-sencilla-con-angularjs-y-rest-api/

Updraft Plus

Duplicator

Os recordamos que os podéis suscribir al boletín, hasta ahora hemos regalado cosas con un valor camino de los 300$ y los suscritos hasta el 31 de diciembre de 2016 a las 23:59 entráis en el sorteo del fantástico libro de Fernando Tellado, 1001 Trucos Wordpress

Si queréis apoyar al podcast para que os sigamos regalando cositas, paguemos el hosting y compremos nuevos micros podéis contratar vuestro hosting a través del enlace afiliado https://www.siteground.com/go/potenciapro

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de http://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

En este capítulo hablamos de cómo añadir funcionalidades con frameworks y cómo proteger nuestro proyecto mediante childthemes.

Ante todo os pedimos disculpas por el desastre de audio del capítulo, hemos tenido un eco imposible de quitar en la fase de edición.

Aquí tenéis los enlaces de los plugins y herramientas de lo que hablamos en el capítulo.

Flexbox

Siteorigin CSS

Codelights

Updraft Plus

Duplicator

Os recordamos que os podéis suscribir al boletín, hasta ahora hemos regalado cosas con un valor de 199$ y los suscritos hasta el 31 de diciembre de 2016 a las 23:59 entráis en el sorteo del fantástico libro de Fernando Tellado, 1001 Trucos Wordpress

Si queréis apoyar al podcast para que os sigamos regalando cositas, paguemos el hosting y compremos nuevos micros podéis contratar vuestro hosting a través del enlace afiliado https://www.siteground.com/go/potenciapro

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de http://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

En el capítulo de hoy os mostramos cómo diseñar una página o entrada de modo visual, con multitud de trocitos de utilidades para insertar, por ejemplo, una tabla de precios, valoraciones de clientes, un slider, etc.

El plugin del que os hablamos es Page Builder by SiteOrigin

Siguiendo con este plugin, Flavia comenta otro plugin, Smart Recent Posts Widget, que agrega aún más posibilidades al fantástico plugin de SiteOrigin.

Os recordamos que os podéis suscribir al boletín, hasta ahora, en sólo 2 entregas, hemos regalado cosas con un valor de 99$ y los suscritos hasta el 31 de diciembre de 2016 a las 23:59 entráis en el sorteo del fantástico libro de Fernando Tellado, 1001 Trucos Wordpress

Si queréis apoyar al podcast para que os sigamos regalando cositas, paguemos el hosting y compremos nuevos micros podéis contratar vuestro hosting a través del enlace afiliado https://www.siteground.com/go/potenciapro

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de http://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

El amigo Juan Palomo preguntó una cosa super básica pero que se nos ha olvidado explicarle… ¿Sabéis qué es?

PAL - Arquitectura WordPress

¡La diferencia entre Entradas y Páginas! Vamos a dejar un enlace en las notas del programa del códex de WordPress, esa biblia estupenda a los que todos y todas hemos terminada navegando y naufragando alguna vez en nuestra vida al buscar WordPress en Google.

https://codex.wordpress.org/Post_Types

En ese enlace nos hablan de los Post Types o Tipo de publicación. Por defecto todo en WP es un Post / Entrada. TODO. Hasta los productos de WooCommerce son Entradas.

Las páginas son también entradas, pero antes de liar a Juan Palomo más, voy a explicar qué es una Entrada.

Según el códex de WordPress:

“Una entrada en WordPress es un tipo de publicación, la más básica y utilizada sobre todo para blogs. Las entradas aparecen en un blog de forma secuencial en orden inverso al tiempo (las primeras son las más nuevas). Las entradas son también usadas para crear los feeds”.

Una entrada por tanto es una publicación que se hace en una fecha determinada. Vienen asociadas comentarios a ellas por defecto y se utiliza sobre todo para noticias o blogs.

WordPress nació como plataforma de blogging y es por ello que aún mantiene esta estructura básica donde TODO ES UNA ENTRADA.

Vale, entonces le decimos a Juan que las entradas hay que usarlas para las noticias o las nuevas publicaciones que hagamos en la sección de blog de nuestra web. ¿Entonces cuándo debemos usar las páginas?

Me voy de nuevo a la definición que hace el códex, esta vez sobre las páginas:

“Una página en WP es como una entrada, pero funciona fuera de los listados basados en el tiempo de publicación de las entradas. Las páginas pueden tener diferentes plantillas de páginas para visualizarlas. Las páginas también pueden estar organizadas con una estructura jerárquica, pudiendo haber páginas padre de otras páginas, y que no pueden ser asignadas con categorías o etiquetas. Si los enlaces permanentes están activos, el enlace permanente de la página siempre estará compuesto por la URL principal del sitio más el “slug” o la forma amigable del nombre de la página más su padre si así lo tuviera.”

Lo que quiere decir es que una página:

No lleva una fecha asociada, por tanto es contenido estático

No tiene categorías ni etiquetas

Pueden organizarse de forma jerárquica: páginas que dependen de otras páginas.

Pueden visualizarse con diferentes plantillas (dependiendo del tema que usemos)

No tienen por qué tener comentarios (aunque pueden habilitarse).

En resumen y basándome en lo que casi todo el mundo hace: Las entradas las usaremos cuando queramos escribir una nueva publicación en nuestra sección de blog o noticias.

Las páginas las usaremos para el contenido estático: la sección del quiénes somos, servicios, contacto, etc.

¿Creéis que a Juan Palomo le ha quedado ya claro la diferencia entre estos dos tipos de publicación?

Aparte de las entradas y las páginas, como bien dice el códex, hay más tipo de publicación como los attachment (la sección media, los archivos que subimos), los menús y las revisiones, que son versiones o copias de seguridad que nuestro WordPress hace por defecto de nuestras publicaciones.

En fin, aparte de los tipos de publicaciones que vienen en WP cuando lo instalamos, la grandeza de este CMS y lo que lo ha hecho crecer ha sido que nosotros podemos hacer el tipo de publicación o “Custom Post Type” que queramos. Pero eso es otra historia…

NTSC. Publicación de varios sitios webs en un solo servidor

Juan Palomo está que se sale, pero la contrapartida a sus superpoderes es que ha adquirido hábitos de los seres que se los otorgaron. Uno de ellos es que le encanta, cuando va conduciendo, sacar la cabeza por la ventanilla y que el viento le de en la lengua, lo que pasa es que su lengua se reseca muchísimo y está todo el día bebiendo todo tipo de líquidos.

Juan Palomo ha tenido un problema, un perro le ha mordido y se ha puesto enfermo, se ha recuperado pero hay efectos secundarios, lo contamos con más detalle en el podcast...

En la sección PAL os contamos cómo instalar plugins y para qué sirven estos, hacemos también un recordatorio de cómo se instalan temas WordPress.

Os enlazamos también la cuenta de nuestro nuevo super héroe, Chinchorro Man, por si le queréis seguir en Twitter en la cuenta @ChinchorroMan

Para la sección NTSC Flavia nos explica paso a paso cómo montar un boletín de noticias para que vuestros oyentes y lectores se suscriban.

Con el motivo de la visita a la WordCamp, Flavia se ha traído un libro firmado por Fernando Tellado que sortearemos entre todos aquellos que se suscriban al boletín hasta el 31 de diciembre de 2016 a las 23:59, es decir, cuando vayáis a comer la primera uva habrá finalizado el plazo para suscribiros con respecto al sorteo del libro.

Si de todos modos os come el ansia y quereis el libro ya, el enlace (afiliado) del libro lo tenéis aquí: 1001 Trucos WordPress

Os avisamos también que habrá regalos periódicos para todos los suscriptores y seguramente empezaremos este domingo.

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de https://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

Juan Palomo ha estado protestando porque el último capítulo del podcast era demasiado complicado para el.

Juan lo que quiere es poner bonita la web, le da lo mismo que la web esté saludable o que vaya más o menos rápida, si no está bonita, qué más le da.

Por un lado Flavia y yo le damos la razón, porque quizás se ha ido un poco de nivel, pero también nos piden algo más de caña por otro lado, y es que con oyentes de 14 países hay más de uno que nos comenta que vayamos más allá.

La decisión que hemos tomado al respecto es que vamos a tener dos secciones, una de poco nivel para ir aprendiendo poco a poco y otra con trucos y plugins algo más avanzados. De este modo podremos ir introduciendo conceptos básicos y aconsejando trucos de nivel al mismo tiempo.

Las secciones han sido denominadas PAL (de Palomo) en el caso de la fácil y NTSC (de lo contrario de PAL), cosas de la improvisación.

Sección PAL

En la sección dedicada a Juan Palomo, le explicamos lo que es un tema y de donde se puede bajar con ciertas garantías.

Además de enseñarle los sitios desde donde bajar con confianza temas de calidad le damos una serie de pautas a tener en cuenta para que no se produzcan problemas a posteriori, como el Locking, uno de los problemas más graves que no es más que la esclavitud a la que nos somete un tema por tener añadidas demasiadas personalizaciones.

Básicamente le incidimos en los siguientes puntos:

1.- De donde descargar temas de confianza:

WordPress.org -> Themes, estos temas son los que salen en la sección de añadir nuevo tema en el panel de control en la sección Apariencia -> Temas -> Añadir tema

SiteOrigin -> Recomendado

StudioPress

WooCommerce -> Storefront

2.- Huir de temas con demasiadas personalizaciones

3.- Utilizar herramientas de análisis de velocidad -> PageSpeed Insights de Google https://developers.google.com/speed/pagespeed/insights/ para analizar la velocidad según el cambio de tema.

Sección NTSC

En esta sección de lo que hablamos es de la estupenda herramienta gratuita que nos ofrece la web http://www.wpdoctor.es/ que no es más que un análisis exhaustivo de los puntos sensibles y no tantos de la web.

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de https://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

Juan Palomo ha estado protestando porque el último capítulo del podcast era demasiado complicado para el. Juan lo que quiere es poner bonita la web, le da lo mismo que la web esté saludable o que vaya más o menos rápida, si no está bonita, qué más le da. Por un lado Flavia y yo Leer másPotencia Pro 008: Temas en WordPress. Analiza tu web con WPDoctor.[…]

En este capítulo dejo hibernando a mi amigo Juan Palomo y lo cambio por Flavia, experta en WordPress y excelente diseñadora, para que me acompañe en esta aventura de Potencia Pro.

Para abrir boca, hacemos un pequeño resumen para mostrar con algo de perspectiva la fantástica herramienta que nos ofrece Google de forma gratuita, Google Search Console.

Hacemos un recorrido somero por los distintos puntos que consideramos más importantes para mantener la buena salud de nuestra página web, desde qué es el Sitemaps hasta el posicionamiento de las palabras de búsqueda en Google pasando por recomendaciones de formatos AMP para dispositivos móviles.

En fin, un recorrido detallado que esperamos que os resulte interesante.

Métodos de contacto

Podéis enviarnos vuestras dudas e inquietudes tanto al formulario de contacto de https://avpodcast.net como a https://potencia.pro/contactar. 

También nos podéis encontrar en la cuenta de twitter @PotenciaPro o a nuestras cuentas personales @materron o @flabernardez

Mucha gracias por las valoraciones de 5 estrellas en iTunes lo que nos ayuda a ser más visibles y por los comentarios y me gusta en iVoox.

Juan Palomo la semana pasada estaba inquieto porque la gente iba a curiosear lo que iba haciendo en la web, pues bien, las tornas han cambiado y ahora está angustiado porque no sabe si todo el trabajo que está realizando está teniendo resultado.

Ha hecho cambios en la web y ahora que ha puesto la web a la vista del mundo ha querido saber cuantas personas le visitan, desde dónde, cuánto tiempo, qué ven primero, qué página es la última que visitan, en fin, quiere saber si hay alguna forma de saber qué resultado está dando la página en sus lectores.

Hay una forma de rastrear lo que hacen los visitantes en nuestra web. Desde hace muchos años Google nos proporciona la forma de rastrear esto introduciendo en la cabecera de nuestra web, de un modo no visible, un pequeño trozo de código que se encarga de hacer una llamada al servicio de rastreo de Google, llamado Google Analytics, para almacenar lo que se está haciendo en nuestra web.

Existen otras muchas formas de contabilización y rastreo de las webs, no solo de Google vive internet, pero casi, y es por este motivo que os comento este método.

En los comienzos de Google Analytics había que meter un código a mano, como ya he comentado, en la código html de la web, pero pasó poco tiempo para que apareciesen facilidades y todo tipo de plugins para casi todas las plataformas que simplificaban el proceso de configuración de Google Analytics en nuestras webs.

En WordPress en concreto hay muchos plugins, pero yo os quiero recomendar uno que me encanta: Google Analytics por MonsterInsights: https://es.wordpress.org/plugins/google-analytics-for-wordpress/

 

Este plugin es gratuito y tiene muchísimas opciones de configuración de las que os voy a comentar las fundamentales, una vez instalado el plugin y activado aparecerá en el menú del escritorio de vuestra instalación de WordPress una sección llamada Insights donde encontraréis lo que tenéis que cambiar:

1.- Sección configuración, pestaña general: Aquí seleccionamos la cuenta de analytics que hemos creado, eso no os lo he comentado, pero como es muy simple os lo pongo como deberes, daos de alta en google analytics y cread una cuenta de seguimiento para vuestra web, después podréis configurar la cuenta en el plugin

2.- Listo, ¿pensabais que iba a ser más largo? pues lo siento, no hay más que hacer a nivel básico…

Listo, por favor, haced los deberes para la semana que viene.

Métodos de contacto

Podéis enviarme vuestras dudas e inquietudes tanto al formulario de contacto de https://avpodcast.net como a https://potencia.pro/contactar

Ya de paso, si me valoráis en iTunes me haría mucha ilusión, por aquello del feedback y tal.

Un saludo de parte de Juan Palomo.