Creación de un sitio de revisión de productos con extra - Parte 1
Publicado: 2017-09-12Bienvenido a la parte 1 de esta serie de 4 partes sobre cómo desarrollar un sitio de revisión de productos utilizando Extra. Si se está devanando los sesos sobre cómo empezar a desarrollar un sitio de revisión de productos, esta serie es para usted. Con su funcionalidad de revisión incorporada y categorización inteligente de publicaciones, Extra está especialmente equipado para crear excelentes reseñas, plantillas de publicaciones de productos, mega menús y diseños de categorías en minutos. Únase a mí mientras exploramos el poder de Extra.
Me encantan las reseñas de productos. De hecho, rara vez compro algo estos días sin realizar una investigación exhaustiva a nivel del FBI para determinar qué tiene que decir el mundo sobre el producto. Si alguna vez salgo a comprar (es raro), soy el tipo de la tienda frente a un estante durante 30 minutos leyendo reseñas sobre los artículos en los estantes. Y apuesto a que no estoy solo.
Los sitios de revisión de productos son populares y son una excelente manera de ganar algo de dinero extra desde la comodidad de su hogar si está preparado para la tarea de construir uno usted mismo. Desde una perspectiva empresarial, crear un blog de revisión de productos requerirá un trabajo significativo y mucha paciencia para que tenga éxito. Pero en lo que respecta al desarrollo de su sitio real, Extra lo tiene cubierto.
Extra viene con muchas características integradas que facilitan mucho la adición de reseñas de productos. Los módulos y diseños de categorías inteligentes son extremadamente potentes y fáciles de personalizar. Puede convertir cualquier elemento del menú en un mega menú con imágenes destacadas con un solo clic, lo cual es importante para un sitio con mucho contenido. Y el poder de Visual Builder agrega un alto nivel de capacidad de diseño a los diseños de publicación de sus productos.
En la publicación de hoy, repasaré las opciones básicas del tema y la configuración del personalizador del tema para que la bola avance hacia un sitio web de revisión de productos de excelente apariencia.
Aquí hay un adelanto de lo que vamos a construir en esta serie
Antes de comenzar, repasemos algunos otros pasos importantes a considerar.
Pasos importantes para los sitios de revisión de productos que no se incluyen en esta serie
Esta serie cubrirá los conceptos básicos de la creación y el estilo de su sitio de revisión de productos utilizando Extra. Por lo tanto, no cubriré otros pasos importantes que debe seguir para crear un sitio de revisión de productos exitoso. Algunos de estos pasos de acción importantes incluyen:
- Encontrar el nicho adecuado y limitar su enfoque. Esto no es fácil y requerirá una investigación significativa.
- Investigar las ganancias de los afiliados para los productos para ver si realmente ganará dinero.
Amazon es una opción popular para muchos sitios de revisión de productos, aunque no siempre es la mejor opción. - Creación de una secuencia de suscripción de correo electrónico simple y una campaña de marketing utilizando Bloom y servicios de terceros como Mailchimp o Aweber.
- Cree contenido excelente o pague a otros para que lo hagan.
- Optimice su sitio para motores de búsqueda (SEO).
- Comercialice su sitio con las redes sociales
- Asóciese con otros blogueros de su nicho para generar más tráfico.
Por supuesto, hay más pasos.
Preparación de los elementos de diseño
- Última versión de Extra instalada.
- Un tema infantil activo. No editaremos ninguno de los archivos de temas centrales como los archivos header.php o function.php para esta serie. Solo usaremos el personalizador de temas y CSS personalizado.
- Una versión de color claro de su logotipo para ir sobre un fondo oscuro. El tamaño de mi logo es 103 × 63.
- Imágenes del producto. Para este tutorial, tendré 4 categorías con 3 productos en cada categoría, por lo que usaré un total de 12 imágenes. Estoy usando imágenes de archivo de Shutterstock con fondos blancos para darle un aspecto más limpio.
Además, la versión más grande de la imagen del producto será de 1280px (el ancho del contenido del sitio web), así que asegúrese de que sus imágenes sean al menos así de anchas. Idealmente, tomaría todas sus imágenes a 1280 × 720 para mantener la relación de aspecto 16: 9 de la mayoría de los monitores.
¿Todo listo? Empecemos.
Creación de un sitio de revisión de productos con extra - Parte 1
Suscríbete a nuestro canal de Youtube
Configurar las opciones de tema y la configuración del personalizador de temas.
Desde el Panel de WordPress, vaya a Extra> Opciones de tema> pestaña General y actualice lo siguiente:
Logotipo: ingrese su logotipo. Asegúrese de que sea una versión clara de su logotipo, ya que irá sobre un fondo oscuro en su encabezado.
Favicon: ingrese su favicon
Color de acento global: # 222222
Ubicación de la barra lateral: sin barra lateral
Guardar ajustes
Ahora vaya a Extra> Personalizador de temas> Configuración general> Configuración de tipografía y actualice lo siguiente:
Tamaño del texto del encabezado: 24
Tamaño del texto del cuerpo: 20
Altura de la línea de rumbo: 1.3
Estilo de fuente de título: B (negrita)
Fuente de encabezado: Oswald
Fuente del cuerpo: Open Sans
Color del enlace del cuerpo: # e6567a
Guardar y publicar
Regrese y seleccione Configuración de fondo y cambie el color del fondo a rgba (0,0,0,0.14).
Guardar y publicar
Ahora regrese al menú principal del personalizador de temas y seleccione Configuración de encabezado y navegación> Configuración de formato de encabezado y seleccione "centrado".
Guardar y publicar
Ahora regrese y seleccione Configuración de la barra de menú principal y actualice lo siguiente:
Altura del menú: 124
Altura del logo: 51
Tamaño del texto: 20
Color del texto: rgba (255,255,255,0.86)
Color de fondo: # 222222
Color de fondo del menú desplegable: # 222222
Animación del menú desplegable: voltear verticalmente
Guardar y publicar
Ahora regrese y seleccione Configuración de la barra de menú secundaria y actualice lo siguiente:
Tamaño del texto: 20
Color de fondo: # 121212
Color de fondo del menú desplegable: # 121212
Tamaño del texto de tendencia: 16px
Tamaño del texto de búsqueda, carrito e íconos: 16
Color de fondo de búsqueda, carrito e ícono: # 444444
A continuación, regrese y seleccione Configuración de navegación fija . Luego actualice lo siguiente:
Seleccione Ocultar imagen de logotipo
Altura del menú: 60
Tamaño del texto: 16
Color de fondo: # 222222
Guardar y publicar
Si está trabajando con una instalación nueva de WordPress y Extra, su página de inicio debería verse así.
Configurar categorías para sus productos
Una vez que haya terminado con la configuración del Personalizador de temas, puede comenzar a agregar las categorías para los productos que agregaremos en el futuro.
Para configurar categorías, vaya al Panel de WordPress y navegue a Publicaciones> Categorías . En la sección Agregar nueva categoría a la izquierda, agregue la información de su primera categoría. Para este ejemplo, voy a agregar una categoría llamada "Electrónica" con una babosa llamada "electrónica" y un color "# 5bd999".
Luego haga clic en el botón Agregar nueva categoría .
Voy a repetir este paso para tres categorías más. Aquí está la información para las 4 de mis categorías:
- Nombre: Electrónica
Babosa: electrónica
Color: # 5bd999 - Nombre: ropa
Babosa: ropa
Color: # 00c0e4 - Nombre: Cocina
Slug: cocina
Color: # e6567a - Nombre: Health & Fitness
Slug: salud y forma física
Color: # 7658f8
Nota: Los colores van a jugar un papel integral en el diseño del sitio, así que asegúrese de agregarlos.
Una vez que haya terminado de agregar sus categorías, ¡habrá terminado la parte 1 de la serie!
Próximamente: Agregar publicaciones y crear diseños de publicaciones para sus productos
En la parte 2 de esta serie, comenzaremos a agregar el contenido de nuestra publicación y a crear un nuevo diseño para las publicaciones de nuestros productos. Agregar publicaciones de reseñas de productos a Extra es básicamente como agregar una publicación regular, por lo que si está familiarizado con la creación de publicaciones de blog y el uso de Divi Builder, no debería tener ningún problema con nuestro siguiente paso. Si es nuevo en todo esto, considere que es un buen momento para aprender a construir con Extra.
Aquí hay un ejemplo de una de las publicaciones de productos que crearemos en la parte 2 de nuestra serie.
Si tiene alguna pregunta o comentario, no dude en publicar un comentario.
¡Salud!