Maqueta Sitio Web WordPress ¡Distínguete De Tu Competencia!
Aplica tu Marca Personal en tu sitio web. Capta atención a nivel global. Atrae mejores clientes [Con Proyecto Final]
Curso creado por Joan Morci
Fecha publicación: 11/2017 ★ Fecha actualización: 02/2020
Lo que aprenderás
Conocerte
Maquetar web
Aspecto visual
Entorno WordPress
Captación
Respetar RGPD
Descripción
Este curso está hecho desde el punto de vista emocional y técnico. Como la vida misma que se compone de ambos ingredientes. Sin motivación nunca estudiaríamos ciertas herramientas.
Es por ello que decidí incluir una de las secciones más importantes del curso: 'Descubrir tu Marca Personal y cómo aplicarla a tu sitio web'. La Marca Personal se compone de tu conocimiento sobre una materia (talento) + tu personalidad (con lo que dejas huella en los demás).
Dado que un sitio web es el mejor lugar por donde te pueden conocer a nivel profesional y personal, en todo el mundo, es que consideré necesaria incluir dicha sección.
[showhide type="content" more_text="+ Ver más" less_text="- Ver menos "]
Resulto ser una experiencia vital, aplicable a tu propia vida.Es decir, para saber realmente cuál es tu propósito en la vida, y por ende qué quieres transmitir en tu sitio web, el cual debe ser una extensión de ti mismo.
Por ello el resultado que ves con la renovación de mi nuevo sitio web, pretende plasmar que tú también puedes conseguir el mismo resultado (o mejor), no una copia de mi sitio web sino crear algo propio en la linea de cómo tú eres y cómo quieres que te perciban los demás.
Utilizaré un tema prediseñado gratuito: 'Primer' (GoDaddy) pero cualquier tema prediseñado es válido para las lecciones que te daré de maquetación. Los plugins* utilizados son todos gratuitos.
*: Hay una clase donde te recomiendo una treintena de ellos ('Jetpack' no), y de hecho activaremos los más importantes tras la instalación de WordPress.
En el caso del maquetador visual (page builder) que usaré (SiteOrigin), tú puedes utilizar el que quieras, ya que al inicio de cada clase (sección: maqueta sabiamente tu sitio web) ya indico cómo se ha maquetado: filas, columnas, tipo de widgets.
Espero que el curso sea de tu agrado y te resulte útil.
Requisitos:
- Trabajaré con WordPress.org, el alumno debe saber que no es WordPress.com ni se trabaja del mismo modo
- Ser una persona reflexiva y con iniciativa, no limitarte a copiar
- Tener interés por aprender, preguntar dudas, participar, sugerir
- Se puede trabajar con WordPress de forma local (desde tu ordenador) o plataformas de pruebas. Ambas opciones gratuitas
- Los materiales a usar en el curso serán gratuitos (herramientas online, plugins, tema)
[/showhide]
¿Para quién es este curso?
- Estudiantes con iniciativa y un proyecto en mente
- Desempleados que quieren trabajar su Marca Personal
- Emprendedores quemados por no estar realmente focalizados
- Autónomos sin dinero para invertir en I+D, la Marca Personal lo soluciona
- Empleados aprenderéis a ser mejor valorados
- Instructores que no saben de qué hacer cursos, necesitáis autoanálisis
Contenido del curso
A continuación, tienes una lista que he creado en YouTube llamada CURSO gratis: Maqueta sitio web WordPress ¡Distínguete de tu competencia! Desde aquí puedes ver todo el curso online.
También pongo a tu disposición todo el temario (sin desarrollar) del que se compone el curso, el cual fue publicado por primera vez en Udemy. Date cuenta que algunas clases de cada sección son un enlace que conduce al vídeo relacionado con la lista creada en YouTube. Por si necesitas preguntar algo en los comentarios de un video concreto (atenderé tu duda cuando me sea posible).
Detalles del curso:
- Nivel de principiante a intermedio
- 17 horas de vídeo bajo demanda
- Acceso de por vida: sí (vídeos alojados en mi YouTube)
- Acceso dispositivos móviles y TV
Comprenderás todos los aspectos que abarca la creación de un nuevo sitio web, de calidad. Sirve de base para algunas de las siguientes secciones. Aún así en esta sección puedes ver más detalles pequeños que te serán de utilidad.
- Introducción - Sección 1
- Qué es un sitio web
- Para qué sirve un sitio web
- Orden y comprensión de tus ideas
- Cómo accedes a tu sitio web
- Cómo es creado un sitio web
- Sitio web: HTML, CSS, JavaScript
- Etiquetas HTML (estructura contenido)
- Reglas CSS (presentación agradable)
- HTML y CSS (es lo único que necesitas)
- Estructura básica sitio web HTML
- Evolución etiquetas HTML
- Temas: Prediseñados Vs Personalizados 100%
En esta sección descubrirás tu propósito en la vida, tanto a nivel profesional como personal. Conocerte mejor a ti mismo, para saber qué transmitir en tu sitio web y maquetar sabiamente el mismo.
Una de las secciones más importantes, ya que gracias al mundo del coaching, te resultará ameno y divertido hacerte un autoanalisis, con el fin de focalizar mejor qué es aquello que persigues en la vida.
También te hablare de marketing y copywritting, ya que cuando descubras tu talento (aquel conocimiento en el que eres bueno/a) tendrás que saber si realmente puedes ayudar a alguien y cómo focalizarte en un público objetivo.
- Introducción - Sección 2
- Características y beneficios de la Marca Personal
- Qué es la Marca Personal y cómo el Coaching ayuda a descubrirla
- Qué es la consciencia y cómo te permite conocer tu talento
- La era del conocimiento: Knowmad
- Necesitas 2 ingredientes para creer en ti mismo
- ¿De qué eres capaz?
- ¿Te consideras víctima o protagonista?
- ¿Estás desempleado o parado?
- Conoce tú visión, misión y cualidades. Descubre tu propósito en la vida
- Cualidad: ¿sobre qué sabes?
- Cualidad: ¿qué te atrajo de una película, serie o libro?
- Cualidad: ¿cómo te relacionas?
- Cualidad: ¿cómo te perciben?
- Cualidad: ¿cómo te das a conocer?
- Encuentra empleo donde deseas
- Objetivos de la Marca Personal
- Herramientas para conocer tu Marca Personal
- Profesiones necesarias para vender mejor tu Marca Personal
- Qué es el Marketing y cómo el Copywriting ayuda a mejorarlo
- Público objetivo
- Nombre persona y dominio web
- Logo. 3 aspectos a definir
- Beneficios, Ventajas, Características de lo que ofreces
- Ventajas de trabajar contigo
- Analiza cada página de tu web: Las más habituales y Aspectos Generales
- Analiza cada página de tu web: Inicio / Home
- Analiza cada página de tu web: Quién soy / Sobre mí
- Analiza cada página de tu web: Portfolio / Proyectos
- Analiza cada página de tu web: Blog / Noticias
- Analiza cada página de tu web: Contacto
- Copywriting en título y subtítulo de cada página
- Mapa del sitio: jerarquía de los documentos digitales
- Moodboard: collage digital o físico con la esencia de tu marca
- Wireframe: organiza el contenido de tu sitio web
- Cómo trabajar con un Wireframe online y gratuito
- Wireframe: maqueta página HOME en ordenador de sobremesa
- Wireframe: diferencia de la página HOME en Ordenador sobremesa vs Smartphone
- Cierre sección: Recomendaciones finales
Conocerás mejor el entorno de WordPress y cómo trabajar con este CMS adecuadamente. Personalización básica e intermedia de tu tema, con limpieza por CSS para preparar el terreno al maquetador visual.
- Introducción - Sección 3
- Trabajar en servidor local vs remoto (hosting)
- Compañías de alojamiento web y dominio
- Primeros pasos en el escritorio de WordPress
- Diferencias entre plugin, complementos y widgets
- Plugins y complementos recomendados (gratuitos)
- Búsqueda del tema prediseñado
- Diferencias entre páginas y entradas
- Creando las páginas y menú superior
- Entradas: elige tipo de URL (enlace permanente) para SEO
- Escribe una entrada y examina detalles: editor visual - Parte 1 de 3
- Escribe una entrada y examina detalles: columna derecha - Parte 2 de 3
- Escribe una entrada y examina detalles: añadir objeto - Parte 3 de 3
- Entradas: personaliza las URLs (enlaces) de categorías y etiquetas
- Entradas: controla nº de revisiones y author de las entradas
- Tema prediseñado: Apariencia - Personalizar
- Modificaciones previas antes de maquetar tu sitio web
Cogerás experiencia para trabajar con rapidez con este maquetador visual (page builder) de SiteOrigin. Además verás complementos y plugin compatible con SiteOrigin (tan espectaculares como en el page builder de Elementor).
- Introducción - Sección 4
- Qué es un maquetador visual o constructor de página
- Tipos de maquetadores visuales
- Maquetador visual SiteOrigin
- Pestañas Page Builder / Revert to Editor
- Agregar widget
- Agregar fila
- Layouts (plantillas prediseñadas, clona páginas/entradas...)
- Historial
- Editor en vivo
- Complementos y compatible de SiteOrigin (no oficiales)
Fundamentos básicos e intermedios para maquetar un sitio web, gracias al conocimiento de varias herramientas que facilitan mostrar mejor tu profesión y personalidad. De esta manera sabrás transmitir realmente lo que deseas, a nivel visual y emocional.
Para ello te muestro las construcción (maquetación) de 5 páginas: Inicio, Quién soy, Proyectos, Blog (y barra lateral, en artículos blog), Contacto.
Y te ofrezco una serie de recomendaciones que estoy seguro te serán de gran utilidad y te evitarán multas innecesarias (respetar RGPD = Reglamento General Protección de Datos, de tus usuarios).
- Introducción - Sección 5
- Recomendaciones previas
- Filas / Columnas / Widgets - Página Inicio
- Introduciendo contenido - Página Inicio
- Estilos de fila: Diseño - Página Inicio
- Estilos de fila: Estructura - Página Inicio
- Estilos de fila vs widget: Estructura - Página Inicio
- Estilos de fila y widgets: Atributos - Página Inicio
- Personalización fácil: panel opciones y maquetador visual
- Personalización intermedia: CSS
- CSS: Cambia la tipografía / fuente a tu gusto
- Maquetación - Página Quién soy
- Maquetación - Página Proyectos
- Maquetación - Página Blog
- Anexo - RGPD en formulario suscripción Página Blog
- Maquetación - Barra lateral (artículos Blog)
- Anexo - RGPD en formulario suscripción Barra lateral
- Anexo - RGPD en formulario comentarios (artículos Blog)
- Maquetación - Página Contacto
- Anexo – RGPD en formulario contacto Página Contacto
- Termina de mejorar la experiencia de usuario (UX)
- Experiencia Usuario (UX): Buscador con forma de lupa
- Respeta RGPD. Avisa de uso de Cookies
Localiza mejor las dudas que surgen en ciertas clases. Es una respuesta más clara en vídeo cuando por escrito sería más pesado de entender. Siempre y cuando no sea material que ya tengo en mi canal de YouTube: Joan Morci.
Actualizaciones en vídeo, referidas al aprendizaje de lo ya explicado en el curso, que al ser de carácter tecnológico va cambiando cada cierto tiempo el modo de trabajo.
- Instala plugin 'Classic Editor' antes de actualizar a WordPress 5.0.3
- Comportamiento plugins 'Classic Editor' y 'SiteOrigin', en WP 5.0.3 - Parte 1 de 2
- Comportamiento plugins 'Classic Editor' y 'SiteOrigin', en WP 5.0.3 - Parte 2 de 2
¡Enhorabuena!
Has llegado al final del curso: 'Maqueta sitio web WordPress ¡Distínguete de tu competencia!'
Con todo lo aprendido aquí tienes la base y espero motivación suficiente para empezar tu propio camino, con la seguridad de conocerte mejor, gracias a la sección: 'Descubre tu Marca Personal'. La cual es muy importante, de cara a saber qué transmitir en tu sitio web. Es como tu brújula en alta mar, la cual te dice dónde debes dirigirte.
No obstante, mi intención es seguir actualizando este curso pero esto se demorará un poco más.
Si piensas seguir utilizando WordPress tienes que saber que necesita de un mantenimiento adecuado.
Por ello te recomiendo veas mi curso 2º:
- Mantenimiento WordPress ¡Ahorra Dinero y Disgustos!
Te será de gran utilidad, para cuidar el buen funcionamiento de tu sitio web. Evitar intrusos. Optimizar recursos. Aprender a hacer Copias de Seguridad y perderle el miedo a las Actualizaciones de traducciones, plugins, tema, núcleo WordPress.
Compra temario del curso por solo 7€
La mayoría de cursos online, en YouTube, no permiten la descarga de sus apuntes porque se espera que sea el propio usuario quien los realice. Si eres como yo y te cuesta tomar apuntes, tienes la oportunidad de descargarte estos en un archivo en formato PDF.
Más de 230 páginas en formato Din A4 (folio) componen este PDF, que resulta ser los apuntes del curso en vídeo.
Algunos detalles de los apuntes del curso en vídeo: disponen de un índice que te lleva a la página en cuestión del temario. Además, incorporan imagen portada de cada vídeo, enlace al vídeo en YouTube* e información ampliada, actualizada y enlaces a fuentes consultadas (al pie de página se muestra URL/dirección web). Puedes estudiar a nivel digital o imprimirlo.
*: Y en éste si miras en la descripción o primer comentario fijado podrás ver las actualizaciones necesarias de dicha información en vídeo.
A esto le puedes sumar el acceso a un grupo privado con una comunidad que ofrece soporte en Facebook, conmigo como tutor del curso y otros compañeros que puedan animarte y ayudarte con el curso. El enlace a este grupo privado lo tienes en el temario en PDF, en hoja 2: presentación de Joan Morci.
¿Qué hace especial la compra de este temario?
-
Temario descargable
Los apuntes en formato PDF (Din A4: folio). Incluye índice, paginación, enlaces info y YouTube. Guía imprimible
En la página de compra tienes un descuento del 20% por compartirlo en Facebook (Share & get 20% off)
Comentarios de los estudiantes en Udemy
Un curso completo para personas que se inician desde el principio. Joan te lleva de la mano de una forma clara y amena. Me ha resultado de mucha utilidad y ahora conozco las herramientas de WP para mejorar mi web más de lo que había pensado. Muchas gracias Joan y mucho ánimo.
Juan José Lucas Tejeda
Estoy gratamente sorprendida del nivel de detalle de este curso, no esperaba tanta información en un solo curso.
Lidia Ann Nesbitt Hernández
Mucha información, muchas horas de clase, lo que mas me gusta es que el curso se actualiza, como la ley gdrp. Me atrevo a decir que el instructor Joan tiene espíritu de enseñar y seguir enseñando tanto así que esta atento a todas las preguntas por los alumnos. Tu le pides algo y te responderá con texto o sino con un vídeo.
Andres Gonzales Patzi
Porque me gusta el estilo de Joan, es ameno y fluido y sobre todo habla de su propia experiencia. Da consejos que ya le han dado resultados a él. Felicidades Joan!
Myriam Zuzs
Es un curso 100% recomendable. Las explicaciones son muy claras, con ejemplos prácticos que el alumno puede ir trabajando a la vez. El ritmo de las clases es bueno y la duración de los vídeos también. Después de cada clase hay otra en la que se hace un repaso escrito de lo que se ha visto en la clase anterior y, ésto, ayuda a fijar las ideas. El tutor contesta a las dudas de forma rápida y clara.
Miguel Moreno
El asesor usa buena pedagogía, responde las inquietudes y muestra interés en que el alumno saque provecho al curso.
Edgar Oswaldo López Álvarez
Profesor del curso
Soy diseñador web con WordPress. También hago uso del diseño gráfico (edición imágenes) e implementación de vídeos (puedo editar pero no grabar). Te ayudo a descubrir/potenciar la identidad de tu marca, otorgando distinción a tu sitio web. Hago buen uso del diseño visual y emocional. Estoy disponible para darte: servicio, formación, consultoría.
SUSCRÍBETE AL BLOG
Regalo mi guía 'Consejos útiles al crear tu sitio web'
Con estos consejos conseguirás:
- Descubrir tu verdadera vocación
- Influenciar con tu Marca Personal
- Ayudar a los demás desde tu sitio web
- Disipar tus dudas sobre tus talentos
- Mejorar tu vida y la de otras personas