Formación sobre WordPress para mejorar tu web en seguridad, rendimiento, conversión y personalización. Explicado paso a paso para que pierdas el miedo a la programación.
Móntate un sitio web completo con WordPress en 4 horasIñaki Arenaza
La presencia de las empresas en internet es hoy en día una necesidad prácticamente ineludible. Sin embargo muchas pequeñas y medianas empresas no pueden abordar desarrollos personalizados para su sitio web, por limitaciones de tiempo y dinero. Sin embargo ello no significa que no podamos utilizar soluciones estandarizadas con algunas personalizaciones, cubriendo gran parte de los elementos esenciales de un sitio web construido a medida.
Una de las soluciones estandarizadas más utilizadas es la plataforma WordPress, que combina la simplicidad de funcionamiento con la versatilidad de sus complementos. Si bien inicialmente sólo se utilizaba como plataforma de blogs, a día de hoy es capaz de construir sitios web sencillos con una sencillez y rapidez inigualable, con una calidad más que probada.
En este curso se trabajará con la plataforma WordPress para construir uno o varios sitios web estáticos de forma rápida y sencilla, sin necesidad de conocer programación de HTML o CSS.
Programa:
1. El aspecto de mi sitio web.
- Instalación y configuración de temas
- Diseño adaptable (Responsive Web Design).
2. Paginas estáticas.
- Creación y edición de páginas estáticas.
- Organización jerarquías de páginas.
3. Menús.
- Creación y edición de menús.
- Cómo y donde mostrar nuestros menús.
4. Integración con Google Analitycs
- Instalación y configuración de plugins de integración.
- Generación de eventos.
5. Como contactar con el usuario (formularios):
- Creación y edición de formularios (contacto, petición de datos, etc.)
- Cómo y donde mostrar nuestros formularios.
6. Internacionalizacion.
- Cómo crear y gestionar una red de blogs.
- Cómo gestionar contenidos multi idioma.
Instalación de Wordpress en un hosting propio usando herramientas sencillas y sin saber programación.
Necesario: tener contratado un hosting, tener Filezilla instalado en nuestro ordenador y el bloc de notas.
Presentación creada para los cursos de formación sobre Wordpress que Caín Santamaría e Innovanity realizan regularmente en Burgos (España)
El documento compara tres servicios de hosting: Lunarpages, Bluehost y Yahoo. Lunarpages ofrece un panel de control de dominios por $19.95 al año con 350GB de transferencia y 3500GB de ancho de banda. Bluehost ofrece características como almacenamiento, dominios, sitio web gratis y soporte por $6.95 al mes con 300GB de transferencia y 3000GB de ancho de banda. Yahoo ofrece alojamiento seguro con dominio gratis, almacenamiento y correo ilimitados por $6.47 al mes.
Este documento describe los pasos para publicar contenido web en miarroba.es, incluyendo registrarse, seleccionar un nuevo espacio, rellenar los datos requeridos, y recibir la información necesaria para publicar. También menciona algunas aplicaciones como FileZilla que pueden usarse para acceder al servidor FTP y subir contenidos, así como algunos posibles problemas como que las fotos se almacenan de forma diferente al PC local.
Este documento explica cómo subir archivos a un servidor web. Primero, se debe identificar dónde están todos los archivos del sitio web, ya sea mediante código HTML o un editor HTML. Luego, los archivos se pueden subir al servidor a través de FTP o una interfaz web. Para subir archivos por FTP, se necesita un programa cliente de FTP y configurarlo con la información de acceso al servidor, como el nombre del servidor FTP, el usuario, la contraseña y el directorio de publicación. Algunos editores HTML también permiten subir archivos al servidor
WordCamp Alicante 2017 - De HTML a WordPressDarío BF
El documento habla sobre el proceso de crear un tema de WordPress a partir de un diseño HTML y CSS existente. Explica las diferentes partes y archivos que componen un tema de WordPress como style.css, header.php, footer.php e index.php. También cubre cómo mover los archivos de diseño al tema de WordPress y modificar las rutas para que funcionen correctamente.
Móntate un sitio web completo con WordPress en 4 horasIñaki Arenaza
La presencia de las empresas en internet es hoy en día una necesidad prácticamente ineludible. Sin embargo muchas pequeñas y medianas empresas no pueden abordar desarrollos personalizados para su sitio web, por limitaciones de tiempo y dinero. Sin embargo ello no significa que no podamos utilizar soluciones estandarizadas con algunas personalizaciones, cubriendo gran parte de los elementos esenciales de un sitio web construido a medida.
Una de las soluciones estandarizadas más utilizadas es la plataforma WordPress, que combina la simplicidad de funcionamiento con la versatilidad de sus complementos. Si bien inicialmente sólo se utilizaba como plataforma de blogs, a día de hoy es capaz de construir sitios web sencillos con una sencillez y rapidez inigualable, con una calidad más que probada.
En este curso se trabajará con la plataforma WordPress para construir uno o varios sitios web estáticos de forma rápida y sencilla, sin necesidad de conocer programación de HTML o CSS.
Programa:
1. El aspecto de mi sitio web.
- Instalación y configuración de temas
- Diseño adaptable (Responsive Web Design).
2. Paginas estáticas.
- Creación y edición de páginas estáticas.
- Organización jerarquías de páginas.
3. Menús.
- Creación y edición de menús.
- Cómo y donde mostrar nuestros menús.
4. Integración con Google Analitycs
- Instalación y configuración de plugins de integración.
- Generación de eventos.
5. Como contactar con el usuario (formularios):
- Creación y edición de formularios (contacto, petición de datos, etc.)
- Cómo y donde mostrar nuestros formularios.
6. Internacionalizacion.
- Cómo crear y gestionar una red de blogs.
- Cómo gestionar contenidos multi idioma.
Instalación de Wordpress en un hosting propio usando herramientas sencillas y sin saber programación.
Necesario: tener contratado un hosting, tener Filezilla instalado en nuestro ordenador y el bloc de notas.
Presentación creada para los cursos de formación sobre Wordpress que Caín Santamaría e Innovanity realizan regularmente en Burgos (España)
El documento compara tres servicios de hosting: Lunarpages, Bluehost y Yahoo. Lunarpages ofrece un panel de control de dominios por $19.95 al año con 350GB de transferencia y 3500GB de ancho de banda. Bluehost ofrece características como almacenamiento, dominios, sitio web gratis y soporte por $6.95 al mes con 300GB de transferencia y 3000GB de ancho de banda. Yahoo ofrece alojamiento seguro con dominio gratis, almacenamiento y correo ilimitados por $6.47 al mes.
Este documento describe los pasos para publicar contenido web en miarroba.es, incluyendo registrarse, seleccionar un nuevo espacio, rellenar los datos requeridos, y recibir la información necesaria para publicar. También menciona algunas aplicaciones como FileZilla que pueden usarse para acceder al servidor FTP y subir contenidos, así como algunos posibles problemas como que las fotos se almacenan de forma diferente al PC local.
Este documento explica cómo subir archivos a un servidor web. Primero, se debe identificar dónde están todos los archivos del sitio web, ya sea mediante código HTML o un editor HTML. Luego, los archivos se pueden subir al servidor a través de FTP o una interfaz web. Para subir archivos por FTP, se necesita un programa cliente de FTP y configurarlo con la información de acceso al servidor, como el nombre del servidor FTP, el usuario, la contraseña y el directorio de publicación. Algunos editores HTML también permiten subir archivos al servidor
WordCamp Alicante 2017 - De HTML a WordPressDarío BF
El documento habla sobre el proceso de crear un tema de WordPress a partir de un diseño HTML y CSS existente. Explica las diferentes partes y archivos que componen un tema de WordPress como style.css, header.php, footer.php e index.php. También cubre cómo mover los archivos de diseño al tema de WordPress y modificar las rutas para que funcionen correctamente.
Este documento presenta una introducción a los plugins de WordPress. Explica que los plugins extienden la funcionalidad de WordPress y cómo instalar plugins tanto desde el panel de administración como mediante FTP. También describe brevemente cómo buscar e instalar nuevos plugins para personalizar un sitio web basado en WordPress.
Tu negocio en internet. WordPress (nivel medio)Fundació Bit
Este documento proporciona una introducción a WordPress, incluyendo cómo instalarlo, su estructura de archivos y funcionalidad, plugins recomendados, lenguajes de programación utilizados (HTML5 y CSS3) y consejos sobre posicionamiento SEO, usabilidad web y trucos comunes.
El documento explica cómo instalar y configurar WordPress en un servidor propio o en un hosting compartido. Detalla los requisitos técnicos mínimos, el proceso de instalación, la configuración básica, la gestión de usuarios, plugins y temas, y cómo realizar copias de seguridad y actualizaciones. El objetivo es capacitar a los usuarios para montar un sitio web con WordPress y gestionarlo de forma autónoma.
Para tener un sitio web se necesita registrar un dominio, contratar hosting y usar un cliente FTP. Un dominio es la dirección de un sitio, como wordpress.org. El hosting ofrece espacio en disco, ancho de banda y acceso FTP para subir archivos al sitio. Un cliente FTP como FileZilla permite transferir archivos al hosting.
Este documento proporciona instrucciones para crear un blog, sitio web y wiki. Para crear un blog, se recomienda registrarse en www.bloggle.com, personalizar el blog con temas, foto de perfil y cuenta de visitas, y luego escribir entradas. Para crear un sitio web, se sugiere usar un editor como FrontPage o Dreamweaver, diseñar la página principal con ventanas y presentaciones cortas en formato HTM, conectar las páginas con hipervínculos, y publicar el sitio mediante hosting o alojamiento grat
Este documento explica cómo subir archivos a un servidor web a través de FTP o una interfaz web. Detalla que los archivos deben identificarse y transferirse al servidor mediante un cliente FTP, requiriendo la dirección del servidor, nombre de usuario y contraseña. También menciona que algunos editores HTML integran funcionalidad FTP para subir páginas de forma sencilla.
Este documento proporciona una introducción a las herramientas de lanzamiento de una página web, incluyendo hosting y dominio, sistemas de gestión de contenido como WordPress, y optimización del posicionamiento y rendimiento de la web. Se explican conceptos como DNS, tipos de dominios, compra de dominio, hosting compartido vs dedicado, CMS populares como WordPress, instalación y configuración básica de WordPress, plugins y plantillas útiles, y herramientas para la monitorización y optimización de la web.
Curso de WordPress Cámara de Sevilla Mayo 2018Antonio Pérez
Este documento proporciona una guía sobre la administración y personalización de sitios web con WordPress. Explica cómo agregar y modificar contenido, cambiar el tema y apariencia del sitio, e instalar complementos o plugins. También describe las ventajas y desventajas de usar WordPress.org frente a WordPress.com, y los requisitos técnicos necesarios para ejecutar WordPress.
La informática abarca técnicas para potenciar las capacidades humanas de pensamiento, memoria y comunicación. Se utiliza en gestión de negocios, almacenamiento de información, control de procesos, comunicaciones, transportes, medicina y otros sectores. Una página web es un documento electrónico accesible a través de un navegador que puede incluir enlaces, hojas de estilo, scripts e imágenes. Los blogs son sitios actualizados que recopilan artículos de uno o más autores de forma cronológica.
Wordpress como framework - DarioBF en WordCamp BarcelonaDarío BF
Este documento explica cómo WordPress puede utilizarse como un framework para el desarrollo web. Explica que WordPress ofrece características como la gestión de usuarios y permisos, plantillas, plugins, caché, registro de errores y gestión de multimedia. También describe cómo usar funciones como custom post types, metaboxes, WP_Query y loops para crear contenido personalizado.
HTML 5 es el próximo estándar de sitios web en Internet. La ponencia parte de la historia de Internet para llegar a las implementaciones actuales en los más modernos navegadores de Internet.
Crea tus layouts con flexbox - WordCamp Bilbao Darío BF
Darío presenta Flexbox como una mejor alternativa a los métodos tradicionales de diseño web como tablas, float y inline-block. Explica los conceptos básicos de Flexbox como el contenedor, los items, y propiedades para distribuir, alinear y ordenar elementos de forma flexible. También cubre propiedades avanzadas como flex-grow, flex-shrink y flex-basis que permiten controlar el comportamiento de los items.
El documento describe los elementos fundamentales de una página web, incluyendo texto, imágenes, audio, hipervínculos, scripts y hojas de estilo. Explica que una página web se compone de archivos almacenados en un servidor y accesibles a través de un navegador, y que puede contener contenido estático o dinámico generado por código del lado del servidor.
Este documento habla sobre la optimización del rendimiento y la velocidad en WordPress. Explica que el WPO (Web Performance Optimization) es el proceso de optimizar sitios web para reducir el tiempo de carga mediante mejoras en el frontend, backend, base de datos, servidores y peticiones. También destaca la importancia de que un sitio web cargue rápido para mejorar la experiencia del usuario y aumentar el tiempo en la página, las conversiones y disminuir el porcentaje de rebote. Finalmente, proporciona recomendaciones para optimizar Word
Este documento proporciona información sobre la optimización del rendimiento web (WPO) para WordPress. Explica brevemente qué es WPO y por qué es importante, y luego resume los pasos clave para optimizar el frontend, imágenes, contenido, redes, hosting, servidores y bases de datos para mejorar el rendimiento de un sitio web WordPress.
Este documento explica cómo crear un plugin para WordPress. Explica que los plugins permiten extender la funcionalidad de WordPress mediante fragmentos de código PHP. Detalla los pasos para crear un plugin, incluyendo darle un nombre, crear los archivos PHP y readme, añadir la cabecera estándar, licencia y ganchos. También explica qué son los ganchos y cómo se pueden usar acciones y filtros para modificar el comportamiento de WordPress.
Este documento proporciona instrucciones para instalar Joomla. Se necesita hosting y un dominio para alojar el sitio web. Luego, se debe descargar el paquete de instalación de Joomla, extraer los archivos en el servidor en la carpeta pública, y configurar una base de datos y un usuario para la base de datos. Finalmente, se ingresa a la URL del sitio para completar el proceso de instalación de Joomla.
Prestashop Training para optimizar tu tienda online. En esta esta presentación aprenderemos a optimizar la jerarquía de Hn de los diversos modelos de página. A crear un nuevo campo de descripción en la ficha de categoría y mucho más.
Este documento presenta una introducción al SEO para Prestashop. Explica conceptos clave como la indexabilidad, relevancia y popularidad y cómo trabajar en estas áreas. También cubre temas como keyword research, plantillas para Prestashop, puntos a analizar en una plantilla, HTML, CSS, PHP, herramientas útiles y programación básica en Prestashop como temas, módulos y traducciones.
Este documento presenta una introducción a los plugins de WordPress. Explica que los plugins extienden la funcionalidad de WordPress y cómo instalar plugins tanto desde el panel de administración como mediante FTP. También describe brevemente cómo buscar e instalar nuevos plugins para personalizar un sitio web basado en WordPress.
Tu negocio en internet. WordPress (nivel medio)Fundació Bit
Este documento proporciona una introducción a WordPress, incluyendo cómo instalarlo, su estructura de archivos y funcionalidad, plugins recomendados, lenguajes de programación utilizados (HTML5 y CSS3) y consejos sobre posicionamiento SEO, usabilidad web y trucos comunes.
El documento explica cómo instalar y configurar WordPress en un servidor propio o en un hosting compartido. Detalla los requisitos técnicos mínimos, el proceso de instalación, la configuración básica, la gestión de usuarios, plugins y temas, y cómo realizar copias de seguridad y actualizaciones. El objetivo es capacitar a los usuarios para montar un sitio web con WordPress y gestionarlo de forma autónoma.
Para tener un sitio web se necesita registrar un dominio, contratar hosting y usar un cliente FTP. Un dominio es la dirección de un sitio, como wordpress.org. El hosting ofrece espacio en disco, ancho de banda y acceso FTP para subir archivos al sitio. Un cliente FTP como FileZilla permite transferir archivos al hosting.
Este documento proporciona instrucciones para crear un blog, sitio web y wiki. Para crear un blog, se recomienda registrarse en www.bloggle.com, personalizar el blog con temas, foto de perfil y cuenta de visitas, y luego escribir entradas. Para crear un sitio web, se sugiere usar un editor como FrontPage o Dreamweaver, diseñar la página principal con ventanas y presentaciones cortas en formato HTM, conectar las páginas con hipervínculos, y publicar el sitio mediante hosting o alojamiento grat
Este documento explica cómo subir archivos a un servidor web a través de FTP o una interfaz web. Detalla que los archivos deben identificarse y transferirse al servidor mediante un cliente FTP, requiriendo la dirección del servidor, nombre de usuario y contraseña. También menciona que algunos editores HTML integran funcionalidad FTP para subir páginas de forma sencilla.
Este documento proporciona una introducción a las herramientas de lanzamiento de una página web, incluyendo hosting y dominio, sistemas de gestión de contenido como WordPress, y optimización del posicionamiento y rendimiento de la web. Se explican conceptos como DNS, tipos de dominios, compra de dominio, hosting compartido vs dedicado, CMS populares como WordPress, instalación y configuración básica de WordPress, plugins y plantillas útiles, y herramientas para la monitorización y optimización de la web.
Curso de WordPress Cámara de Sevilla Mayo 2018Antonio Pérez
Este documento proporciona una guía sobre la administración y personalización de sitios web con WordPress. Explica cómo agregar y modificar contenido, cambiar el tema y apariencia del sitio, e instalar complementos o plugins. También describe las ventajas y desventajas de usar WordPress.org frente a WordPress.com, y los requisitos técnicos necesarios para ejecutar WordPress.
La informática abarca técnicas para potenciar las capacidades humanas de pensamiento, memoria y comunicación. Se utiliza en gestión de negocios, almacenamiento de información, control de procesos, comunicaciones, transportes, medicina y otros sectores. Una página web es un documento electrónico accesible a través de un navegador que puede incluir enlaces, hojas de estilo, scripts e imágenes. Los blogs son sitios actualizados que recopilan artículos de uno o más autores de forma cronológica.
Wordpress como framework - DarioBF en WordCamp BarcelonaDarío BF
Este documento explica cómo WordPress puede utilizarse como un framework para el desarrollo web. Explica que WordPress ofrece características como la gestión de usuarios y permisos, plantillas, plugins, caché, registro de errores y gestión de multimedia. También describe cómo usar funciones como custom post types, metaboxes, WP_Query y loops para crear contenido personalizado.
HTML 5 es el próximo estándar de sitios web en Internet. La ponencia parte de la historia de Internet para llegar a las implementaciones actuales en los más modernos navegadores de Internet.
Crea tus layouts con flexbox - WordCamp Bilbao Darío BF
Darío presenta Flexbox como una mejor alternativa a los métodos tradicionales de diseño web como tablas, float y inline-block. Explica los conceptos básicos de Flexbox como el contenedor, los items, y propiedades para distribuir, alinear y ordenar elementos de forma flexible. También cubre propiedades avanzadas como flex-grow, flex-shrink y flex-basis que permiten controlar el comportamiento de los items.
El documento describe los elementos fundamentales de una página web, incluyendo texto, imágenes, audio, hipervínculos, scripts y hojas de estilo. Explica que una página web se compone de archivos almacenados en un servidor y accesibles a través de un navegador, y que puede contener contenido estático o dinámico generado por código del lado del servidor.
Este documento habla sobre la optimización del rendimiento y la velocidad en WordPress. Explica que el WPO (Web Performance Optimization) es el proceso de optimizar sitios web para reducir el tiempo de carga mediante mejoras en el frontend, backend, base de datos, servidores y peticiones. También destaca la importancia de que un sitio web cargue rápido para mejorar la experiencia del usuario y aumentar el tiempo en la página, las conversiones y disminuir el porcentaje de rebote. Finalmente, proporciona recomendaciones para optimizar Word
Este documento proporciona información sobre la optimización del rendimiento web (WPO) para WordPress. Explica brevemente qué es WPO y por qué es importante, y luego resume los pasos clave para optimizar el frontend, imágenes, contenido, redes, hosting, servidores y bases de datos para mejorar el rendimiento de un sitio web WordPress.
Este documento explica cómo crear un plugin para WordPress. Explica que los plugins permiten extender la funcionalidad de WordPress mediante fragmentos de código PHP. Detalla los pasos para crear un plugin, incluyendo darle un nombre, crear los archivos PHP y readme, añadir la cabecera estándar, licencia y ganchos. También explica qué son los ganchos y cómo se pueden usar acciones y filtros para modificar el comportamiento de WordPress.
Este documento proporciona instrucciones para instalar Joomla. Se necesita hosting y un dominio para alojar el sitio web. Luego, se debe descargar el paquete de instalación de Joomla, extraer los archivos en el servidor en la carpeta pública, y configurar una base de datos y un usuario para la base de datos. Finalmente, se ingresa a la URL del sitio para completar el proceso de instalación de Joomla.
Prestashop Training para optimizar tu tienda online. En esta esta presentación aprenderemos a optimizar la jerarquía de Hn de los diversos modelos de página. A crear un nuevo campo de descripción en la ficha de categoría y mucho más.
Este documento presenta una introducción al SEO para Prestashop. Explica conceptos clave como la indexabilidad, relevancia y popularidad y cómo trabajar en estas áreas. También cubre temas como keyword research, plantillas para Prestashop, puntos a analizar en una plantilla, HTML, CSS, PHP, herramientas útiles y programación básica en Prestashop como temas, módulos y traducciones.
El documento presenta Backbeam, una plataforma para crear aplicaciones web y móviles de forma rápida y sencilla. Backbeam permite definir modelos de datos, introducir datos y usar SDK para crear aplicaciones en iOS, Android y web en sólo 3 pasos. La plataforma se basa en Node.js y Redis y ofrece características como un potente lenguaje de consultas, panel de control rico, desarrollo web y gestión avanzada de archivos.
Este documento presenta una introducción al desarrollo de aplicaciones móviles con HTML5. Explica la evolución de la web y cómo ahora es posible crear aplicaciones completas en ella de forma multiplataforma. Luego, analiza el caso práctico de crear una aplicación que funcione en todos los dispositivos para llegar a más público, y propone usar tecnologías como jQuery Mobile para lograrlo de forma sencilla. Finalmente, muestra los primeros pasos para construir una aplicación multiplataforma con esta librería.
Este documento describe WordPress, un sistema de gestión de contenidos libre y de código abierto popular para publicar contenido en la web. Explica qué es WordPress, sus ventajas como facilidad de instalación y personalización, a quién va dirigido, cómo instalarlo y convertirlo en un CMS completo mediante el uso de temas y plugins. También proporciona enlaces a recursos como el códex de WordPress y ejemplos de su uso.
Este documento presenta una estrategia de migración de un sitio web existente a Alfresco WCM. La estrategia consta de 4 etapas: 1) inventario y clasificación de activos, 2) descomposición de contenidos, 3) importación masiva de contenido, y 4) despliegue de la plataforma y control de calidad. El objetivo es migrar un sitio web basado en Java que incluye páginas dinámicas, estáticas, imágenes, PDF y más, a Alfresco WCM mientras se aplica un nuevo
Hoy en dia, los clientes buscan información de productos y servicios en la web, poco a poco, los medios tradicionales van perdiendo audiencia. Por lo que es necesario que las empresas tengan presencia en la web
El documento describe los pasos para desplegar WordPress en diferentes entornos locales y remotos utilizando diferentes métodos, desde la implementación directa en un solo servidor hasta el uso de múltiples servidores y dominios con control de versiones. Explica las ventajas e inconvenientes de cada método, con énfasis en el uso de sistemas de control de versiones para trabajar de manera colaborativa y mantener diferentes entornos de desarrollo, pruebas y producción.
Este documento proporciona una guía sobre las herramientas y flujos de trabajo fundamentales para un desarrollador frontend, incluyendo editores de código como Sublime Text, sistemas de control de versiones como Git, plataformas como GitHub, frameworks para CSS como Bootstrap, y librerías de JavaScript como Backbone para crear aplicaciones mantenibles siguiendo el patrón MVC. También recomienda herramientas como Gulp para automatizar tareas y compilar código.
Este documento describe varias mejores prácticas para acelerar el rendimiento de sitios web, incluyendo reducir peticiones HTTP, combinar archivos CSS y JavaScript, usar CSS Sprites, reducir búsquedas DNS, evitar redirecciones y errores 404, usar una red de entrega de contenido, agregar cabeceras de caché, comprimir archivos con Gzip, especificar tipos de contenido y juegos de caracteres, y optimizar imágenes. También recomienda herramientas como Firebug y YSlow para analizar el rendimiento de sit
Esta charla hace una introducción al funcionamiento de sitios web en Internet para luego explicar una serie de prácticas para optimizar el tiempo de descarga de páginas web, enfocándose en configuración a nivel de servidores web, código HTML, CSS, JavaScript, imágenes y adjuntos.
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareJonathan Estrella
Este documento discute los desafíos de tener éxito con un negocio en línea y cómo seleccionar una plataforma de comercio electrónico. Explica que para tener éxito se necesita un modelo de negocio bien diseñado, un producto valioso, un líder carismático y un equipo talentoso. También analiza opciones como PrestaShop, Magento y WooCommerce, y cubre temas como pagos, logística, SEO y más. Proporciona consejos para elegir la mejor plataforma para cada neg
Este documento explica cómo instalar un certificado SSL en una página web de WordPress para habilitar el protocolo HTTPS y navegación segura. Detalla qué es un certificado SSL, por qué debería instalarse uno, los pasos para instalarlo incluyendo cambiar la URL, redireccionar el tráfico HTTP a HTTPS y corregir contenido mixto. También recomienda actualizar enlaces en Google Analytics, Search Console, redes sociales y anuncios para completar la migración a HTTPS.
El documento presenta una agenda sobre las características de HTML5 que incluyen formularios, audio y video, geolocalización, aplicaciones web offline, almacenamiento web, canvas, web workers, web sockets y web SQL. Explica cada característica con ejemplos y enlaces a páginas que las demuestran. El autor concluye que aprendió cómo funcionan las herramientas de HTML5 y que fue difícil encontrar ejemplos reales para algunos temas.
Wordpress.com ofrece sitios web básicos gratuitos pero con limitaciones, mientras que Wordpress.org permite instalar y administrar Wordpress de manera independiente. Para usar Wordpress.org, se requiere contratar hosting, descargar e instalar Wordpress, y configurar la base de datos. Luego se pueden personalizar los sitios mediante temas, plugins y configuraciones adicionales.
Este documento describe cómo optimizar sitios web creados con WordPress. Explica que se deben desactivar o eliminar plugins innecesarios y optimizar imágenes y archivos CSS y JavaScript. También recomienda almacenar contenido estático en servidores externos, usar múltiples hostnames para descargar archivos en paralelo, y utilizar caché a nivel de navegador, servidor y CDN para reducir las solicitudes al servidor principal.
"Web Performance para Wordpress" es una presentación de Javier Casares pronunciada en La Salle Campus Barcelona el 26 de abril de 2012. Esta es una de las sesiones sobre #webperf que organiza Javier Casares en colaboración con nuestro centro universitario. Se pueden seguir en directo a través del canal Livestream de La Salle BCN: http://new.livestream.com/LaSalleBCN
Montar un WordPress es sencillo, utilizarlo también, pero sacarle el
máximo partido a su configuración ya no lo es tanto. Aprende cómo
detectar los problemas que puedes tener con tu instalación, plantillas
o plugins y descubriremos algunas configuraciones y plugins para
mejorar su rendimiento.
Buscador de Eventos y Fiestas en España - Buscafiestaholabuscafiesta
Buscafiesta.es es el buscador líder en España para fiestas y eventos, diseñado para satisfacer las necesidades tanto de organizadores como de asistentes. Este innovador software ofrece una plataforma integral que permite a los organizadores de eventos añadir, gestionar y promocionar sus actividades de manera totalmente autónoma, facilitando la visibilidad y escalabilidad de sus eventos.
Buscafiesta.es no solo conecta a los organizadores con su público objetivo, sino que también ofrece herramientas de marketing y análisis que ayudan a maximizar el impacto de cada evento. Ya sea para una fiesta local, un concierto multitudinario o un evento corporativo, Buscafiesta.es es la solución definitiva para hacer de cada evento un éxito rotundo.
14. WordPress
• El CMS web más utilizado
• Tecnología: HTML + CSS + Php + MySQL
• Muy sencillo de instalar y utilizar
• Gran comunidad
• Muy versátil
• Optimizado para buscadores (SEO)
18. Lenguaje HTML
El HTML es un lenguaje de marcado para la elaboración de
páginas webs. Es lo que los navegadores interpretan para
mostrarnos los sitios webs.
Todas las etiquetas de HTML están rodeadas por corchetes
angulares “<“ “>”
21. Normas de HTML
Toda etiqueta que se abre debe cerrarse.
<body>
</body>
Hay alguna excepción:
<br/>
22. Normas de HTML
Toda etiqueta que se abre debe cerrarse.
<body>
</body>
Hay alguna excepción:
<br/>
23. Anatomía de una etiqueta
Atributos de etiquetas
<title>hola</title>
<a href=”/inicio.html”>hola</a>
24. Anatomía de una página web
<html>
<head>
<title>Título de la web</title>
</head>
<body>
<h1>Titulo principal</h1>
<p>Un párrafo</p>
<p>Párrafo con enlace a<a href=”http://www.google.es/”>Google</a></p>
</body>
</html>
26. Etiquetas de metadatos
<title>
<title>Este es el título</title>
<meta>
<meta name=”description” content=”Esta es la descripción de la página”/>
<link>
<link rel=”stylesheet” href=”/archivo.css” type=”text/css” />
29. Etiquetas de enlace
<a>
<a href=”destino” target=”comportamiento” title=”Ir a la sección”>enlace</a>
• href: URL completa o relativa.
• target:
• _blank: nueva ventana
• _self: en la misma ventana
• _top: en ventana a tamaño completo
• Title: información sobre la sección de destino
30. Etiquetas de enlace
rel=“nofollow”
<a href=”destino” rel=”nofollow” title=”Ir a la sección”>enlace</a>
• Google no sigue estos enlaces, es decir, no transfiere el PageRank ni el texto del enlace a
través de ellos.
• Usos:
• Contenido en el que no se confíe
• Enlaces de pago
• Priorización de rastreo
• https://support.google.com/webmasters/answer/96569?hl=es
31. Listas no ordenadas
<ul> y <li>
<ul>
<li>Primer elemento</li>
<li>Segundo elemento</li>
<li>Tercer elemento</li>
</ul>
34. Hojas de estilo en cascada
Lenguaje que se utiliza para describir el aspecto de las etiquetas
HTML de una web.
Podemos encontrarlo en el mismo archivo HTML o en archivos
independientes con la terminación .css
35. Hojas de estilo en cascada
<p>texto grande</p>
CSS
Resultado
HTML
36. Hojas de estilo en cascada
<p>texto grande</p>
CSS
Resultado
texto grande
HTML
37. Hojas de estilo en cascada
p {color:red;}
a {font-size:14px; font-weight:bold;}
.tipogrande{font-size:28px;}
HTML
CSS
Resultado
<p>texto grande</p>
38. Hojas de estilo en cascada
p {color:red;}
a {font-size:14px; font-weight:bold;}
.tipogrande{font-size:28px;}
HTML
CSS
Resultado
texto grande
<p>texto grande</p>
39. Hojas de estilo en cascada
p {color:red;}
a {font-size:14px; font-weight:bold;}
.tipogrande{font-size:28px;}
HTML
CSS
Resultado
<p>texto <span class=”tipogrande”>grande</span></p>
40. Hojas de estilo en cascada
p {color:red;}
a {font-size:14px; font-weight:bold;}
.tipogrande{font-size:28px;}
HTML
CSS
Resultado
texto grande
<p>texto <span class=”tipogrande”>grande</span></p>
41. Hojas de estilo en cascada
Desde CSS podemos referenciar a un elemento por:
• Tipo: p {color:#000; }
• <p>hola</p>
• Clase: .textogrande {color:#000; }
• <p class=“textogrande”>hola</p>
• Identificador: #titulo {color:#000; }
• <p id=“titulo”>hola</p>
43. PHP
Lenguaje de programación del lado del servidor. Orientado al
desarrollo web. Software libre.
• Archivos .php
• Incluyen HTML y código php
• El código php está incluido entre: <?php y ?>
44. PHP
Conceptos básicos de programación:
• Variables: espacios de memoria que almacenan información.
$nombreVariable
• Funciones: conjunto de líneas de código que realizan una función
concreta: get_header();
• Estructuras de control: modifican el flujo de control de la ejecución
de código en base a condiciones: if else, while, for if($a > 2)
{
Echo ‘mayor que 2’
}
53. Sublime Text
• Editor de código rápido y sencillo.
• Ideal para trabajar rápido con php
• Es de pago, pero poco y opcional
• https://www.sublimetext.com/
54. Web Developer
• Extensión de Chrome para analizar páginas web
• Jerarquía Hn
• Orden de carga de página
• Desactivar tecnologías
• Y mucho más
63. Instalación de WordPress
• Descargar la última versión de WordPress de http://
es.wordpress.org
• Descomprimir archivo.
64. Instalación de WordPress
• Conectar con el FTP con Filezilla
• Vaciar la carpeta raíz del dominio
• Subir archivos descomprimidos
65. Instalación de WordPress
• Acceder al panel del hosting: Cpanel, Plesk, etc.
• Crear una BD MySQL y un usuario de esa BD.
• Guardar los datos: nombre bd, nombre usuario, contraseña.
71. Acceso a WordPress
Web: http://worpress01.sys4net-hosting.es/
Administración: http://worpress01.sys4net-hosting.es/wp-admin/
• Abrir dos pestañas del navegador:
• Pública y administración
72. Cambiar contraseña
• Esquina superior izquierda, clic en “Hola alumno”
• Editar mi perfil
• Cambiar contraseña
• Cambiar correo
73. Cambiar contraseña
• Esquina superior izquierda, clic en “Hola alumno”
• Editar mi perfil
• Cambiar contraseña
• Cambiar correo
75. Primeros pasos en WordPress
• Ajustes / Enlaces permanentes
• Ajustes comunes: Nombre de la entrada
• Ajustes / Medios
• Desactivar: Organizar mis archivos subidos en carpetas
basadas en mes y año
76. Primeros pasos en WordPress
• Activar certificado de servidor seguro
• Solicitar al hosting la activación del certificado Let’s encrypt
• Ajustes generales /
• Cambiar http por https
81. Copias de seguridad
IMPORTANTE: tener una copia de seguridad por lo que pueda
pasar.
• Hosting: tiene copias de seguridad.
• Nosotros también deberíamos hacer
• Manualmente: FTP y BD
• Plugin
82. BackWPub
Plugin para programar copias de seguridad y almacenarlas donde
queramos.
• Servidor
• Enviar por email
• FTP
• Dropbox
• Amazon S3
• …
83. BackWPub
• Plugins / BackWPub / Activar plugin
• BackWPub / Add new job
• Job name: Copia semanal
• Job task: BD, File y plugins
• Archive formal: zip
• Job destination: Backup to folder
91. .htaccess
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
• Archivo oculto
• Se encuentra en la raíz
del FTP
95. Redirecciones masivas
Para migraciones SEO Friendly
• Pasar Screaming Frog en el dominio antiguo
• Añadir las URLs en una columna en una hoja de cálculo de Drive
• En la columna siguiente introducir las URLs nuevas por paridad
• En la tercera columna usar esta fórmula:
=concatenate("RewriteRule ^";B2;"$ ";C2;" [R=301,L]")
97. Mi primera redirección
• De /hola-caracola/ a /hola-mundo/
RewriteEngine On
RewriteRule ^hola-caracola/$ http://wordpress01.sys4net-
hosting.es/hola-mundo/ [R=301,L]
98. Mi primera redirección
• Abrir Filezilla y conectar
• Editar archivo .htaccess
• Añadir al principio del archivo
RewriteEngine On
RewriteRule ^hola-caracola/$ http://
worpress01.sys4net-hosting.es/hola-mundo/ [R=301,L]
102. Evitar el hot linking
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^https://(.+.)?dominio.com/ [NC]
RewriteCond %{HTTP_REFERER} !^http://(.+.)?dominiocom/ [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteRule .*.(jpeg|gif|bmp|png|jpg)$ /imagen.jpe [L]
103. Invocar a Chuck
• Descargar esta imagen: http://
www.raulcarrion.com/downloads/chuck-norris.jpg
• Subir a nuestro proyecto por la galería de medios
• Copiar URL de la imagen
• Editar archivo .htaccess con el siguiente código
104. Evitar el hot linking
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^https://(.+.)?sys4net-hosting.es/ [NC]
RewriteCond %{HTTP_REFERER} !^http://(.+.)?sys4net-hosting.es/ [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteRule .*.(jpeg|gif|bmp|png|jpg)$ /wp-content/uploads/chuck-
norris.jpe [L]
105. Evitar el hot linking
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^https://(.+.)?sys4net-hosting.es/ [NC]
RewriteCond %{HTTP_REFERER} !^http://(.+.)?sys4net-hosting.es/ [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteRule .*.(jpeg|gif|bmp|png|jpg)$ /wp-content/uploads/chuck-
norris.jpe [L]
106. Probar si funciona
• Subir cualquier imagen al post de hola mundo de
nuestro proyecto.
• Buscar una imagen subida en ese post en el
proyecto de un compañero.
• Copiar el código HTML de la imagen del compañero
• Pegar en nuestro post
• Navegar en nuestro post a ver que imagen se ve
114. Carpetas
Wp-admin
Archivos del área de administración.
Wp-content
Temas, plugins, idiomas, archivos subidos
Wp-incluides
Librerías
Se toca
No se toca
115. Carpetas
Wp-admin
Archivos del área de administración.
Wp-content
Temas, plugins, idiomas, archivos subidos
Wp-incluides
Librerías
Se toca
No se toca
No se toca
118. Temas de WordPress
Plantillas que modifican la apariencia gráfica de la parte pública del
sitio web manteniendo los contenidos
Gratuitos
• http://www.google.es/
• http://es.wordpress.org/
De pago
• http://www.themeforest.com/
• http://www.elegantthemes.com/ (DIVI)
• https://my.studiopress.com/themes/
genesis/
119. Temas de WordPress
Plantillas que modifican la apariencia gráfica de la parte pública del
sitio web manteniendo los contenidos
Gratuitos
• http://www.google.es/
• http://es.wordpress.org/
De pago
• http://www.themeforest.com/
• http://www.elegantthemes.com/ (DIVI)
• https://my.studiopress.com/themes/
genesis/
120. Temas de WordPress
La elección del tema nos marcará en el futuro:
• Genera el código que Google interpreta.
• Factor clave en el rendimiento web.
• Nuestra rentabilidad dependerá de la flexibilidad de la plantilla y
nuestro dominio de la misma.
135. Estructura de un tema
Archivos de plantilla
Se corresponden con las secciones de la web: page.php, 404.php…
Hojas de estilos
Repositorio de plugins: style.css
Archivo de funciones
Con programación específica de la plantilla: function.php
Includes
Código que se reutiliza en la plantilla: header.php, footer.php …
136. Hojas de estilos
Style.css
Hoja de estilos principal.
Se utiliza para nombrar y clasificar la plantilla:
• Theme Name: Twenty Seventeen
• Theme URI: https://wordpress.org/themes/twentyseventeen/
• Author: the WordPress team
• Author URI: https://wordpress.org/
• …
137. Hojas de estilos
Style.css
• Description: Twenty Seventeen brings your site to life with header video and immersive featured
images. With a focus on business sites, it features multiple sections on the front page as well as
widgets.
• Version: 1.3
• License: GNU General Public License v2 or later
• License URI: http://www.gnu.org/licenses/gpl-2.0.html
• Text Domain: twentyseventeen
• Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors,
custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-
formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
140. Personalizar nuestro tema
• Crear una nueva imagen screenshot.png y subirla por FTP
• Crear una imagen de 1200 x 900 en canva y exportarla a png
• Renombrarla a screenshot.png
• Subirla por FTP a la raíz del tema DIVI /wp-content/themes/Divi/
141. Personalizar nuestro tema
• Cambiar el nombre del tema y la descripción
• Descargamos el archivo style.css de la raíz del tema Divi
• Abrimos con Sublime Text y editamos:
• Theme Name: Raúl tema
• Theme URI: http://www.raulcarrion.com
• Version: 1.0.0
• Description: Mi tema creado a partir de DIV
• Author: Raúl Carrión
• Author URI: http://www.raulcarrion.com
• Tags: tema chulo
146. Plantillas de página
header.php
• Contiene la información del encabezado. Reutilizado por las plantillas.
sidebar.php
• Contiene la información de la barra lateral. Reutilizado por las
plantillas.
footer.php
• Contiene la información del pie. Reutilizado por las plantillas.
148. Plantillas de página
functions.php
• Funciones globales. Lo veremos más adelante.
404.php
• Plantilla para la página no encontrada.
comments.php
• Plantilla para los comentarios.
archive.php
• Plantilla para la organización por archivo.
151. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
152. Ejemplo de jerarquía de plantillas
• Crear en el blog las categorías de entradas:
• Noticias
• Eventos
• Asignamos la entrada “Hola mundo” a las dos categorías.
• Navegamos a la categoría “Noticias”
153. Ejemplo de jerarquía de plantillas
• En la página de noticias ejecutamos la extensión Web Developer
• Information / View document outline
154. Ejemplo de jerarquía de plantillas
• En la página de noticias ejecutamos la extensión Web Developer
• Information / View document outline
155. Ejemplo de jerarquía de plantillas
Ejercicio: Vamos a poner un h1 automático en cada página de
categorías.
156. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
157. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
158. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
159. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
160. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
161. Ejemplo de jerarquía de plantillas
• category-slug.php
• category-ID.php
• category.php
• archive.php
• index.php
162. • Crear una plantilla para todas las categorías:
• Duplicamos el archivo index.php y lo renombramos a
category.php
• Abrimos el archivo con Sublime Text
• Antes del bucle de entradas añadimos:
• <h1><?php single_cat_title();?></h1>
• Subimos nuestro archivo category.php al servidor
Ejemplo de jerarquía de plantillas
166. • En este archivo podemos guardar funciones propias que
reutilizamos en varios proyectos.
• El core de WordPress tiene un functions.php con las funciones
básicas.
• Cada tema viene con su propio archivo functions.php con
funciones específicas.
Functions.php
168. WordPress está traducido utilizando el framework GNU gettext.
https://www.gnu.org/software/gettext/
Los desarrolladores utilizan herramientas que escanean los
archivos PHP y generan un archivo .POT, el cual contiene una lista
de todos los textos originales que necesitan ser traducidos.
<?php _e( $text, $domain ) ?>
Traducciones
169. .PO
Archivo con texto original más una traducción.
Son editables
.MO
Archivos con la misma información pero compilada. Son los que lee
WordPress.
Traducciones
170. Los podemos encontrar:
• Wp-content/themes/tema/languages o /lang/
• Wp-content/languages/themes/
• Se editan con la herramienta Poedit
Traducciones
171. • Descargar e instalar Poedit: https://poedit.net/
Traducciones
172. • Descargar por FTP el archivo /wp-content/themes/divi/lang/
es_ES.po
• Abrimos el archivo
• Buscamos “Enviar comentario” y cambiamos la traducción por
“Enviar comentario AHORA”.
• Archivo / Guardar
• Archivo / Compilar en MO / Guardar
• Subimos al FTP los nuevos archivos .po y .mo
Traducciones
175. Estrategia para modificar un tema sin perder la opción de
actualizar. Se utiliza un tema “padre” que no se modifica y un tema
“hijo” que hereda del padre y donde se realizan los cambios.
Temas hijo
176. Temas hijo
• Pérdida de rendimiento
• Necesitas más conocimiento y tiempo
• Posibilidad de actualizar “casi”
automáticamente.
177. • Crear una carpeta en wp-content/themes/ con el nombre de la
plantilla hija. (Divi-child)
• Crear en la raíz el fichero style.css
Temas hijo
178. • /*
• Theme Name: DIVI child
• Theme URI: http://www.raulcarrion.com/divi-child/
• Version: 1.0
• Description: El tema hijo de Divi
• Author: Raúl Carrión
• Author URI: http://www.raulcarrion.com
• Template: Divi
• */
Temas hijo
179. • La carpeta del nuevo tema.
• Apariencia / Temas
• Activamos el tema
Temas hijo
180. • Creamos el archivo functions.php y copiamos el código siguiente:
Temas hijo
• <?php
• function rc_enqueue_tema_hijo_css() {
• wp_enqueue_style( 'tema-padre-css',
get_template_directory_uri() . '/style.css' );
• }
• add_action( 'wp_enqueue_scripts',
'rc_enqueue_tema_hijo_css' );
• ?>
181. • Vamos a modificar la cabecera del tema hijo.
• Copiamos el archivo header.php del tema padre al tema hijo.
• Abrimos el archivo header.php del tema hijo con Sublime text
• Añadimos:
• <meta content="raulcarrion.com" name="author" />
Temas hijo
182. • Subimos header.php al servidor.
• Comprobamos que se muestra la meta.
Temas hijo
183. • Vamos a pintar todos los títulos de nivel 4 de la barra lateral de
color rojo.
• Editamos el archivo style.css del tema hijo y añadimos:
Temas hijo
• #sidebar h4{
• color:#CC0000;
• }
• Guardamos y subimos el fichero
196. Plugins recomendados
Black Studio TinyMCE Widget
• Editor de contenido para widgets
• https://es.wordpress.org/plugins/black-studio-tinymce-widget/
197. Plugins recomendados
Call now Button
• Botón para llamar al teléfono en dispositivos móviles
• https://es.wordpress.org/plugins/call-now-button/
198. Plugins recomendados
Google Maps WD
• Inserta mapas personalizados de Google Maps
• https://es.wordpress.org/plugins/wd-google-maps/
199. Plugins recomendados
WP Maintenance Mode
• Crea una página de mantenimiento para ocultar la web en
desarrollo
• https://wordpress.org/plugins/wp-maintenance-mode/
200. Plugins recomendados
W3 Total Caché
• Caché de archivos y BD. Muy completo y gratuito.
• https://es.wordpress.org/plugins/w3-total-cache/
204. Plugins recomendados
Migrate db Pro
• Replica BD e imágenes de preproducción a produción y viceversa.
• Tiene en cuenta el cambio de dominio.
• https://deliciousbrains.com/wp-migrate-db-pro/
205. Plugins recomendados
BackWPup – WordPress Backup Plugin
• Hace backups programados de archivos y base de datos
• https://es.wordpress.org/plugins/backwpup/
206. Plugins recomendados
Crayon Syntax Highlighter
• Formatea ejemplos de código en las entradas
• https://es.wordpress.org/plugins/crayon-syntax-highlighter/
207. Plugins recomendados
EWWW Image Optimizer
WP smush
• Optimiza las imágenes para que ocupen menos espacio
• https://es.wordpress.org/plugins/ewww-image-optimizer/
208. Plugins recomendados
Google Analytics para WordPress por MonsterInsights
• Código de seguimiento de Google Analytics y seguimiento de
eventos.
• https://es.wordpress.org/plugins/ewww-image-optimizer/
212. La inyección de código o inyección SQL es un método de
infiltración de código intruso que se vale de una vulnerabilidad
informática presente en una aplicación en el nivel de validación de
las entradas para realizar operaciones sobre una base de datos.
Inyección de código
215. • Al crear un nuevo WordPress cambiar wp_
• Si ya lo has creado, renombrar:
• Hacer copia de seguridad de la BD
• Modificar $table_prefix en wp-config.php
• Cambiar los nombres de las tablas: RENAME table `wp_posts` TO
`lolailo_posts`;
• Modificar los valores de la tabla wp_options: SELECT * FROM
`lolailo_options` WHERE `option_name` LIKE '%wp_%’
• Modificar los valores de la tabla wp_usermeta: SELECT * FROM
`lolailo_usermeta` WHERE `meta_key` LIKE '%wp_%'
Cambiar el prefijo de tablas
216. • Hacer copias de seguridad frecuentemente
• Actualizar WordPress, temas y plugins
• Evitar escritura del archivo .htaccess
• Utilizar Search console
Consejos
217. • Escaneo de archivos modificados
• Bloqueo de IPs
• Bloqueo de países
• Control de intentos en el login
• Etc…
• Y te envía un email si pasa algo
Wordfence security
227. Caché
• Reutilización de los datos solicitados con más frecuencia
• Vamos a activar W3 Total Caché
• Performance / General settings
• Activamos la caché, pero no la minificación.
231. Versión de php
• Actualizar el motor de php a la versión 7.
• Si desde el panel del hosting no se puede solicitar a la empresa
• Programación más rápida.
232. Mínimos plugins
• Desactivar todos los plugins que no se están utilizando.
• Utilizar alternativas cuando sea viable
233. Mensaje de cookies sin plugin
• Desactivar el plugin de cookies
• Añadir el siguiente código dentro del head de la web
• Apariencia / Editor / header.php
• FTP descargar header.php, editar, volver a subir
234. Mensaje de cookies sin plugin
<script type="text/javascript">
window.cookieconsent_options = {
"message":"¡Hola! Mi sitio web utiliza cookies para ser legal y no meterme en
problemas",
"dismiss":"¡Acepto!",
"learnMore":"Más info",
"link":"https://www.raulcarrion.com/cookies/",
"theme":"light-bottom"};
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/
cookieconsent2/1.0.10/cookieconsent.min.js"></script>
235. Servicio de hosting de calidad
• Podemos hacer mucho pero si el servicio de hosting es deficiente
la web no tendrá un rendimiento adecuado.
• No escatimar en este servicio.
• Probar varias empresas y medir resultados. Migración gratuita
sin compromiso.
• No contratar el paquete más básico. Optar por VPS aunque sea
compartido.
236. CDN para imágenes
• Los servidores atienden las peticiones a archivos referenciados
desde una web de 6 en 6. Esto retrasa la carga de la página.
• Solución: Distribuir nuestras imágenes entre varios servidores, o
una red de servidores (Content Delivery Network).
• Opciones:
• Subdominios propios enlazados al dominio principal.
• Servidores externos.
237. Subdominios propios enlazados al dominio
principal
• Requiere conocimientos mínimos de hosting
• Utiliza los mismos recursos del servidor
• Gratis
• Se configura fácilmente con W3 total caché
• Mejora el rendimiento
238. Subdominios propios enlazados al dominio
principal
• Crear un subdominio en el hosting: cdn1.dominio.com
• Crear 3 subdominios que apunten al subdominio principal:
• cdn2.dominio.com ->cdn1.dominio.com
• cdn3.dominio.com ->cdn1.dominio.com
• cdn4.dominio.com ->cdn1.dominio.com
239. Subdominios propios enlazados al dominio
principal
• Performance / General settings / CDN /
• CDN type: Self hosted FTP
• Performance / CDN:
• Añadimos los datos del FTP
• La ruta donde se tienen que almacenar los datos
• El subdominio del CDN
241. Subdominios propios enlazados al dominio
principal
• Subir todos los archivos al nuevo CDN
IMPORTANTE: Si la web tiene certificado seguro,
el CDN también debe tenerlo.
251. • Crear cuenta en Mailchimp
• Instalar plugin Mailchimp for WP
• Mailchimp / Profile / Extras / API key
• Clic en “Create a key”
• Copiamos la Api Key
• WordPress / Mailchimp for WP /
• Pegamos la API key
• Clic en el botón “Guardar cambios”
Suscriptores
252. • Mailchimp for WP / Formularios
• Título del formulario: Suscríbete a mi blog
• Elegimos una lista de suscriptores
• Clic en Guardar
Suscriptores
253. • Mailchimp for WP / Formularios
• Título del formulario: Suscríbete a mi blog
• Elegimos una lista de suscriptores
• Clic en Guardar
• Clic en el botón “Obtener el shortcode” y lo copiamos
• Apariencia / Widgets
• Añadimos un bloque de texto en un widget y pegamos el
shortcode
Suscriptores
254. • Mailchimp / Formularios / Aspecto: Tema oscuro.
• Probar a suscribirnos.
Suscriptores
256. • Por defecto WordPress suele ser bastante correcto en SEO.
• Cuestiones a comprobar:
• Jerarquía Hn
• Calidad de contenidos
• Enlaces rotos
SEO para WordPress
257. • Cada página debe tener un único h1
• Este texto debe ser diferente al title de la página
• No debe haber saltos en la jerarquía
• Las palabras contenidas en los títulos hn deben ser relevantes
Jerarquía Hn
258. • Analizar la jerarquía Hn de los principales modelos de página:
• Inicio
• Categoría
• Entrada
• Utilizando la extensión “Web developer”
Jerarquía Hn
260. Jerarquía Hn
Home
• Crear una nueva página llamada inicio.
• Ajustes / Lectura / marcarla como pagina de inicio.
• Editar la página
• Activar Divi
• Insertar un módulo de texto y añadir un titular de nivel 1
• Insertar un módulo de blog
263. Jerarquía Hn
Categoría
• Vamos a cambiar los h4 de los títulos del sidebar por “p”.
• Buscamos en el código de Divi donde se generan los titulares
• /includes/functions/sidebars.php
265. Jerarquía Hn
Categoría
• Podemos cambiarlo a las bravas y apuntarlo para la próxima
actualización o añadirlo a nuestro archivo functions.php.
266. Jerarquía Hn
Categoría
• Copiamos la función a nuestro archivo functions.php y
cambiamos h4 por p.
• En el archivo original añadimos:
if( !function_exists( 'et_widgets_init' ))
{
}
• Para evitar que se declare la función si ya lo hemos hecho antes.
271. • Avanzado / Enlaces permanentes / Quitar “category” de las URLs
de categorías.
• Search console: conectar.
Configuración Yoast
272. • Utilizaremos Yoast SEO: Activar plugin.
• Filosofía: Cada palabra clave objetivo debe tener una página
optimizada para ella.
Calidad de contenidos
274. • Introducimos la palabra clave y el plugin nos recomendará
mejoras.
• Redactar un title distinto del h1
• Redactar una meta description marketiniana.
Calidad de contenidos
275. • Cada cierto tiempo pasar la herramienta Screaming frog en
búsqueda de enlaces rotos.
• https://www.screamingfrog.co.uk/seo-spider/
Enlaces rotos