TALLER: CREA TU PROPIA PLANTILLA DE WORDPRESS

Transcripción

1 TALLER: CREA TU PROPIA PLANTILLA DE WORDPRESS impartido por.webmastah_ 1

2 Qué es WordPress? Es un sistema de gestión de contenidos (CMS) de libre distribución Es el CMS más usado en Internet Más info: 2.webmastah_

3 Por qué usar WordPress? Ya está hecho y se instala fácilmente en servidores estándar (LAMP) Incluye sistema de administración de contenidos Es extensible: miles de temas y complementos (plugins) Es multilenguaje Mucha documentación disponible Se complementa muy bien con técnicas de posicionamiento / SEO 3.webmastah_

4 Por qué hacer tu propia plantilla? Para tener un diseño personalizado Para tener funcionalidades personalizadas Para tener mejor rendimiento mejor rendimiento = mejor SEO 4.webmastah_

5 Estructura de WordPress 1/2 Carpeta raíz: elementos principales wp-admin -> archivos de la administración wp-content -> archivos de templates, plugins, archivos multimedia wp-includes -> funcionalidad compartida del sistema.htaccess -> archivo de configuración servidor web wp-config.php -> archivo de configuración index.php -> archivo principal de carga 5.webmastah_

6 Estructura de WordPress 2/2 Estructura de wp-content: languages -> archivos de idiomas plugins -> plugins descargados templates-> plantillas disponibles uploads -> archivo cargados al servidor (normalmente imágenes) otras carpetas (upgrade, carpetas de plugins, caché, etc) index.php -> archivo para ocultar el listado del directorio 6.webmastah_

7 Estructura de las plantillas 1/4 Archivos comunes habituales: index.php -> archivo principal de carga. Carga la cabecera, el contenido y pie de página del template. Loop principal. header.php -> cabecera footer.php -> pie de página page.php -> página (otros: page-id, page-slug.php) single.php -> post - noticia (otros: single-posttype.php) sidebar.php -> barra lateral searchform.php -> formulario de búsqueda styles.css -> hoja de estilos principal - incluye información del template 7.webmastah_

8 Estructura de las plantillas 2/4 Archivos específicos habituales: index.php / frontpage.php -> portada de la web home.php -> portada del blog search.php -> resultados de la búsqueda template-nombre.php -> templates de página personalizados 404.php -> url no encontrada 8.webmastah_

9 Estructura de las plantillas 3/4 Archivos de listados (básicos): archive.php -> listado por defecto autor.php -> posts por autor date.php -> posts por fecha (otros: author-nicename.php, author-id.php) category.php -> posts por categoría (otros: category-slug.php, category-id.php) tag.php -> posts por etiqueta (otros: tag-slug.php, tag-id.php) taxonomy.php -> posts por taxonomía / clasificación por términos (también tiene otros tipos) 9.webmastah_

10 Estructura de las plantillas 4/4 Otros archivos: img -> carpeta de imágenes del template (personalizable) css -> carpeta de hojas de estilo del template (personalizable) js -> carpeta de archivos javascript (personalizable) functions.php -> funciones que llaman al core de WordPress para obtener resultados o funcionalidades personalizadas screenshot.png -> imagen representativa del template 10.webmastah_

11 Campos y menús personalizados Campos personalizados (custom fields) Menús personalizados 11.webmastah_

12 Por qué usar https / SSL? Beneficia posicionamiento SEO Mejora la seguridad Mejora la percepción de imagen de marca Barato y fácil de implementar 12.webmastah_

13 Consideraciones SEO Habilitar reescritura de direcciones (mod_rewrite) en WordPress Meta title y description Correcto uso de cabeceras y estructuración semántica del contenido Estructura interna de contenidos / enlaces internos Geolocalización del sitio web Archivo de mapa web: sitemap.xml Google Search Console Google My Business / Maps Conseguir enlaces externos de calidad 13.webmastah_

14 Consideraciones rendimiento Uso moderado y controlado de Plugins Optimización de imágenes Reducir peticiones http Minimizar css y js Carga dinámica de recursos externos Uso de caché Carga asíncrona de CSS y JS Uso de CDNs (Cloudflare, Amazon CloudFront, Azure CDN, MaxCDN, etc) 14.webmastah_

15 Plugins y actualización de WordPress Algunos plugins interesantes: Block Bad Queries (BBQ) Configure SMTP Exec PHP Google XML SiteMaps Regenerate Thumbnails WordFence Security Actualizando WordPress 15.webmastah_

16 Consideraciones de seguridad Actualizar WordPress puntualmente Sanitizar formularios que interactúen con la base de datos Permisos de carpeta pública y carpetas de WordPress Cambiar el prefijo de las tablas de WordPress Borrar archivos readme.html y license.txt después de cada actualización Proteger el acceso a la pantalla de login Deshabilitar comentarios en las entradas, si no se usan 16.webmastah_

17 That s all, Folks!!! 17