Curso de Membership Sites: detalles finales de maquetación
En esta clase del Curso de Membership Sites aplicaremos los detalles finales a la maquetación de nuestra membresía.
Este es el código que hemos utilizado en la clase:
/* CTA del header */
#menu-item-43 a {
background-color: #faa035;
}
/* Query Block
---------------------------------------------------------------------------- */
.wp-block-query {
padding: 0 30px!important;
}
.wp-block-post-template {
padding-left: 0!important;
}
.wp-block-post {
list-style-type: none!important;
}
/* Botón de descargas */
.download-button,
.download-button:hover {
background: #88b04b!important;
border: none!important;
font-weight: 700!important;
font-size: 18px!important;
box-shadow: none!important;
}
/* Página de Mi cuenta */
#edd_profile_editor_form fieldset,
#edd-stripe-manage-cards fieldset {
border: 0!important;
}
#edd_profile_editor_form legend,
#edd-stripe-manage-cards legend {
font-size: 22px;
font-weight: 700;
}
.page-id-73 .content {
width: 100%;
}
/* Cajetín de restricción */
.edd_cr_message {
background-color: #88b04b;
color: #fff;
padding: 30px;
}
.edd_cr_message p {
margin: 0;
text-align: center;
}
.edd_cr_message a {
color: #fff;
font-weight: 700;
}
/* CTA Finalizar compra */
.edd-submit {
color: #333!important;
background-color: #faa035!important;
padding: 12px 15px!important;
font-size: 18px!important;
text-transform: uppercase!important;
font-weight: 700!important;
}
En este vídeo vemos cómo añadir las redes sociales en el menú del footer:
Puedes encontrar los iconos en el apartado de iconos de fontawesome.com:
HTML de Youtube
<i class="fab fa-youtube"></i>
HTML de Instagram
<i class="fab fa-instagram"></i>
Aquí tienes todos los módulos del curso:
Módulo 1: Identidad visual
- Curso de Membership Sites: presentación del Módulo 1
- Curso de Membership Sites: identidad visual
- Curso de Membership Sites: moodboard
- Curso de Membership Sites: elección de tipografía y colores
- Curso de Membership Sites: logotipo
- Curso de Membership Sites: elección de imágenes e ilustraciones
- Curso de Membership Sites: elección de iconos
- Curso de Membership Sites: creación de plantillas para el contenido
Módulo 2: Creación y optimización de contenido
- Curso de Membership Sites: presentación del Módulo 2
- Curso de Membership Sites: calendario editorial
- Curso de Membership Sites: sistema de creación de contenido
- Curso de Membership Sites: optimización de imágenes
- Curso de Membership Sites: optimización del audio
- Curso de Membership Sites: optimización de video
- Curso de Membership Sites: alojamiento de recursos y descargas
- Curso de Membership Sites: alojamiento de audio
- Curso de Membership Sites: alojamiento de video
Módulo 6: Básicos de la web
Módulo 7: Plugins de Membresía
- Curso de Membership Sites: presentación del Módulo 7
- Curso de Membership Sites: configuración del plugin de membresía
- Curso de Membership Sites: configuración de la pasarela de pago Stripe
- Curso de Membership Sites: configuración de la pasarela de pago PayPal
- Curso de Membership Sites: configuración de los pagos recurrentes
- Curso de Membership Sites: configuración de la restricción de contenidos
- Curso de Membership Sites: creación de productos
- Curso de Membership Sites: configuración del auto registro en la membresía
- Curso de Membership Sites: configuración de los emails automáticos
- Curso de Membership Sites: integración el servicio de email marketing
- Curso de Membership Sites: redirecciones post-compra
- Curso de Membership Sites: redirecciones al checkout con descuento
Módulo 8: Otros plugins para la membresía
- Curso de Membership Sites: presentación del Módulo 8
- Curso de Membership Sites: tipos de contenido personalizados
- Curso de Membership Sites: menús condicionales en la membresía
- Curso de Membership Sites: clonar contenidos
- Curso de Membership Sites: descargas para suscriptores
- Curso de Membership Sites: formularios de contacto y soporte
- Curso de Membership Sites: cambio rápido entre usuarios
- Curso de Membership Sites: añadir snippets de código
- Curso de Membership Sites: traducción de cadenas de texto
Módulo 9: Tema de WordPress
- Curso de Membership Sites: presentación del Módulo 9
- Curso de Membership Sites: instalación y configuración del tema de WordPress
- Curso de Membership Sites: acceso fácil de suscriptores
- Curso de Membership Sites: bloques extras para el editor de WordPress
- Curso de Membership Sites: menús de navegación de la web
Módulo 10: Maquetación de contenido
- Curso de Membership Sites: maquetación de la página de pago
- Curso de Membership Sites: presentación del Módulo 10
- Curso de Membership Sites: maquetación de la página de inicio
- Curso de Membership Sites: maquetación de la página de de niveles de suscripción
- Curso de Membership Sites: maquetación del contenido restringido
- Curso de Membership Sites: maquetación de la página de directos
- Curso de Membership Sites: maquetación de la página de descargas
- Curso de Membership Sites: maquetación de la página de soporte
- Curso de Membership Sites: maquetación de la página de mi cuenta
- Curso de Membership Sites: maquetación de la página de quienes somos
- Curso de Membership Sites: maquetación de la página de servicios
- Curso de Membership Sites: maquetación de la página de ebooks
- Curso de Membership Sites: maquetación de la página de testimonios
- Curso de Membership Sites: maquetación de la página de preguntas frecuentes
- Curso de Membership Sites: maquetación de la página de blog
- Curso de Membership Sites: maquetación de la página de contactar
- Curso de Membership Sites: detalles finales de maquetación
Módulo 11: Subida a producción
- Curso de Membership Sites: presentación del Módulo 11
- Curso de Membership Sites: apuntar el dominio al servidor de producción
- Curso de Membership Sites: contratación y activación del hosting de producción
- Curso de Membership Sites: activación de la pasarela de pago
- Curso de Membership Sites: checklist de lanzamiento
- Curso de Membership Sites: beta testing
- Curso de Membership Sites: lanzamiento del Membership Site
Siguientes pasos
Extra 1: Integraciones
- Curso de Membership Sites: presentación del Extra 1
- Curso de Membership Sites: integración con Google Pagespeed Insights
- Curso de Membership Sites: integración con Google Workspace
- Curso de Membership Sites: integración con Google Analytics
- Curso de Membership Sites: integración con Google Search Console
Extra 2: Mantenimiento web
- Curso de Membership Sites: presentación del Extra 2
- Curso de Membership Sites: herramienta de gestión
- Curso de Membership Sites: actualización de WordPress tema y plugins
- Curso de Membership Sites: copias de seguridad
- Curso de Membership Sites: control de seguridad
- Curso de Membership Sites: control del servidor
- Curso de Membership Sites: control de rendimiento
- Curso de Membership Sites: monitorización de enlaces rotos
- Curso de Membership Sites: análisis de palabras clave
- Curso de Membership Sites: optimización manual
Extra 4: Academia Online
- Curso de Membership Sites: instalación y configuración del plugin de Academia
- Curso de Membership Sites: creación del CPT y del contenido de la Academia
- Curso de Membership Sites: funcionalidad de la Academia
- Curso de Membership Sites: progreso del alumno de la Academia
- Curso de Membership Sites: archivo de cursos de la Academia