Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 7 hours on-demand video
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development No-Code Development Elementor

Maquetación web profesional con WordPress + Elementor Free

Sácale todo el partido a Elementor con consejos y trucos que no están disponibles en la versión Free.
Rating: 4.6 out of 54.6 (48 ratings)
476 students
Created by Daniel Sánchez Romero
Last updated 12/2019
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Maquetar profesionalmente una página web en muy poco tiempo partiendo de un tema de WordPress y sin gastar dinero en temas y plugins adicionales.
  • Aprender a crear un tema hijo (child theme) para maquetar un nuevo diseño sin perder las características del tema principal.
  • Utilizar el inspector de elementos del navegador para localizar rápidamente clases y estilos CSS.
  • Aprender a crear shortcodes para llamar a funciones de WordPress dentro de Elementor.
  • Integrar el loop de entradas de WordPress en una página de Elementor.
  • Integrar una entrada de WordPress dentro de una plantilla de Elementor.
  • Crear un menú principal y responsive listo para usar en cualquier plantilla de Elementor.
  • Programar un módulo de cuenta atrás combinando maquetación con Elementor y un poco de JavaScript.
  • Crear formularios de inicio de sesión y registro en WordPress

Course content

13 sections • 55 lectures • 7h 2m total length

  • Preview04:44
  • Preview07:56
  • Creación de una plantilla hija (o child theme) ACTUALIZACIÓN WORDPRESS 5
    06:47
  • Preview02:25
  • Modificamos la cabecera, los sidebars y el pie de página del nuevo Template
    07:34
  • Editamos con CSS el resto del Template
    10:40

  • Instalación del plugin Elementor Free
    04:32
  • Integramos el título y menú principal de WordPress dentro de Elementor
    04:21

  • Maquetando portada: Herramientas y módulos de elementor - Parte 1
    07:23
  • Maquetando portada: Herramientas y módulos de elementor - Parte 2
    09:29
  • Maquetando portada: Herramientas y módulos de elementor - Parte 3
    05:21
  • Maquetando portada: Herramientas y módulos de elementor - Parte 4
    12:08
  • Maquetando portada: Herramientas y módulos de elementor - Parte 5
    11:07

  • Maquetando la página de Servicios
    11:14
  • Maquetando la página de Contacto
    12:43

  • Preparando la página para Noticias (listado de entradas)
    04:50
  • Programamos el loop de entradas y lo añadimos a un shortcode
    10:32
  • Editamos y regeneramos el tamaño de los thumbnails (imagen destacada de entrada)
    09:56
  • Damos formato con estilos CSS al listado de entradas
    12:04
  • Añadiendo un sistema de paginación para el listado de entradas
    11:23

  • Creamos el archivo Template para cargar entradas de WordPress en Elementor
    11:03
  • Añadiendo sistema de comentarios al final de la entrada
    10:47
  • Guardamos la plantilla en la biblioteca para reutilizarla en otras entradas
    04:03

  • Recreamos una plantilla de ejemplo para web de Restaurante
    01:59
  • Primera sección: Cabecera, fondo y logotipo
    04:50
  • Segunda sección: Columna de texto y galería de imágenes
    08:02
  • Tercera sección: Módulo de recomendación
    08:16
  • Cuarta sección: Grid variado de texto, imágenes, slider y vídeo.
    13:08
  • Quinta sección: Carrusel de imágenes
    10:20
  • Sexta sección: Lista de iconos y mapa de GoogleMaps
    06:34

  • CSS para el menú responsive de WordPress
    09:57

  • Barra superior: Logotipo e iconos sociales
    07:16
  • Maquetar la sección de cabecera (fondo)
    14:16
  • Insertar un bloque de contadores
    05:06
  • Sección de mapa y vídeo
    07:13
  • Maquetar sección de agentes inmobiliarios
    14:18
  • Sección final: galería de imágenes
    03:52

  • Sección cabecera: Bloques de la cabecera
    04:02
  • Sección cabecera: Estilos de icono y textos
    06:59
  • Sección cabecera: Estilo botones
    04:27
  • Sección cabecera: Divisor de la cabecera
    01:48
  • Sección contenido: Bloque de iconos y textos
    08:19
  • Sección contenido: Bloque de recomendación
    08:53
  • Sección final: Carrusel de logotipos
    04:00

Requirements

  • Tener conocimientos básicos de WordPress (estar familiarizado con su entorno y panel de control).
  • Se recomienda conocer la estructura de archivos de WordPress y un poco de HTML/CSS, aunque no imprescindible.
  • Se recomienda una instalación de WordPress en modo local (localhost)

Description

Los desarrolladores web a menudo invertimos gran cantidad de nuestro tiempo de desarrollo en escribir código HTML y CSS para maquetar páginas web. Elementor es un constructor visual para WordPress que nos agiliza gran parte del trabajo de diseño y maquetación web, pudiendo invertir más tiempo en otras tareas, como programación o elaboración de contenidos.

Elementor tiene dos versiones: Free y Pro. La versión Free es suficiente para maquetar páginas web, pero carece de ciertas funcionalidades, como la  integración de menús, módulos para entradas, etc.

En este curso veremos cómo adaptar un tema por defecto de WordPress, el Twenty  Sixteen para que Elementor encaje en él perfectamente y poder aprovechar tanto el título, como el menú principal y pié de página dentro de una plantilla de Elementor.

Veremos cómo integrar la sección de entradas en una plantilla de Elementor gracias a funciones propias de WordPress y el uso de shortcodes.

Aprenderemos a maquetar páginas desde cero utilizando las herramientas de maquetación de elementor cómo la creación de secciones, columnas, módulos de texto, imágenes, carruseles, galerías, listas de iconos, mapas de GoogleMaps, etc.

También aprenderemos a crear un menú principal responsivo para poder utilizarlo en todas las páginas de nuestro sitio web.

Este curso queda abierto para incorporar nuevos consejos y contenidos en la medida que experimente y los considere de interés para los alumnos.

Espero que el curso sea de tu agrado y ayude a abrirte la mente a nuevas posibilidades en el mundo del diseño y la maquetación en WordPress sin gastar dinero en la licencia Pro de Elementor.

Who this course is for:

  • Diseñadores que deseen agilizar las tareas de maquetación de sitios webs.
  • Profesionales que quieran ahorrar costes en temas de pago y necesiten adaptar los diseños a las necesidades de sus clientes.
  • Usuarios que quieran produndizar en WordPress aprendiendo técnicas y funciones avanzadas.

Instructor

Daniel Sánchez Romero
Diseñador y programador de páginas web
Daniel Sánchez Romero
  • 4.5 Instructor Rating
  • 114 Reviews
  • 10,309 Students
  • 3 Courses

Me llamo Daniel Sánchez. Desde hace algo más de 18 años desarrollo sitios web de todo tipo. Soy maquetador web HTML/CSS y  programador PHP y bases de datos. En los últimos años me he  especializado en el desarrollo de proyectos web en WordPress y plataformas de comercio on-line como WooCommerce.             

Considero que son las mejores opciones para implementar proyectos web de  calidad, atractivos y de forma rápida, ahorrando tiempo y dinero al  cliente.

Otra de mis vocaciones es la enseñanza. Soy instructor de cursos online en UDEMY, donde más de 10000 alumnos de todo el mundo siguen mis cursos sobre desarrollo web en WordPress.

En mi blog personal, pongo a disposición de quienes lo deseen mis conocimientos y experiencias en el mundo del CMS más popular, a través de numerosos artículos y tutoriales, tanto escritos como en vídeo.             

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.