• Ir a navegación principal
  • Ir al contenido principal

CASUALWEBS

ANA PASCUAL WEB ESTUDIO

  • Proyectos
  • Tiendas online
  • Hola
  • Blog
  • Contacto

Configura la plantilla como en las demos

Instrucciones para configurar los temas de WordPress Genesis igual que en la demo de las tiendas de plantillas

Authority Pro – destacar elementos del menú

23 marzo, 2020 by apascual001

El tema Authority Pro de StudioPress muestra un elemento del menú de forma diferente o destacada:

casualwebs-authority-menu

Se debe a que incorpora estilos CSS para los elementos del menú a los que se le añada la clase «highlight».

Vamos a ver como llevarlo a la práctica.

Iremos a buscar el elemento del menú que queremos destacar, en Apariencia/menús. Luego desplegaremos el elemento del menú para ver el campo llamado «Clases CSS».

casualwebs-authority-menu-classes

Si no véis este campo, deberéis ir a la parte superior derecha del panel de administración y desplegar las Opciones de pantalla.  En este desplegable activar las «opciones CSS».

casualwebs-opciones-menu-classes

Finalmente añadir la clase «highlight» al elemento del menú, guardar los cambios  ya tendréis el elemento destacado como en la demo.

casualwebs-opciones-menu-highlight

Ya lo sabéis para cualquier consulta podéis encontrarme en el formulario de contacto.

Archivado en:Authority, Comolademo

Gallery Pro – 5. Página de Portfolios o galerías

3 mayo, 2018 by apascual001

Hoy vamos a ver como crear la página de portfolios o galerías en el tema Gallery Pro de Genesis. Ya vimos al configurar la front page como crear cada uno de los portfolios individuales y lo que se trata ahora es de crear una página donde los tengamos todos reunidos:

Portfolios en Gallery Pro

Para empezar crearemos una nueva página en Páginas/Añadir nueva y la podéis titular portfolios.

El siguiente paso es ir a la sección «Atributos de página» y escoger la Plantilla «Index». Ahora ya puedes publicarla.

Gallery plantilla Index

Luego iremos a Apariencia/Widgets y en la widget área «Index» añadiremos el widget «Featured Custom Post Types for Genesis» con los siguientes ajustes. Estos ajustes son para colocar 6 portfolios en columnas de 3 pero o podéis adaptar a vuestras necesidades.

Gallery Index área con un Featured Custom Post Types for Genesis widget

Finalmente ya podemos actualizar la página y ver el resultado.

Si véis que los portfolios no se muestran de manera correcta, ir a los ajustes del plugin JMIG . Los encontraréis in Ajustes/ JMIG Options. Marcar la casilla «Don not allow JMIG to layout your gallery columns»

Os dejo también el vídeo;  ah! y no olvidéis suscribiros al blog para no perderos ningún tutorial!

Archivado en:Comolademo

Gallery Pro – 4 Configuración de menús

19 abril, 2018 by apascual001

En este tuturial veremos como configurar el menú de navegación del tema Gallery Pro de Genesis.
Veremos que esta plantilla tiene 3 ubicaciones de menús:

  • Above Header Menu – El menú en esta ubicación se coloca por encima del encabezado
  • Below Header Menu – Es la ubicación utilizada en la demo y queda por debajo del logotipo.
  • Footer Menu – Ubicación para colocar un menú en el pié de  página.

Veámoslo en directo en el vídeo:

 

 

Archivado en:Comolademo

Gallery Pro – 3. Footer o pié de página

5 abril, 2018 by apascual001

Hoy vemos como configurar el pié de página del tema Gallery Pro de StudioPress com se muestra en el sitio de demostración.

Gallery Footer

En el pié de página hay tres áreas de widgets:

Footer 1

En la widget área Footer 1 hay un widget de html con el título: Contact y el contenido:

<p>+1 919 567 8256<br>
<a href="#">info@gallery.com</a></p>

Footer 2

En la widget área Footer 2 hay un widget del plugin Simple Social Icons con el título: Follow y el contenido:

Iconos Sociales Gallery Footer

Los colores de los iconos són el negro #111111 y el color hover o de cuando el ratón pasa por encima és el #999999

Footer 3

En la widget área Footer 3 hay un widget de html con el título: Studio y el contenido:

<p>123 N. Main St.<br>
Nowhere, MO 10567 </p>

Os dejo el vídeo para que lo veáis en directo.

Archivado en:Comolademo, Gallery pro

Gallery Pro – 2. Front Page

23 marzo, 2018 by apascual001

En este tutorial veremos como configurar la página de inicio o portada del tema Gallery Pro de StudioPress. En esta página hay cuatro widget áreas.

Widget área Front Page 1

gallery-front-page-1
Gallery Front Page 1

Para introducir el contenido de esta widget área iremos a Apariencia/Personalizar/Widgets/ Front page 1. En esta área hay un widget de texto con un título, un texto introductorio y un botón. Este es el texto:

<h1>Gallery Pro</h1>
<p class="intro">This theme showcases your galleries or pages in a minimal style with
 stunning typography. Make it your own with the styled Portfolio, 
E-Commerce, flexible front page and full color customization.</p>
<br>
<a href="#" class="button">Work With Us</a>

Esta plantilla viene con una imagen de fondo precargada para el área Front Page 1 . Esto quiere decir que en el momento que añadamos un widget a esta área la imagen de fondo se va a mostrar automáticamente.

Si queremos cambiar esta imagen tendremos que ir a Apariencia/Personalizar/Front Page Background Images. El tamaño de imagen recomendado es de 1600 x 900 px.

bgallery-background images
Imágenes de fondo en Gallery Pro

Y luego ir a Front Page Image 1 y cambiar la imagen:

bgallery-background images
Cambiar imágenes de fondo en Gallery Pro

Widget área Front Page 2

gallery-front-page-2-1
Gallery Front Page 2 – Posts destacados

En esta sección encontramos 4 widgets. El primero ocupa todo el ancho de la pantalla y muestra 4 portfolios con el widget Featured Custom Post Type

custom-post-widget-697x1024-1
Featured Custom Post Type

Luego tenemos 3 widgets de texto que se disponen en 3 columnas:

gallery-front-page-2-2
Gallery Front Page 2 – Widgets texto

Esta widget área mostrará una disposición de widgets segun el número de widgets que se añadan. El esquema de las disposiciones es éste:

gallery-widgets-layout
Disposición flexible de widgets en Gallery Pro

Os dejo el contenido de los widgets de texto. En ellos se incluye un icono. Para cambiar el icono podéis ir a la página de Ionicons y cambiar el código por el del icono que más os guste.

Primer widget de texto:

<div class="text-center">
<p><i class="icon ion-ios-pricetag-outline"></i></p>
<h2>Branding</h2>
<p>We will work with you to bring your brand to life and make sure your personality is reflected in a brand you love.</p>
</div>

Segundo widget  de texto:

<div class="text-center">
<p><i class="icon ion-ios-camera-outline"></i></p>
<h2>Photography</h2>
<p>Photography is a powerful way to introduce your brand to the world. We make sure it's as unique as you!</p>
</div>

Tercer widget de texto:

<div class="text-center">
<p><i class="icon ion-ios-monitor-outline"></i></p>
<h2>Web Design</h2>
<p>We make sure your online presence is one of a kind. Your website will look great across all devices and mediums.</p>
</div>

Widget área Front Page 3

gallery-front-page-3
Gallery Front Page 3

Esta widget área sigue el mismo patrón que la Front Page 1; tiene una imagen de fondo y un widget de texto. Aquí os dejo el código:

<h2>We live in a world that is full of beauty, charm and adventure.
<br>
There is no end to the adventures we can have if only we seek them with our eyes open.</h2>
<h5>Jawaharlal Nehru</h5>

Widget área Front Page 4

En la demo no se utiliza esta widget área pero tiene las mismas características que la Front Page 2

Widget área Front Page 5

Esta widget área sigue el mismo patrón que las Front Page 1 y 3; tiene una imagen de fondo y un widget de texto. Aquí os dejo el código:

<h2>Lady, you've got style, your blog should too.</h2>
<p><a href="http://my.studiopress.com/themes/gallery" class="button secondary">Get Gallery Pro</a></p>

Últimos posts del blog

Antes de la Front page 5 en la demo podemos ver que se muestran los últimos posts del blog. Este ajuste lo encontraremos en Apariencia/Personalizar/Front Page Content Settings:

gallery-blog-493x1024-1
Gallery Front Page Content Settings

Veremos que tenemos la opción de mostrar blog o esconder el blog. También nos permite cambiar el texto que se muestra antes de estos posts en la home:

gallery-blog-2-582x1024-2
Gallery Front Page Content Settings – Mostrar el blog


Os dejo un vídeo con las instrucciones detalladas:

Archivado en:Comolademo, Gallery pro

Gallery Pro – 4. Primary Sidebar o barra lateral principal

21 marzo, 2018 by apascual001

Después de haber configurado los widgets centrales de la home del tema Gallery Pro de StudioPress. vamos a ver como configurar la barra lateral.

En este post veremos los widgets que tenemos que añadir en el área Primary Sidebar para que se muestre como en la demo.
En esta widget área nos encontramos con 5 widgets:

Primary sidebar – Widget 1

gallery iconos sociales
gallery iconos sociales

El primero de ellos és un widget del plugin Simple Social Icons con el título: Follow y el contenido:

Iconos Sociales Gallery
Iconos Sociales Gallery

Los colores de los iconos són el negro #111111 y el color hover o de cuando el ratón pasa por encima és el #999999

Primary sidebar – Widget 2

html widget en Gallery Pro
html widget en Gallery Pro

El segundo es un widget de html con el título : Gallery Pro y el contenido:

Welcome to Gallery Pro! This Genesis child theme showcases your galleries or pages in a minimal style with stunning typography. Make Gallery Pro your own with a styled Portfolio, E-Commerce, flexible front page layout and full color customization!

Primary sidebar – Widget 3

Instagram widget en el sidebar de Gallery Pro
Instagram widget en el sidebar de Gallery Pro

El tercer widget es del plugin «Instagram Slider Widget» y lo ajustaremos con la siguiente configuración:

Ajustes del widget de Instagram en el sidebar de Gallery Pro
Ajustes del widget de Instagram en el sidebar de Gallery Pro

Primary sidebar – Widget 4

El cuarto widget se trata de un widget de html con el código para conectar a una API de una plataforma de ventas no relacionada con WordPress

Primary sidebar – Widget 5

Widget eNews extended de genesis en el tema Gallery Pro
Widget eNews extended de genesis en el tema Gallery Pro

Este último widget del área Primary Sidebar, es el widget para la suscripción de usuarios a nuestra newletter. Se llama Genesis eNews Extended. Lo tendremos que configurar con los datos que nos proporcione nuestro servicio de mailing.

Ahi va el video para que lo podáis seguir paso a paso.

Archivado en:Comolademo, Gallery pro

  • Ir a la página 1
  • Ir a la página 2
  • Ir a la página 3
  • Ir a la página 4
  • Ir a la página siguiente »

© 2022 · Aviso legal · Política de privacidad

Esta web solo instalará cookies analíticas y de publicidad si lo aceptas. Puedes informarte más sobre qué cookies estamos utilizando en los ajustes Ajustes Aceptar Rechazar Más información
Política de cookies

Resumen de privacidad

Esta web solo instalará cookies analíticas y de publicidad comportamiento si usted lo acepta. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles. Puede encontrar más información en nuestra política de cookies
Cookies estrictamente necesarias
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies. Si desactivas esta cookie no podremos guardar tus preferencias. Esto significa que cada vez que visites esta web tendrás que activar o desactivar las cookies de nuevo.
Cookies analíticas
Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares
GUARDAR Y ACEPTAR