Documentación de Cherry para WooCommerce

Introducción

Gracias por comprar una plantilla de WordPress. Esta documentación consta de varias partes y le mostrará todo el proceso de creación y administración de un sitio web de WordPress desde cero.

¿Qué es WordPress CMS?

WordPress es una herramienta gratuita, de código libre y un sistema de gestión de contenidos (CMS) basado en PHP y MySQL. Le permite crear sitios web y potentes aplicaciones en línea y no necesita tener conocimientos técnicos o de administración avanzados. Hay muchos aspectos, incluyendo su facilidad de uso y la capacidad de expansión que han hecho de WordPress el software de sitios web más popular. Leer Más

¿Qué es una plantilla de WordPress?

Una plantilla de WordPress es un tema o aspecto visual para un sitio web construido con la plataforma WordPress CMS. En otras palabras, usted puede fácilmente cambiar la apariencia del sitio Web WordPress mediante la instalación de una nueva plantilla en unos pocos y sencillos pasos. Es muy sencillo, una plantilla de WordPress tiene todos los archivos de código fuente necesarios y son totalmente modificables o ampliables a lo que usted necesita.

Help and Support

Estructura de los archivos

El paquete de la plantilla que ha descargado consta de varias carpetas. Veamos lo que cada carpeta tiene:

  • documentation - contiene los manuales detallados.
    • documentation.html - el archivo de la documentación principal. Es donde estás ahora :)
  • screenshots - Contiene capturas de pantalla de la plantilla. No es para producción.
  • sources.zip - Contiene los archivos de código fuente de la plantilla.
    • psd - Archivos de código fuente de Adobe Photoshop de la plantilla (.psd).
  • theme - Contiene los archivos del tema de WordPress.
    • CherryFramework.zip - Archivo del tema Cherry Framework. Contiene todos los archivos de tema. Debería ser instaladomediante el gestor de extensiones de WordPress.
    • theme####.zip - Archivo del tema hijo (child-theme). Contiene todos los archivos de tema. Debería ser instaladomediante el gestor de extensiones de WordPress.
    • sample_data - Contiene archivos que pueden hacer que su sitio web de WordPress se parezca a nuestra demostración en línea.
      • sample_data.xml - Contiene todos los datos de ejemplo de la plantilla (mensajes, páginas, categorías, etc).
      • widgets.json - Contiene la configuración de widgets.
      • Varias imágenes y otros archivos multimedia
    • manuall_install - Contiene archivos que pueden hacer que su sitio web de WordPress se parezca a nuestra demostración en línea.
      • uploads - Contiene las imágenes del tema.
      • theme#####.sql - Archivo de copia de seguridad de la base de datos (contiene el contenido del tema).
  • license.txt - Contiene los detalles de la licencia.
  • fonts_info.txt - Contiene enlaces donde se pueden descargar las fuentes de la plantilla.
  • info.txt - Contiene instrucciones sobre cómo extraer los archivos de código fuente.

Validation

Las etiquetas HTML y estilos CSS utilizados en nuestras plantillas son semánticamente correctos y válidos. Sin embargo, algunos errores del W3C pueden presentarse. Si el código es 100% W3C se elimina el uso de tecnologías modernos como CSS3 y HTML5. Nuestro objetivo es entregar una amplia experiencia de usuario con plantillas de alta calidad y, a veces tenemos que romper algunas reglas.

Instalación de la plantilla

La instalación de la plantilla nunca ha sido tan fácil. El proceso de instalación consta de tres sencillos pasos: la instalación de Cherry framework, la instalación del tema hijo (child-theme) y los datos de ejemplo.

Todos los pasos de la instalación se pueden realizar en la interfaz de WordPress. Esto hace que el proceso sea cómodo y rápido.

Puedes comprobarlo haciendo clic en el enlace de abajo:

Paso 1. Instalación de CherryFramework

  1. Inicie sesión en el panel de administración de WordPress (añada /wp-admin al nombre del dominio en la barra de direcciones del navegador).
  2. Vaya al menú Apariencia > Temas y haga clic en el botón Añadir un Tema Nuevo.
  3. Haga clic en el enlace Cargar.
  4. Haga clic en el botón Explorar y vaya hasta donde se encuentre el paquete de la plantilla descomprimida en su ordenador.
  5. Busque el archivo CherryFramework.zip. Haga clic en él para seleccionarlo y luego haga clic en Aceptar.
  6. Haga clic en el botón Instalar Ahora y espere hasta que finalice el proceso de instalación.
  7. Haga clic en el enlace Activar tema.

Para más información, no dude en revisar el video tutorial detallado sobre Como instalar la plantilla Cherry framework.

Enhorabuena, acabas de instalar el framework.

Paso 2. Instalación del tema

Ahora puede proceder a instalar el tema hijo: theme####.zip. Los pasos a seguir son los siguientes:

  1. Vaya al menú Apariencia > Temas y haga clic en el botón Añadir un Tema Nuevo.
  2. Haga clic en el enlace Cargar.
  3. Haga clic en el botón Explorar y vaya hasta donde se encuentre el paquete de la plantilla descomprimida en su ordenador.
  4. Busque el archivo theme####.zip (donde XXXX es el identificador único de su tema). Haga clic en él para seleccionarlo y luego haga clic en Aceptar.
  5. Haga clic en el botón Instalar Ahora y espere hasta que finalice el proceso de instalación.
  6. Haga clic en el enlace Activar para cambiar el diseño actual del sitio con el tema comprado.

Enhorabuena, ¡El framework y el tema han sido correctamente instalados!

Paso 3. Instalación de los datos de ejemplo

Para que su sitio web de WordPress se parezca a nuestra demostración en vivo, por favor, siga las siguientes instrucciones. También le sugerimos que siempre tenga una copia de seguridad del archivo .sql exportado desde su base de datos.

NOTA: Para plantillas integradas en Cherry Framework v3.0 o anteriores para instalar los datos de ejemplo usted necesita subir los archivos XML y JSON desde el directorio "sample_data". Las imágenes y otros archivos multimedia deberían cargarse desde el directorio "manual_install\uploads". Asegúrese cargar todas las imágenes de todos los subdirectorios.
  1. Vaya al menú Cherry Plugin > Importar Contenido.
  2. En primer lugar usted puede comprobar la tabla requisitos que muestra si el servidor de hosting cumple con todo lo necesario para utilizar Cherry Plugin. Por favor, póngase en contacto con su proveedor de hosting si hay alguna advertencia.
  3. Si todos los valores del servidor son correctos verás la pantalla de carga. Abre el directorio "theme/sample_data" que se encuentra en el paquete de la plantilla y sube todos los archivos a WordPress. Puedes subir todos los archivos seleccionándolos en el directorio "theme/sample_data" (CTRL+A o Comando+A) y arrastralos al area de carga.
  4. Asegúrese de cargar todos los archivos del directorio sample_data incluidos los archivos .JSON y .XML. Cuando la carga haya terminado haga clic "Continuar la Instalación" para continuar.

    ATENCIÓN: los archivos .JSON y .XML son necesarios para realizar la instalación de los datos de ejemplo. El botón Continuar la Instalación sólo estará disponible si ambos archivos se han subido.
  5. Hacer clic en el botón "Continuar la Instalación" iniciará el proceso de instalación de los datos de ejemplo. Los pasos de instalación pueden tardar algún tiempo dependiendo de la configuración del servidor. Por favor, sea paciente.
  6. ¡Enhorabuena! Ha instalado correctamente su tema Cherry WordPress. Ahora puede comprobar el tema.

Primeros Pasos

Preparación

Antes de proceder a la creación de su sitio web de WordPress, por favor asegúrese de que está totalmente preparado. Por favor, complete los siguientes pasos de preparación:

Software de edición

Para sentirse cómodo trabajando con la plantilla de WordPress, le recomendamos que descargue todas las aplicaciones requeridas. Usted puede ver la lista de software necesario en la página de vista previa de la plantilla.
Los requisitos pueden variar dependiendo de la plantilla, vamos a contarle lo que se necesita por norma general:

  1. En primer lugar, usted necesita las aplicaciones adecuadas para extraer el archivo sources_#########.zip protegido por contraseña. Puede utilizar WinZip 9+ (Windows) y Stuffit Expander 10+ (Mac).
  2. También podría necesitar la aplicación Adobe Photoshop. Se utiliza para editar archivos .PSD y es necesaria si desea editar el diseño de los gráficos e imágenes de la plantilla.
  3. Para editar los archivos de código fuente de la plantilla, necesita algún editor de código como Adobe Dreamweaver, Notepad++, Sublime Text, etc.
  4. Para cargar archivos en el servidor de hosting, es posible que necesite un administrador de FTP como Total Commander, FileZilla, CuteFTP, etc.

Hosting

Como WordPress CSM es una aplicación basada en PHP / MySQL, usted necesita preparar un entorno de alojamiento para ejecutar WordPress.

Si tiene un hosting, por favor asegúrese de que se adapta a los Requisitos de WordPress y está listo para ser utilizado por un sitio web de WordPress.

Tambien puede ejecutar WordPress en su ordenador utilizando el servidor local. Para crear un servidor de alojamiento local, utilice aplicaciones de localhost como WAMP, AppServ, MAMP, etc. Cualquiera de ellos puede ser instalado fácilmente como cualquier otro programa y se utiliza para ejecutar WordPress.

Por favor, consulte los tutoriales a continuación sobre cómo configurar un entorno de desarrollo local:

Motor de instalación

Descargue la versión correcta del motor de WordPress. En la página de vista previa de la plantilla, en la sección de requisitos, puede ver la versión de WordPress necesaria. Por favor, asegúrese de que está descargando la correcta.
  1. The WordPress engine can be downloaded from the official website at WordPress.org Descargar WordPress. En caso de que necesite una versión anterior, puede hacer clic en el enlace Archivo de versiones link.
  2. Cuando haya terminado con la descarga, es necesario extraer los archivos de los paquetes del motor y de la plantilla. Para extraer los archivos del paquete del motor de WordPress ZIP, puede utilizar cualquier aplicación que pueda manejar archivos ZIP.

    Los siguientes tutoriales le enseñarán la manera de extraer archivos en Windows (WinZip) y MAC (StuffitExpander).

  3. Cuando concluya la extracción, debe subir los archivos y carpetas del motor de WordPress a su servidor de alojamiento.

    Todos estos archivos y carpetas deben ser subidos a su servidor de alojamiento. Los archivos de motor deben ser subidos al directorio PUBLIC_HTML o WWW de su servidor.

    Si no ve los directorios PUBLIC_HTML o WWW en su servidor de alojamiento, por favor póngase en contacto con su proveedor de hosting y pregunte dónde tiene que cargar los archivos del sitio web.

    Por favor, consulte los siguientes tutoriales sobre cómo cargar archivos en un servidor:

  4. En este paso es necesario crear una base de datos que será utilizada por el motor de WordPress.

    Puede crear una nueva base de datos utilizando la herramienta de gestión de bases de datos desde el panel de control del hosting (normalmente PhpMyAdmin).

    Con la herramienta phpMyAdmin usted será capaz de crear una nueva base de datos en 3 sencillos pasos (vea las siguientes diapositivas):

    1. Haga clic en el botón Bases de datos en el menú de navegación superior para acceder a la lista de bases de datos.
    2. Introduzca el nombre de la base de datos en el campo "Crear nueva base de datos".
    3. Haga clic en el botón Crear que se encuentra a la derecha.

    Ahora puede ver la base de datos en la lista de base de datos. Haga clic en su nombre para acceder a la base de datos.

    • 1. Haga clic en el botón Bases de datos para acceder a la lista de bases de datos.

    • 2. Introduzca el nombre de la base de datos.
      3. Haga clic en el botón Crear.

    • 4. Ahora puede ver la base de datos en la lista de base de datos. Haga clic en su nombre para acceder a la base de datos.


    También puede consultar un video tutorial detallado sobre Cómo crear una base de datos.


    Si usted tiene algún problema con la creación de una base de datos, por favor póngase en contacto con su proveedor de alojamiento para obtener ayuda y asistencia.

    No dude en consultar los siguientes tutoriales:

  5. En la barra de direcciones del navegador, escriba su nombre de dominio/raiz de los archivos de WordPress y pulse Intro. Esto iniciará el proceso de instalación.
  6. Creación de un archivo de configuración. La pantalla inicial de instalación de WordPress le notificará que el archivo de configuración no existe. Haga clic en el botón Crear Archivo de Configuración para crearlo.
    Creating configuration file.

  7. Introducir los detalles de la base de datos. Aquí tiene que introducir los datos de conexión a la base de datos de WordPress.
    Inserting database details.

  8. Introducir los detalles del sitio web. En la siguiente pantalla debe introducir detalles del sitio web como:
    • título del sitio web
    • nombre del usuario administrador y su contraseña
    • correo electrónico del sitio web.
    Inserting website details.

  9. Cuando haya terminado, haga clic en el botón Instalar WordPress.
    Install WordPress button.

    Si todos los datos se han introducido correctamente, verá la ventana de éxito con el botón para acceder a su panel de administración de WordPress.

No dude en consultar los siguientes tutoriales:

Instalación manual

Si usted está teniendo problemas con la instalación de los datos de ejemplo, por favor siga las siguientes instrucciones.

ATENCIÓN: Importar el archivo SQL a su base de datos sobreescribirá el contenido y la configuración del sitio web. NO importar el archivo SQL si desea conservar el contenido existente.
NOTA: Siempre haga copia de seguridad de su base de datos antes de realizar cualquier modificación.
Tenga en cuenta que el prefijo de las tablas de la base de datos de WordPress debe ser wp_.

Para hacer que su WordPress se parezca a nuestra demostración en vivo, por favor siga las siguientes instrucciones.

  1. Asegúrese de que el tema se ha instalado de acuerdo a las siguientes indicaciones.
  2. Copiar el directorio "uploads" (que se encuentra en el directorio theme/manual_install/ del paquete de su plantilla) a el directorio /wp-content/ en su FTP.
  3. Copiar el archivo theme####.sql que se encuentra en el directorio theme/manual_install/ en algún editor de texto (preferiblemente Dreamweaver o Notepad) y sustituya todas las apariciones de "your_website_url_here" con la URL de su sitio web en todo el documento usando la herramienta Buscar y Reemplazar (pulse Ctrl+H para mostrar esta ventana). P.e.: http://www.mywebsite.com
  4. Por favor, asegúrese de que no tiene la barra diagonal "/" al final de la dirección y que la URL empieza por http://www.
  5. Guarde los cambios y cierre el archivo.
  6. Ahora usted puede importar el archivo de volcado con la herramienta phpMyAdmin u otro herramienta de gestión de bases de datos.

Si hay problemas con la instalación de ellos a través del panel de administración, aquí está la forma alternativa de hacerlo.
Instalación manual del tema a través de FTP

Para utilizar este método, es necesario tener acceso a los archivos del sitio de WordPress en el FTP a través del Administrador de archivos de su panel de control de hosting o un cliente FTP como Filezilla, CuteFTP, Total Commander, etc.

Si ha instalado el tema con los datos de ejemplo o la instalación manual y el tema que se muestra es diferente a la demostración en vivo, por favor, abra las Opciones de Cherry y haga clic en "Restaurar valores predeterminados".
  1. Descomprima los archivos CherryFramework.zip y theme####.zip a un directorio en su ordenador (primero, haga clic con el botón derecho en cada uno de los archivo .zip, Eliga Descomprimir en… CherryFramework y theme#### luego, obtendrá dos carpetas llamadas CherryFramework y theme####).
  2. Suba los directorios CherryFramework y theme#### al directorio /wp-content/themes/ de su servidor FTP.
  3. Inicie sesión en su panel de administración de WordPress (añada /wp-admin después de su nombre de dominio en la barra de direcciones del navegador).
  4. Vaya al menú Apariencia > Temas.
  5. En el apartado Temas Disponibles busque theme#### y actívelo pulsando el botón Activar.

Instalación de plugin

Después de instalar y activar el tema, es posible que tenga que instalar los plugins adicionales:

  1. Cuando el tema está activo, en la esquina superior izquierda encuentrará el aviso de instalar plugins adicionales. Siga el enlace Comenzar la instalación del plugin.
    También puede instalar los plugins desde el panel (dashboard), vaya hasta Apariencia- > Instalar Plugins.
  2. Compruebe los plugins necesarios.
  3. En el menú desplegable, seleccione Acciones en Bloque Instalar y haga clic en Aplicar.

Plugins del Tema:

Cherry Plugin

Atención: Es necesaria la instalación y la activación del Cherry Plugin para el correcto funcionamiento de los códigos cortos y los widgets. Cherry Plugin está instalado y activado por defecto en la instalación del Cherry Framework.

Descargar: https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip
Descripción: El equipo Cherry ha creado un Cherry framework que se puede etiquetar como perfecto, pero siempre estamos buscando nuevas mejoras. Conozca el Cherry Plugin. Esta es una extensión de nuestro Cherry framework en la que hemos incluido todos los códigos cortos y widgets que usted necesitará siempre. El plugin es totalmente compatible con cualquier tema de WordPress impulsado por Cherry Framework. Hasta ahora, el plugin está en versión beta, pero vamos a seguir mejorándolo para ofrecer nuevas y mejores características.

Formulario de Contacto 7

Descargar: http://wordpress.org/extend/plugins/contact-form-7/
Descripción: Formulario de contacto para la página de contacto.

Plugins Compatibles:

WPML

Descargar: http://wpml.org/
Descripción: WPML hace que sea fácil de construir sitios plurilingüe y ejecutarlos.

WooCommerce

Descargar: http://wordpress.org/plugins/woocommerce/
Descripción: WooCommerce es un potente plugin de eCommerce ampliable que le ayudará a vender cualquier cosa. Es muy bonito.
Documentation: WooCommerce documentation at WooThemes.

BuddyPress

Descargar: http://wordpress.org/plugins/buddypress/
Descripción: Las redes sociales en un cuadro. Construya una red social para su empresa, escuela, equipo deportivo o comunidad.

bbpress

Descargar: http://wordpress.org/plugins/bbpress/
Descripción: bbPress es un foro hecho al estilo de WordPress.

Mingle Forum

Descargar: http://wordpress.org/plugins/mingle-forum/
Descripción: Mingle Forum le permite insertar fácil y rápidamente un foro/blog en su sitio de WordPress.

WP Forum Server

Descargar: http://wordpress.org/plugins/forum-server/
Descripción: Este plugin de WordPress es un sistema de foros completo para su blog de WordPress.

Carga de datos desde los servidores de Google

Algunos países tienen problemas de conexión a los servidores de Google. Esto puede causar problemas de carga Google Fuentes. Para resolver estos problemas por favor haga lo siguiente:

No se puede cargar Google Fuentes:

Abrir ...\CherryFramework\admin\options-sanitize.php archivo

Busque la línea:

wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );

Sustituirlo por el siguiente:

wp_enqueue_style( "options_typography_$f", "//fonts.useso.com/css?family=$f$ch", false, null, 'all' );

Olark Live Chat

Los clientes que han comprado la plantilla tienen 6 meses de uso gratuito del chat de Olark. Para registrar 6 meses gratuitos en el paquete bronce debe acceder al enlace de registro de Olark
Rellene el formulario para registrar su cuenta
Introduzca el identificador generado en el campo ID de cuenta del Chat en Cherry Options (General)

Copia de seguridad y actualización

Antes de actualizar Cherry Framework, le recomendamos que realice una copia de seguridad de la versión actual.

Copia de seguridad

Puede crear una copia de seguridad, tanto para CherryFramework como para el tema hijo. Esto se puede hacer en el apartado "Opciones de Cherry > Gestión de datos" en el panel de administración de WordPress.

La copia de seguridad se puede hacer fácilmente haciendo clic en el botones "Copia de seguridad" debajo de los bloques de Cherry Framework y tema hijo.
Ahora usted puede encontrar el archivo con su framework o su tema hijo en el directorio /wp-content/themes_backup/.

Usted también puede descargarlo haciendo clic en el botón "Descargar copia de seguridad". Si aparecen algunos problemas, puede volver a instalar el framework mediante las pestañas Apariencia -> Temas -> Instalar Temas -> Cargar.

Actualización

Para actualizar Cherry Framework, necesitas hacer lo siguiente:

  1. En su panel de administración, abra la ficha "Opciones de Cherry > Gestión de datos".
  2. Haga clic en el botón Actualizar en bloque debajo de Cherry Framework
  3. Espere hasta que comience el proceso.
  4. Cherry Framework completará el proceso por sí mismo.

Plantillas y barras laterales de la página


ATENCIÓN: Es necesario modificar el estilo en el archivo style.less. Debido a las opciones de los estilos que se compilan de nuevo y el archivo main-style.css es sobreescrito después de guardar.

Plantillas de la pagina

  • Plantilla predeterminada (la plantilla de página por defecto con una posición de la barra lateral)
  • Pantalla completa (una plantilla de página con una columna sin barra lateral)
  • Página de inicio (una plantilla de página que se utiliza para la página de inicio)
  • A 2 columnas (una plantilla de página para los mensajes de la galería/catálogo que se muestran a 2 columnas)
  • A 3 columnas (una plantilla de página para los mensajes de la galería/catálogo que se muestran a 3 columnas)
  • A 4 columnas (una plantilla de página para los mensajes de la galería/catálogo que se muestran a 4 columnas)
  • Testimonios (una plantilla de página para mostrar los mensajes testimoniales)
  • FAQs (plantilla de página para mostrar la Preguntas frecuentes)
  • Archivos (plantilla de página para mostrar archivos)

Posición de la barra lateral

  • Barra lateral - posición ubicada en el lado derecho o izquierdo de las páginas
  • Pie de página 1,2,3,4 (opcional) - posición ubicado al final de las páginas

Formato de mensajes y categorías

Añadir una categoría

Revise el siguiente artículo para obtener más información sobre cómo agregar categorías: http://codex.wordpress.org/Manage_Categories_SubPanel

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Mensajes.
  3. Hecho eso, haga clic Categorías para publicaciones en el blog.
  4. Escriba el nombre de la nueva categoría.
  5. Después, haga clic en el botón Añadir una nueva categoría.
Haga clic en el botón Publicar.

Crear un mensaje en el blog

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Mensajes.
  3. Haga clic en la pestaña Añadir nuevo.
  4. Escriba el contenido del mensaje. Para obtener más información sobre cómo agregar mensajes, por favor compruebe el siguiente enlace http://codex.wordpress.org/Posts_Add_New_SubPanel.

Elegir un formato de mensaje

Por favor compruebe el siguiente enlace para obtener más información sobre los diferentes formatos de mensaje: http://codex.wordpress.org/Post_Formats.

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Mensajes.
  3. Para elegir el formato del mensaje, compruebe los que hay disponibles en la lista de Formatos.
Nota: Algunos de estos formatos tienen sus propias opciones. Sus configuraciones aparecerán debajo del editor de mensajes.

A continuación se muestra la lista de formatos de mensaje disponibles con sus descripciones y configuraciones.

Formato de mensaje estándar

Un mensaje estándar tiene los siguientes campos:

  • Título - título del mensaje
  • Contenido - contenido del mensaje
  • Categorías - categoría(s) del mensaje
  • Etiquetas - etiquetas del mensaje
  • Imágen destacada - imágen del mensaje
  • y otros ámbitos que pueden ser activados en la Pantalla de Opciones ubicada en la esquina superior derecha.

Formato de mensaje estándar

Formato de mensaje lateral

Esta es una versión simplificada de mensaje. En otras palabras, sólo tiene un campo de contenido y no es necesario indicar un título. Se le conoce como nota.

Formato de mensaje lateral

Formato de mensaje de galería

La principal característica de este formato de mensaje es la capacidad de mantener un número ilimitado de imágenes adjuntas.

Añadir un mensaje de galería:

  1. Haga clic en el botón Añadir medios.
  2. Para agregar imágenes desde el disco duro, arrastrar y soltar los archivos en el cuadro que aparece o haga clic Select Files para elegir una imagen desde tu ordenador y cargarla.
  3. Después de que las imágenes se hayan terminado de cargar, se le mostrarán en la biblioteca de medios. Eliga Subido a este post para ver las imágenes adjuntas.
  4. Cuando haya terminado la edición, puede cerrar la biblioteca de medios. Las imágenes subidas se adjuntarán automáticamente.

El formato de mensaje de galería tiene todos los campos estándar (como título, contenido, categorías, etc) como el formato de mensaje estándar.

Formato de mensaje de enlace

Formato de mensaje de enlace

Después de elegir el Formato de mensaje de Enlace, obtendrá un campo adicional de URL donde es necesario especificar el enlace (URL) de la página/recurso de destino. El Título será utilizado como su texto de enlace.

Si rellena el campo de contenido, se utilizará como la descripción de la página de destino.

Formato de mensaje de imagen

Formato de mensaje de imagen

Un formato de mensaje de Imagen está basado en una sola imagen cargada a través de la opción Imagen destacada.
Después de seleccionar el formato de mensaje de imagen usted será capaz de desactivar la característica de la imagen del lightbox mediante la selección de la correspondiente configuración en la opción Activar Lightbox.

Formato de mensaje de cita

Formato de mensaje de cita

Un Formato de mensaje de cita sirve como una utilidad para enmarcar una cita. Se usa para publicar una cita.

Al seleccionar este formato de mensaje, tendrá un campo adicional La Cita - básicamente el cuerpo de la cita y un campo Autor - el nombre del autor de la cita.

Formato de mensaje de audio

Formato de mensaje de audio

El Formato de mensaje de audio se utiliza para publicar un archivo de audio.

Al seleccionar este formato de mensaje, obtendrá las siguientes opciones adicionales:

  • Título - título de la pista
  • Artista - el autor/artista de la pista de audio
  • Formato - el formato de la pista de audio
  • URL - un enlace a la pista de audio

Formato de mensaje de video

Formato de mensaje de video

Un Formato de mensaje de video se utiliza para publicar un archivo de vídeo.

Al seleccionar este formato de mensaje, obtendrá las siguientes opciones adicionales:

  • Título - título del vídeo
  • Artista - el autor/artista del video
  • URL #1 - un enlace al vídeo en formato m4v
  • URL #2 - un enlace al vídeo en formato ogv
  • Código integrado - utilizado para colocar el vídeo fuera del sitio, p.e. youtube, vimeo, etc.

Crear un mensaje deslizante

Las diapositivas son esencialmente una Tipo de mensaje personalizado lo que significa que son diferentes de los mensajes comunes, tales como mensajes de blog. Esto nos permite administrar el contenido del sitio con mucha facilidad.

Crear un mensaje deslizante

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Control deslizante.
  3. Haga clic en la pestaña Añadir nuevo.
  4. Indique el título del mensaje deslizante.
  5. Suba la imagen mediante la opción Imagen destacada (haga clic en el enlace Establecer la imagen destacada).
  6. Puede usar los siguientes campos para su control deslizante:
    • Título - el campo para la leyenda de la diapositiva.
    • URL - el campo de la dirección URL de la diapositiva (puede poner un enlace externo aquí).
  7. Cuando haya terminado, haga clic en el botón Publicar.

Añadir un mensaje al Catálogo

Los elementos del catálogo son básicamente un tipo de mensaje personalizado http://codex.wordpress.org/Post_Types#Custom_Types lo que significa que son diferentes de los mensajes comunes. Esto nos permite administrar el contenido del sitio con mucha facilidad.

Añadir un mensaje al Catálogo

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Catálogo.
  3. Ahora haga clic en Añadir nuevo.
  4. Rellene todos los campos obligatorios (título, contenido).
  5. Suba la imagen mediante la opción Imagen destacada (haga clic en el enlace Establecer la imagen destacada).
  6. Para terminar, haga clic en el botón Publicar.

Elegir formato para el mensaje del catálogo

Al crear un mensaje en el catálogo en este tema le permite seleccionar uno de los tipos de mensaje disponibles.

  • Imagen - imagen predeterminado del formato de mensaje. Muestra sólo la imagen destacada.
  • Presentación - la galería del proyecto se muestra como una presentación de diapositivas. Puede contener un número ilimitado de imágenes subidas y se adjuntan al mensaje.
  • Galería de cuadrícula - las imágenes del mensaje se muestran como una galería. Puede contener un número ilimitado de imágenes subidas y se adjuntan al mensaje.
  • Vídeo - en este tipo de mensaje puede incrustar un vídeo desde cualquier servidor de alojamiento de vídeos (YouTube, Vimeo, etc.).
  • Audio - con este tipo mensaje, puede incrustar un enlace de audio.

Añadir un mensaje Testimonial

Adding a Testimonials post

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Testimonios.
  3. Haga clic en la pestaña Añadir nuevo.
  4. Rellene todos los campos obligatorios (título, contenido).
  5. Suba la imagen mediante la opción Imagen destacada (haga clic en el enlace Establecer la imagen destacada).
  6. Puede usar los siguientes campos para este tipo de mensajes:
    • Nombre - nombre del autor
    • URL - enlace al autor
    • Información - información adicional del autor.
  7. Haga clic en el botón Publicar.

Añadir un mensaje a las FAQs

Añadir un mensaje a las FAQs

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña FAQs.
  3. Haga clic en el botón Añadir nuevo.
  4. Dado que es un tipo de mensaje de pregunta/respuesta, el título del post es la pregunta y el contenido es la respuesta.
  5. Haga clic en el botón Publicar.

Añadir un mensaje a Nuestro Equipo

Añadir un mensaje a Nuestro Equipo

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Nuestro equipo.
  3. Haga clic en el botón Añadir nuevo.
  4. Rellene todos los campos obligatorios (título, contenido).
  5. Suba la imagen mediante la opción Imagen destacada (haga clic en el enlace Establecer la imagen destacada).
  6. Puede usar los siguientes campos para este tipo de mensajes:
    • Cargo - el cargo de la persona
    • Información - información adicional.
  7. Haga clic en el botón Publicar.

Página del catálogo

Crear una página del catálogo

Crear una página del catálogo

Páginas del catálogo pueden ser creadas con la ayuda de las plantillas.

  1. Inicie sesión en su panel de administración de WordPress (Dashboard).
  2. Haga clic en la pestaña Páginas.
  3. Haga clic en la pestaña Añadir nuevo.
  4. Introduzca el nombre de la página, por ejemplo Catálogo.
  5. Eliga la plantilla de la página (A 2 columnas, A 3 columnas o A 4 columnas en el menú desplegable en la Página de propiedades).
  6. Haga clic en el botón Publicar.

Puede crear una categoría de página de catálogo mediante el campo Incluir Categoría. Usted tiene que escribir el trozo del nombre de la categoría que desea que aparezca.

Códigos cortos

n código corto es una potente herramienta de creación de contenidos http://codex.wordpress.org/Shortcode. Los códigos cortos son fáciles de usar. En primer lugar, asegúrese de que el modo de edición está establecido en Visual.

Haga clic en el botón de códigos cortos. Después, seleccione el código corto que desea insertar.


Todos los códigos cortos disponibles se dividen en estos grupos:

  • Dinámico - usado para la producción de contenidos (mensajes, tipos de mensajes personalizados, etiquetas, etc)
  • Columnas de cuadrícula - varias columnas para la formación de una cuadrícula.
  • Elementos - elementos adicionales para la formación del contenidos.
  • Otros - elementos adicionales para la formacion avanzada/compleja de contenidos.

Dinámico

Post Grid
[posts_grid columns="3" rows="3" order_by="date" order="DESC" thumb_width="100" thumb_height="100" meta="yes" excerpt_count="20" link="yes" link_text="more" custom_class="custom_class"]

Descripción: Muestra mensajes estándar y personalizados en vista de tabla con un número configurable de columnas y filas.


Post List
[posts_list numb="3" thumbs="large" thumb_width="100" thumb_height="100" post_content="excerpt" order_by="date" order="DESC" link="yes" link_text="more" tags="yes" custom_class="custom_class"] 

Descripción:Muestra mensajes estándar y personalizados como en la página del blog.


Mini Post Grid
[mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" align="left"]

Descripción: una versión más compacta del código corto [post_grid]. Muestra las imágenes de los mensajes estándar y personalizados con un tamaño de imagen configurable.


Mini Post List
[mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" order="DESC" excerpt_count="20"] 

Descripción: una versión más compacta del código corto [posts_list]. Muestra los mensajes estándar y personalizados en vista de lista.


Recent Posts
[recent_posts num="3" post_format="standard" meta="false" thumb="true" excerpt_count="20"]

Descripción: muestra los mensajes recientes y se pueden configurar con las siguientes opciones (tipo de mensaje, número de mensajes, formato del mensaje, longitud del fragmento, título del botón y otras).


Recent Testimonials
[recenttesti num="2" thumb="true"]

Descripción: muestra el número indicado de mensajes Testimoniales, incluye la capacidad de mostrar/ocultar los mensajes con imágenes y gestiona el recuento de palabras.


Banner
[banner img="#" banner_link="#" title="Title" text="Text" btn_text="Button" target="_self"]

Descripción: se utiliza para mostrar un bloque con texto estático y/o una imagen, título, enlace, etc.


Comments
[recent_comments num="5"]

Descripción: muestra los últimos comentarios.


Post Cycle
[post_cycle num="5" type="blog" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]

Descripción: muestra compacta de diferentes mensajes en vista de mini-control-deslizante.


Carousel (Elasti)
[carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes" min_items="3"]

Descripción: muestra los mensajes en vista de carrusel, tiene varias opciones adicionales.


Carousel (OWL)
[carousel_owl title="Title" post_type="blog" posts_count="5" visibility_items="3" thumb="yes" thumb_width="200" thumb_height="200" date="yes" author="yes" comments="no" excerpt_count="10" display_navs="yes" display_pagination="yes"]

Descripción: muestra los mensajes en vista de carrusel, tiene varias opciones adicionales.


Roundabout
[roundabout title="Title" num="3" type="blog"]

Descripción: Roundabout es un plugin de jQuery que convierte una estructura de elementos HTML estáticos en un espacio interactivo-giratorio altamente personalizable.


Service Box
[service_box title="Title" icon="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal" target="_self"]

Descripción: se utiliza para mostrar bloques de información que incluyen título, icono, texto, botón. La característica principal de este código corto es la existencia de iconos de pre-instalados.


Hero unit
[hero_unit title="Title" text="Text" btn_text="Button" btn_link="#" btn_style="default" btn_size="normal" target="_self"]

Descripción: se utiliza para mostrar información importante del sitio web, promociones, etc. Normalmente se encuentra en la página principal, justo después de la cabecera.


Categories
[categories class="plus"]

Descripción: se utiliza para mostrar las categorías.


Tags
[tags]

Descripción: se utiliza para mostrar las etiquetas.


Columnas

Grid Columns (span1-12)
[span#] [/span#] 

Descripción: se utiliza para la creación de elementos de estructura de rejilla, donde # es un número de 1 a 12, que define el ancho del elemento.


[row]
[span6] Su contenido... [/span6]
[span6] t... [/span6]
[/row]

Nota, cuando se crea una tabla, debe "envolver" los elementos de la tabla en el código corto [row]:


Fluid Columns (one_half, one_third...)
[one_half] [/one_half] 

Descripción: utilizado para formar elementos de la tabla, donde el ancho de los elementos de la tabla se define por %.


[row_fluid]
[five_sixth] Su contenido... [/five_sixth]
[one_sixntent... [/one_sixth]
[/row_fluid]

Nota, cuando se crea una tabla fluida debe "envolver" los elementos de la tabla en el código corto [row_fluid]:


Varias Columnas (75% / 25%, etc.)
[row]
[span8] t... [/span8]
[span4] Su contenido... [/span4]
[/row]

Varias columnas de códigos cortos se utilizan para simplificar la creación de contenido mediante la inserción de las variantes más comunes de tabla.


Clases personalizadas
[row custom_class="custom-row"]
[span8 custom_class="custom-span8"] contenido [/span8]
[span4 custom_class="custom-span4"] contenido [/span4]
[/row]

También puede añadir clases personalizadas para los códigos cortos a categorías de columnas. Esto amplía las opciones de personalización para bloques específicos.


Elementos

Etiquetas
[label style="default"]etiqueta[/label]

Descripción: se utiliza para mostrar una etiqueta con un estilo predefinido.


Highlight
[highlight]Texto[/highlight]

Descripción: se utiliza para resaltar el fragmento de texto elegido.


Button
[button text="Text" link="#" style="default" size="normal" target="_self" display="inline" icon="no"] 

Descripción: se utiliza para insertar un botón con distintas configuraciones de visualización (estilo, tamaño, icono, etc).


Dropcap
[dropcap]L[/dropcap] 

Descripción: se utiliza para mostrar una letra mayúscula.


Icon
[icon image="#" align="left"]

Descripción: se utiliza para mostrar un icono.


Regla horizontal
[hr] 

Descripción: se utiliza para mostrar una línea horizontal.


Regla horizontal pequeña
[sm_hr] 

Descripción: se utiliza para mostrar una línea horizontal alternativa con un margen más pequeño.


Regla vertical
[vr] 

Descripción: se utiliza para mostrar una línea vertical.


Espaciado (Spacer)
[spacer] 

Descripción: se utiliza para definir el espaciado vertical entre elementos.


Barra de progreso
[progressbar value="20" type="info" grad_type="vertical" animated="no"]  

Descripción: se utiliza para mostrar un indicador del estado de un proceso.


Address
[address] Su dirección aquí [/address] 

Descripción: se utiliza como contenedor para la dirección.


Clear
[clear] 

Descripción: se utiliza para reiniciar el flujo alrededor del elemento.


Lists shortcodes (unstyled, check, check2, arrow, arrow2, star, plus, minus)
[check_list] Listar aquí ... [/check_list] 

Descripción: un conjunto de códigos cortos usado para mostrar varias listas de estilos. Cada código corto implementa su propio marcador para los elementos de la lista.


Extra Wrap
[extra_wrap][/extra_wrap]

Descripción: Código corto para envolver el contenido con el bloque con overflow:hidden.


Content Box
[content_box custom_class="custom_content_box"][/content_box]

Descripción: Código corto para envolver el contenido con el bloque con pseudo clases :before y :after para mostrar un bloque de ancho completo.

Otros

Vista Previa de Vídeo
[video_preview post_url="http://demolink.org/blog/video-post-type/" title="yes" date="yes" author="yes"]

Descripción: se utiliza para insertar vista previa de videos, los cuales se pueden cargar desde servicios externos (youtube, vimeo) o desde su sitio web (auto-hospedado).

Mensajes de alerta - Alert Boxes (mensaje, información, éxito, advertencia)
[alert_box style="message" close="yes"]¡Hola Mundo![/alert_box]

Descripción: un conjunto de códigos cortos usado para mostrar los mensajes de servicio.


Well
[well size="well-normal"] Su texto aquí... [/well]

Descripción: se utiliza para insertar un contenedor estilizado.


Small
[small] Su texto aquí... [/small]

Descripción: se utiliza para insertar un bloque de texto con un tamaño de letra más pequeño.


Cuadro de título (Title Box)
[title_box title="Title" subtitle="subtitle text" icon="#"]

Descripción: se utiliza para mostrar un título doble: título principal y subtítulo.


Pestañas (Tabs)
[tabs direction="top" tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1] Contenido de la pestaña 1... [/tab1] [tab2] Contenido de la pestaña 2... [/tab2] [tab3] Contenido de la pestaña 3... [/tab3] [/tabs]

Descripción: se utiliza para mostrar el contenido organizado en pestañas. Las pestañas pueden tener contenido estático y dinámico.


Accordion
[accordions] [accordion title="title1" visible="yes"] tab content [/accordion] [accordion title="title2"] another content tab [/accordion] [/accordions]

Descripción: se utiliza para mostrar un acordeón - plegar los paneles con títulos.


Table
[table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some title 1 [/td2] [td3] some value 1 [/td3] [/table]

Descripción: se utiliza para mostrar una tabla.


URL de la Plantilla
[template_url]

Descripción: muestra el enlace a su página web.


Mapa del Sitio
[site_map title="Sitemap" type="Lines" custom_class="custom_class"]

Descripción: código corto que muestra el mapa del sitio.


Google Map
[map src="#" width="300" height="200"]  

Descripción: Añade Google Maps a la página. Para hacer que este código corto funcione debe insertar el vínculo con las coordenadas necesarias del sitio de Google.


Google Map Api
[google_map_api lat_value="45" lng_value="-80" zoom_value="8" zoom_wheel="no" custom_class="custom-class "]

Descripción: le permite añadir y personalizar Google Maps API. Encuentre la descripción detallada de la configuración de Google Maps en Google Maps JavaScript API.


Tabla de precios

[chp_pricing_table columns="3" labelled="yes"] 

[chp_pricing_column_label title="Features"]
[chp_pricing_row_label odd="true"] Etiqueta 1 [/chp_pricing_row_label]
[chp_pricing_row_label] Etiqueta 2 [/chp_pricing_row_label]
[chp_pricing_row_label odd="true"] Etiqueta 3 [/chp_pricing_row_label]
[chp_pricing_row_label] Etiqueta 4 [/chp_pricing_row_label]
[/chp_pricing_column_label]

[chp_pricing_column title="Column 1" price="100" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Etiqueta 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Etiqueta 2 [/chp_pricing_row_label]
[chp_pricing_row] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Etiqueta 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Etiqueta 4 [/chp_pricing_row_label]
[chp_pricing_row] Su texto aquí [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[chp_pricing_column title="Column 2" highlight="true" highlight_reason="Most Popular" price="200" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Etiqueta 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Etiqueta 2 [/chp_pricing_row_label]
[chp_pricing_row] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Etiqueta 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Etiqueta 4 [/chp_pricing_row_label]
[chp_pricing_row] Su texto aquí [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[chp_pricing_column title="Column 3" price="300" currency_symbol="$" interval="Per Month"]
[chp_pricing_row_label] Label 1 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Label 2 [/chp_pricing_row_label]
[chp_pricing_row] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Label 3 [/chp_pricing_row_label]
[chp_pricing_row odd="true"] Su texto aquí [/chp_pricing_row]
[chp_pricing_row_label] Label 4 [/chp_pricing_row_label]
[chp_pricing_row]Su texto aquí [/chp_pricing_row]
[button text="Sign Up" link="#" style="default" size="normal" target="_self" display="inline" icon="no"]
[/chp_pricing_column]

[/chp_pricing_table]
        

Descripción: se utiliza para mostrar una lista de precios.


Audio / Vídeo

Descripción: WordPress 3.6 + tiene un gran soporte para incorpor videos de YouTube y Vimeo, pero si quieres reproducir un video o un archivo de audio, como un MP3 o MP4, que se encuentra en un servidor, es necesario utilizar algún tipo de reproductor de forma que el archivo aparezca como multimedia en vez de un enlace. Leer Más

El proceso es similar al de insertar una imagen en el contenido de un mensaje:
  1. Agregar o editar una página o mensaje.
  2. Haga clic en el contenido, donde desea que aparezca el reproductor, luego pulse en Añadir Medios arriba del editor de contenidos.
  3. Haga clic en Subir Archivos.
  4. Suba un archivo de audio o vídeo.
  5. Asegúrese de que el archivo que ha subido está seleccionado, entonces en Configuración de visualización del archivo adjunto, configure Incrustado o Enlace a "Reproductor de medios incrustado."
  6. Click Insertar en la página.

WordPress ha insertado un código corto para el audio o el video que será reemplazado por el reproductor.

Tal vez has subido un archivo de audio o vídeo a otro servidor, por ejemplo, a Amazon S3 o un servicio de alojamiento de archivos. Solo tienes que introducir la URL de su archivo (no vinculada) en una línea de su propio medio. Por ejemplo, si desea insertar un vídeo de YouTube. Simplemente pegue esto en su contenido en una línea propia y el reproductor de YouTube se mostrará automaticamente cuando lo publique. Asegúrese de que la URL no está vinculada.

http://www.youtube.com/watch?v=mmRPSoDrrFU

Esa simple línea anterior se convierte en esto:

Plugins y Widgets personalizados

Plugins

Nota: su tema podría no contener algunos de los plugins que se indican a continuación.

Formulario de Contacto 7

Descargar: http://wordpress.org/extend/plugins/contact-form-7/
Descripción: Formulario de contacto para la página de contacto.

Newsletter Sign-Up

Descargar: http://wordpress.org/plugins/newsletter-sign-up/
Descripción: Añade varias formas para que sus visitantes se suscriban a su lista de correo (casilla de verificación, widget, formulario).

Cherry MediaParallax Plugin

Descripción: este plugin le permite definir una imagen o vídeo de fondo al contenido de la página y cambiar su aspecto mediante características de parallax (desplazamiento en relación al resto del contenido de la página).

Cargar Contenido: Debería subir archivos a la biblioteca de medios en los siguientes formatos de archivo de vídeo: mp4, webm, ogv y jpg para el póster.

Para configurar el vídeo de fondo, tienes que usar este código corto:

[cherry_media_parallax typemedia="video" buffer_ratio="1.5" src_mp4="video.mp4" src_webm="video.webm" src_ogv="video.ogv" src_poster="video.jpg" custom_class="custom-class"]Text[/cherry_media_parallax]
  • typemedia: - tipo de archivo (configurado por defecto)
  • buffer_ratio: - valor numérico que representa el número de veces que el bloque con parallax es más grande que el contenedor.
  • src_mp4: - nombre del archivo “.mp4”
  • src_webm: - nombre del archivo “.webm”
  • src_ogv: - nombre del archivo “.ogv”
  • src_poster: - nombre del archivo “.jpg”
  • custom_class: - clase css personalizada del código corto

Para configurar la imagen de fondo, tienes que usar este código corto:

[cherry_fixed_parallax src_poster="image.jpg" offset_value="yes" fixed_value="no" invert_value="yes" custom_class="custom_class"]Text[/cherry_fixed_parallax]
  • src_poster: - nombre del archivo “.jpg”
  • offset_value: - la imagen de fondo cambia en la página de desplazamiento (valores: sí / no)
  • fixed_value: - correcciones de la imagen con respecto a la ventana del navegador (valores: sí / no)
  • invert_value: - invertir desplazamiento vertical (valores: sí / no)
  • custom_class: - clase css personalizada del código corto

Cherry BgSlider Plugin

Descripción: este plugin le permite crear un deslizamiento con efecto parallax y colocarlo en el fondo de las páginas. Las diapositivas y su contenido deben ser editados en la sección Dashboard -> Slides.

Importante: Las opciones configuradas en Dashboard -> Cherry Options -> Slider Settings no afectaran a este control deslizante.

Debería utilizar el siguiente código corto para mostrar cuadros de texto y la información de paginación:

[cherry_bgslider pagination="true" navigation="true" custom_class="custom-class"] 
  • pagination: - define la visualización de paginación (valores: verdadero / falso)
  • navigation: - define la visualización del botón de navegación (valores: verdadero / falso)
  • custom_class: - clase css personalizada del código corto

Cherry Parallax Plugin

Descripción: este plugin le permite establecer una imagen de fondo con efecto de parallax (desplazamiento en relación al resto del contenido de la página).

Para poder utilizar este plugin tiene que insertar el siguiente código corto:

[cherry_parallax image="wp-content/uploads/../../image.jpg" width="1920" speed="2" custom_class="custom-class"]Text[/cherry_parallax]
  • image: - URL de la imagen de fondo (campo requerido)
  • width: - número entero, ancho de la imagen de fondo (establecido en 1920 por defecto)
  • speed: - valor numérico (distinto 0), velocidad de desplazamiento de la imagen con respecto al contenido de la página, cuanto menor sea el número, más rápido será el desplazamiento de la imagen
  • custom_class: - clase css personalizada del código corto

Cherry Lazy Load Boxes Plugin

Descripción: este plugin permite visualizar el aspecto del contenido en la página de desplazamiento.

Para poder utilizar este plugin tiene que insertar el siguiente código corto:

[lazy_load_box effect="slidefromright" speed="800" delay="200" custom_class="custom-class"]Text[/lazy_load_box]
  • effect: - apariencia del efecto, valores: desvanecer, hacia arriba, deslizar desde la izquierda, deslizar desde la derecha, acercar, alejar, rotar, sesgar
  • speed: - velocidad de la animacion (milisegundos)
  • delay: - tiempo antes de que el elemento aparezca (puede ser utilizado por 2-3 elementos consecutivos si necesita animarlos de uno en uno)
  • custom_class: - clase css personalizada del código corto

Cherry Parallax Plugin v1.0

Descripción: este plugin le permite establecer una imagen de fondo o vídeo a sus páginas de contenido y cambiar su aspecto mediante características de parallax (desplazamiento en relación al resto del contenido de la página).

Cargar Contenido: debería subir archivos a la biblioteca de medios en los siguientes formatos de archivo de vídeo: mp4, webm, ogv y jpg para el póster.

Para configurar la image de fondo, usted debe utilizar este código corto:

[cherry_parallax image="img.jpg" speed="normal" invert="false" custom_class="custom-class"]Text[/cherry_parallax]
  • image: - nombre del archivo “.jpg”
  • speed: - velocidad de la animación (valores: ninguno, lenta, normal, rápida, ajustada)
  • invert: - invertir la dirección de desplazamiento del fondo
  • custom_class: - clase css personalizada del código corto

Para configurar el video de fondo, usted debe utilizar este código corto:

[cherry_video_parallax webm="video.webm" ogv="video.ogv" mp4="video.mp4" speed="none" invert="false" poster="video_poster.jpg" custom_class="custom-class"]Text[/cherry_video_parallax]
  • webm: - nombre del archivo “.webm”
  • ogv: - nombre del archivo “.ogv”
  • mp4: - nombre del archivo “.mp4”
  • poster: - nombre del archivo “.jpg”. Se mostrará mientras el navegador esta descargando una parte del vídeo.
  • speed: - velocidad de la animación (valores: ninguno, lenta, normal, rápida, ajustada)
  • invert: - invertir la dirección de desplazamiento del fondo
  • custom_class: - clase css personalizada del código corto

Cherry Single Carousel

Descripción: este plugin permite añadir un carrusel con efecto parallax (desplazamiento en relación al resto del contenido de la página) al contenido de la página.

[cherry_single_carousel title="Title" type="portfolio" posts_count="-1" movement="15" parallax="true" buffer_ratio="1.5" pagination="true" controls="true" autoplay="false" autoplay_delay="3000" stop_on_mouse_over="false" fullwidth="true" excerpt_count="35" custom_class="custom-class"]
  • title: - título del carrusol
  • type: - tipo de mensajes que se visualizan como diapositivas
  • posts_count: - número de mensajes ("-1" - se mostrarán todos los mensajes "valor numérico entero positivo" - indique el número de diapostivas a mostrar)
  • movement: - desplazamiento de imágenes en transición configurado en %
  • parallax: - habilita el efecto parallax (verdadero / falso)
  • buffer_ratio: - coeficiente de parallax, si parallax=”true” (valores: de 1 a 10)
  • pagination: - mostrar paginación (verdadero / falso)
  • controls: - mostrar botones de páginación (verdadero / falso)
  • autoplay: - reprudcción autómatica (verdadero / falso)
  • autoplay_delay: - pausa en reproducción automática, solo si autoplay=”true”
  • stop_on_mouse_over: - parar reproducción automática al pasar el ratón por encima, solo si autoplay=”true”
  • fullwidth: - define si el carrusel se debe mostrar en todo el ancho de la ventana del navegador (verdadero / falso)
  • excerpt_count: - número de palabras del mensaje
  • custom_class: - clase css personalizada del código corto

Widgets

Los siguientes widgets también se utilizan en el tema:

Cherry - Recent Comments

Displays recent comments in a more convenient format. The given widget includes the following options:

  • Title: - widget Title
  • Number of comments to show: - number of comments to show
  • Display avatar: - display avatar
  • Avatar size (px): - You can choose avatar size
  • Display the comment author: - display the comment author
  • Display the comment date: - display the comment date
  • Display post title: - display post title
  • Meta format: - the output format of meta data
  • Custom CSS class: - widget custom class

Cherry - Mensajes Recientes

Muestra sus mensajes recientes. También puede mostrar mensajes personalizados de ciertas categorías y agregar el enlace Leer Más. El Widget contiene las siguientes opciones:

  • Título: - Título del Widget
  • Categoría Slug: - Mensaje de la categoría slug.
  • Formato del mensaje: - Elegir el formato en el que se muestran los mensajes.
  • Orden de los mensajes: - Puede elegir el orden en el que se muestran los mensajes.
  • Mensajes por página: - Número de mensajes a mostrar.
  • Longitud del fragmento (palabras): - longitud del fragmento (el número de palabras).
  • Texto del enlace: - el texto del enlace que aparece después de los mensajes recientes.
  • URL del enalce: - el enlace URL que aparece después de los mensajes recientes.

Cherry - Ciclo Avanzado

Este widget de múltiples funciones se utiliza para mostrar los diferentes tipos mensaje incluyendo las mensajes del blog. Es Altamente personalizable, tiene la funcionalidad de cambiar la configuración de visualización. Este widget tiene las siguientes opciones:

  • Título: - Título del Widget
  • Tipo de mensaje: - elegir el tipo de mensaje
  • Número de mensajes a mostrar: - el número de mensajes
  • Ordenar por: - opción de selección de mensajes
  • Orden inverso (ascendente): - orden inverso
  • Mostrar el número de comentarios - mostrar el número de comentarios
  • Mostrar los metadatos - mostrar los metadatos
  • Clase contenedora: - clase wrapper. Ajustada en featured_custom_posts por defecto.
  • Mostrar título del mensaje - mostrar título del mensaje
  • Fecha como título - para usar la fecha en lugar del título
  • Antes del título: - código HTML personalizado antes del título
  • Después del título: - código HTML personalizado después del título
  • Mostrar fragmento del mensaje - mostrar fragmento
  • Longitud del fragmento (palabras) - longitud del fragmento (el número de palabras)
  • Fragmento como enlace - convertir el fragmento en un enlace
  • Mostrar el enlace "Más" - mostrar el enlace Más después del mensaje
  • Texto del enlace: - texto del enlace
  • Clase del enlace: - Clase CSS para el enlace Más
  • Mostrar miniatura del mensaje - mostrar miniatura del mensaje
  • Ancho: - ancho de la imágen
  • Alto: - alto de la imágen
  • Miniatura como enlace - convertir la imágen en un enlace
  • Mostrar enlace global para todos los mensajes - Mostrar enlace global para todos los mensajes
  • Texto del enlace: - el texto del enlace proporcionado
  • URL del enlace: - URL del enlace.

Cherry - Redes Sociales

Este es el widget que permite vincular sus cuentas de redes sociales. El widget tiene las siguientes opciones:

  • Título: - Título del Widget
  • URL de Facebook, URL de Twitter, URL de Flickr, etc. - los enlaces a sus cuentas de redes sociales
  • Visualización: la forma en la que se muestran los iconos
    • Iconos - solo iconos
    • Etiquetas - solo texto
    • Ambos - iconos y texto.

Cherry - Anuncios de 125x125

Este es el widget que le permite mostrar un conjunto de anuncios. El widget tiene las siguientes opciones:

  • Título: - Título del Widget
  • Enlace d la imágen del anuncio: - ruta a la imágen del anuncio
  • Añadir enlace: - El enlace a su anuncio.

Cherry - Flickr

Este widget te permite mostrar fotos de su galería de Flickr. Contiene las siguientes opciones:

  • Título: - Título del Widget
  • Identificador de Flickr: - Su identificador de flickr
  • Contador de imagenes: - el número de fotos a mostrar
  • Texto del enlace: - el texto del enlace a las fotografías de flickr.

Cherry - vCard

This widget allows you to display information about your company or about you. It contains the following options:

  • Title (optional): - Widget Title
  • Google Map: - display map
  • HTML map code: - field to enter HTML code Google maps
  • Street Address: - put your street address here
  • City/Locality: - enter your city or location here
  • State/Region: - enter your state or region here
  • Zipcode/Postal Code: - enter your zipcode or postal code here
  • Telephone: - telephone number
  • Email: - your email.
  • Meta format: - the output format of meta data
  • Custom CSS class: - widget custom class

Cherry - Post Cycle

Este widget te permite mostrar información sobre su empresa o sobre usted. Contiene las siguientes opciones:

  • Título (opcional): - Título del Widget
  • Tipo de mensaje: - Elegir formato del mensaje
  • Categorías: - Elegir categorías para mostrar sus mensajes
  • Contador de mensajes: - número de mensajes mostrados
  • Ancho de la miniatura (en pixels): - ancho de la miniatura del mensaje
  • Alto de la miniatura (en pixels): - alto de la miniatura del mensaje
  • Mostrar títulos: - mostrar título del mensaje
  • Mostrar fecha: - mostrar fecha del mensaje
  • Mostrar autor: - mostrar autor
  • Mostrar comentarios: - mostrar comentarios del mensaje
  • Mostrar fragmentos: - mostrar fragmento del mensaje
  • Contar palabras del fragmento: - número de palabras mostradas en el fragmento
  • Texto del botón Más: - texto del botón Más
  • Velocidad de la presentación (in seg.): - velocidad de la presentación en segundos
  • Flechas: - mostrar flechas de desplazamiento
  • Paginación: - mostrar control deslizante de paginación
  • Clase CSS personalizada: - clase del widget personalizada

Cherry - Banner

Este Widget se utiliza para mostrar un anuncio. Tiene las siguientes opciones :

  • Título (opcional): - Título del Widget
  • Descripción del anuncio: - descripción del anuncio
  • URL de la imágen: - imágen de fondo
  • Imágen de relleno: - opción para cambiar entre dos tipos de visualización del anuncio: cambiar el tamaño de la imagen para que se ajuste a las dimensiones del anuncio como un fondo o poner una imagen sobre el contenido del anuncio
  • URL del enlace: - URL del enlace
  • Clase CSS personalizada: - clase del widget personalizada

Cherry - Widget Facebook - Me Gusta

Este widget se utiliza para mostrar páginas de Facebook. Contiene las siguientes opciones:

  • Título (opcional): - Título del Widget
  • Enlace a la página de Facebook: - Enlace a su Página de Facebook
  • Ancho y Alto: - Tamaño del Widget
  • Combinación de colores: - Combinación de colores(Claro/Oscuro)
  • Mostrar encabezado: - activar/desactivar encabezado
  • Mostrar caras: - activar/desactivar caras
  • Mostrar orígenes: - activar/desactivar origen
  • Mostrar bordes: - activar/desactivar borde
  • Clase CSS personalizada: - clase del widget personalizada

Cherry - Instagram

Este widget se utiliza para mostrar los mensajes recientes de Instagram. Contiene las siguientes opciones:

  • Título (opcional): - Título del Widget
  • Nombre de usuario: (campo obligatorio) - Nombre de usuario de Instagram (el Widget sólo funcionará para los usuarios que hayan abierto su derechos en su cuenta Instagram.)
  • Número de imagenes mostradas: - Número de imagenes mostradas (Valor Max: 20 imagenes.)
  • Dimensiones de la imágen: - el tamaño de la imagen mostrada (Grande/Miniatura)
  • Mostrar descripción de la imágen: - activar/desactivar descripción de la imágen
  • Mostrar número de comentarios: - activar/desactivar número de comentarios
  • Mostrar número de me gustas: - activar/desactivar número de me gustas
  • Mostrar fecha de publicación de la imágen: - activar/desactivar fecha de publicación de la imágen
  • Mostrar URL de la imágen: - activar/desactivar URL de la imágen
  • Texto del botón de la cuenta del usuario: - texto del enlace al perfil de Instagram
  • Clase CSS personalizada: - clase del widget personalizada

Cherry - Twitter Embed

Este widget permite visualizar las entradas recientes (Tweets). Tiene las siguientes opciones:

  • Título del Widget: - título del widget
  • Widget ID: - escriba su ID widget aquí. Primero es necesario crear un nuevo widget aquí. Luego, inserte el ID del widget en el campo apropiado.
  • Nombre de Usuario: - nombe de usuario de Twitter.
  • Colores: - colores (claro/oscuro)
  • Clase CSS personalizada: - clase css personalizada del widget

Cherry - Pinterest Embed

Este widget permite mostrar colecciones. Tiene las siguientes opciones:

  • Título del Widget: - título del widget
  • Enlace del Usuario de Pinterest: - introduzca el enlace a la cuenta de Pinterest
  • Clase CSS personalizada: - Clase css personalizada del widget

Opciones de Cherry

El siguiente tema contiene una opción de ajustes. Estos ajustes le permiten cambiar la paleta de colores del tema, el orden de los elementos, activar o desactivar elementos y hacer muchas otras cosas. Para utilizar estas opciones, por favor vaya a Apariencia → Opciones de Cherry.

General

  • Diseño del cuerpo - usted puede seleccionar el color de la cuerpo y el patrón de fondo.
  • Estilo de diseño: - usted puede seleccionar el diseño de su sitio (ancho/estilo de cajas)
  • Diseño del encabezado: - Diseño de la imágen de fondo del encabezado y color de relleno.
  • Color de botones y enlaces - Color de botones y enlaces.
  • Color de botones y enlaces al pasar por encima - Color de botones y enlaces al pasar por encima.
  • Texto de cuerpo - Usted puede elegir su fuente preferida para el texto del cuerpo. Las siguientes opciones están disponibles para modificar las fuentes:
    1. Tamaño de fuente
    2. Alto de linea
    3. Familia de la fuente
    4. Estilo de la fuente (normal, negrita, cursiva)
    5. Juego de caracteres (Latín, Griego, Cirílico, etc.)
    6. Color

    Nota: Las fuentes marcadas con un * indican que se pueden cargar desde la biblioteca de Google Web Fonts.

  • Encabezados H1-H6 - Usted puede elegir su fuente preferida para los encabezados y títulos. Las siguientes opciones están disponibles para modificar las fuentes:
    1. Tamaño de fuente
    2. Alto de linea
    3. Familia de la fuente
    4. Estilo de la fuente (normal, negrita, cursiva)
    5. Juego de caracteres (Latín, Griego, Cirílico, etc.)
    6. Color

    Nota: Las fuentes marcadas con un * indican que se pueden cargar desde la biblioteca de Google Web Fonts.

  • ¿Mostrar cuadro de busqueda? - mostrar/ocultar la barra de busqueda en la cabecera.
  • Mostrar indicaciones? - mostrar/ocultar indicaciones en las páginas.
  • CSS persoanlizado - si es necesario agregar algunas reglas CSS, pero usted no quiere meterse con el archivo principal CSS, puede utilizar este campo. Basta con insertar sus nuevas reglas CSS.
  • Live Chat account ID - Your Olark live chat account ID

Logo & Favicon

  • ¿Qué tipo de logotipo? - indica qué tipo de logotipo va a utilizar, el texto o la imágen del logotipo.
  • URL del logotipo - con la imágen del logotipo seleccionada, puede cargar una nueva imagen con la ayuda de la función 'cargar' o utilizar cualquier imagen de la biblioteca multimedia.
  • Tipografía del logotipo - Puede elegir su fuente preferida para el logotipo de texto. Las siguientes opciones están disponibles para modificar las fuentes:
    1. Tamaño de fuente
    2. Alto de linea
    3. Familia de la fuente
    4. Estilo de la fuente (normal, negrita, cursiva)
    5. Juego de caracteres (Latín, Griego, Cirílico, etc.)
    6. Color

    Nota: un asterisco * cerca de la fuente significa que la fuente se carga desde la biblioteca de Google Web Fonts.

  • Favicon - puede cargar el nuevo favicon con la ayuda de la función de 'cargar' o utilizar cualquier imagen de la biblioteca multimedia.

Control deslizante

La altura del control deslizante puede definirse en "wp-content/themes/theme###/slider.php". Modifique el valor de "height" en el array $slider_default_params.

Desactivar Control deslizante

Puede desactivar el control deslizante.

Presentación
  • Efecto de deslizamiento - efecto de transición al deslizar
  • Ordenar por parametro - ordenar los mensajes recuperados por parámetro (ordenar por)
  • Criterio de ordenación - criterio de ordenación de los mensajes
  • Número de columnas - número de columnas
  • Número de filas - número de filas
  • Efecto del anuncio - elegir el tipo de animación del anuncio
  • Tiempo de pausa - tiempo de pausa (ms)
  • Velocidad de animación - velocidad de animación (ms)
  • Presentación - ¿Animar presentación automáticamente?
  • Miniaturas - ¿Mostrar miniaturas?
  • Paginación - ¿Mostrar paginación?
  • Navegación Siguiente & Anterior - ¿Mostrar los textos de navegación siguiente y anterior?
  • ¿Mostrar Navegación Siguiente & Anterior solo al pasar por encima? - Si elige "sí", el botón de navegación (los botones anterior, siguiente, y reproducir/detener) serán visible solo cuando pase por encima del objeto si elige 'no', siempre estarán visible.
  • Botón Reproducir/Pausa - ¿Mostrar el botón Reproducir/Pausa?
  • Cargador - cargador del control deslizante.
Acordeon
  • Diapositivas a mostrar - Seleccione las diapositivas que desea mostrar en la barra de desplazamiento. Si no se selecciona ninguna de diapositivas, se mostrarán todas las diapositivas.
  • Ordenar por parametro - ordenar los mensajes recuperados por parámetro (ordenar por)
  • Criterio de ordenación - criterio de ordenación de los mensajes
  • Presentación - ¿Animar el control deslizante automáticamente?
  • Pausar al poner el ratón encima - La reproducción automática se detendrá brevemente al pasar el ratón sobre el control deslizante.
  • Tiempo de pausa - tiempo de pausa (ms).
  • Velocidad de animación - velocidad de animación (ms).
  • Animación de ralentización - Puede elegir diferentes tipos de animación ralentización para la transición de diapositivas.
  • Eventos de ratón para la transición de diapositivas - Puede elegir diferentes tipos de eventos de ratón para la transición de diapositivas.
  • Diapositiva activa -Ajuste el número de diapositivas que estarán activos por defecto. Si el valor es 0, todas las diapositivas serán del mismo ancho cuando se carga una página.

Blog

  • Título del Blog - Título del blog utilizado en la página Blog
  • Título de mensajes relacionados - Título del blog usado en la página de mensaje simple para los mensajes relacionados
  • Diseño del Blog - elegir el diseño del blog
  • Tamaño de imágen en el Blog - el tamaño de imagen (Normal o Grande) para la página del Blog
  • Tamaño de imágen de mensaje simple - el tamaño de imagen (Normal o Grande) para la página de mensaje simple
  • ¿Mostrar el botón compartir en un mensaje simple? - mostrar el botón compartir en un mensaje simple
  • ¿Deberían cargarse las imágenes mientras se desplaza por la página? - puede activar la carga de las imágenes sólo cuando usted se desplaza por la página. De lo contrario, las imágenes se cargarán todas a la vez.
  • ¿Activar fragmentos para mensajes del blog? - mostrar fragmentos para mensajes
  • Texto del botón para los menajes del blog. - texto del botón para los menajes del blog
  • Ver metadatos del blog - seleccionar el tipo de bloque de metadatos que se mostrará en las páginas del blog y mensajes
  • Fecha de publicación del mensaje - ¿Debería mostrarse la fecha de publicación?
  • Autor del mensaje - ¿Mostrar el autor del mensaje?
  • Enlace directo al mensaje - ¿Debería mostrarse un enlace directo al mensaje?
  • Categorías - ¿Debería mostrarse la categoría del mensaje?
  • Etiquetas - ¿Deberían mostrarse las etiquetas del mensaje?
  • Número de comentarios - ¿Debería mostrarse el número de comentarios del mensaje?
  • Número de vistas - ¿Debería mostrarse el número de vistas del mensaje?
  • Número de me gustas - ¿Debería mostrarse el número de me gustas del mensaje?
  • Número de no me gustas - ¿Debería mostrarse el número de no me gustas del mensaje?

Catálogo

  • Filtro - Filtrar el catálogo.
  • ¿Mostrar Título? - Activar o desactivar el titulo para el catálogo.
  • ¿Mostrar Fragmento? - Activar o desactivar los fragmentos para el catálogo.
  • Palabras del fragmento - Longitud del fragmento (palabras).
  • ¿Mostrar botón? - Activar o desactivar el botón para el catálogo.
  • Diseño - El catálogo tiene diferentes modos de diseño. Puede configurar y cambiar el modo de diseño con esta opción.
  • Catálogo a 2 columnas - Número de artículos del catálogo para la plantilla a 2 columnas.
  • Catálogo a 3 columnas - Número de artículos del catálogo para la plantilla a 3 columnas.
  • Catálogo a 4 columnas - Número de artículos del catálogo para la plantilla a 4 columnas.

Opciones Adicionales

Las siguientes secciones son opcionales. Es posible que no estén disponibles en algunos temas.

Logo en el Pie de Página

  • Ruta de la Imagen del Logo - Si usted tiene la opción de logo seleccionada, puede cargar una nueva imagen con el botón "upload" o elegir cualquier imagen de la biblioteca del sitio.

Contactos

  • Dirección - dirección.
  • Ciudad/Localidad - ciudad/localidad.
  • Código Postal - código postal.
  • Teléfono - número de teléfono del contacto.

Social

  • URL de Facebook - enlace a la página de Facebook.
  • URL de Google+ - enlace a la página de Google+.
  • URL de RSS - enlace a la página con las fuentes RSS.
  • URL de Pinterest - enlace a la página de Pinterest.
  • URL de Linkedin - enlace a la página de Linkedin.

Parallax Slider

Descripción: este bloque de opciones le permite crear un control deslizante con efecto parallax y lo coloca en la cabecera de la página.

Importante: Las opciones configuradas en Dashboard -> Cherry Options -> Slider Settings no afectan a este tipo de control deslizante.

El contenido devlas diapositivas debe ser editado en Dashboard -> Slides.

  • ¿Mostrar control deslizante con efecto Parallax? - indica si el control deslizante con parallax debe mostrarse (sí / no)
  • Efecto de deslizamiento - efecto de animación de transición deslizante (Desvanecer Simple, Zoom y Desvancer, Deslizar Hacia Arriba)
  • Slideshow - reproducción automática del control deslizante (sí / no)
  • Tiempo de pausa - el retraso entre las transiciones de diapositivas (en milisegundos)
  • Velocidad de la animación - velocidad de transición del control deslizante (en milisegundos)
  • Paginación - indica si la información de paginación debe mostrarse (sí / no)
  • Botones de navegación Anterior y Siguiente - indica si se deben mostrar los botones de navegación (si / no)

Parallax Slider v1.0

Descripción: este bloque de opciones le permite crear un control deslizante con efecto parallax y lo coloca en la cabecera de la página. Además, este control permite la inserción de diapositivas de vídeo de Youtube, Vimeo o cargados desde su ordenador en formato mp4, webm y ogv.

Importante: Las opciones configuradas en Dashboard -> Cherry Options -> Slider Settings no afectan a este control deslizante.

Inicialización de vídeo: Añadir archivos de vídeo en los siguientes formatos a la biblioteca del sitio: mp4, webm, ogv.

El contenido de las diapositivas debe ser editado en Dashboard -> Slides. Vaya a Dashboard -> Slides para añadir/inicializar imágenes or vídeos. Elija el Tipo de Diapositiva necesario:

  • Tipo de Imagen - le permite subir imágenes a las diapositivas
  • Tipo de Video en la Biblioteca - le permite subir vídeos locales a las diapositivas. Mediante esta opción, una sección adicional Vídeo de la Biblioteca aparecerá que incluye los campos correspondientes para la elegir vídeos en formato mp4, webm y ogv. Además, existe la posibilidad de activar el progreso de carga visual (Mostrar una barra de progreso de carga del vídeo).
  • Tipo de Vídeo de Youtube - le permite mostrar vídeos de Youtube en las diapositivas. Mediante esta opción, una sección adicional Vídeo de Youtube aparecerá. Debe indicar el ID del vídeo de Youtube en el campo necesario ID del Vídeo de Youtube.
  • Tipo de Vídeo de Vimeo - le permite mostrar vídeos de Vimeo en las diapositivas. Mediante esta opción, una sección adicional Vídeo de Vimeo aparecerá. Debe indicar el ID del vídeo de Vimeo en el campo necesario ID del Vídeo de Vimeo.

  • ¿Mostrar control deslizante con efecto Parallax? - indica si el control deslizante con parallax debe mostrarse (sí / no)
  • Efecto Parallax - permite configurar la imagen de fondo de desplazamiento relativa a la ventana del navegador (valores: ninguno, bajo, normal, alto, ajustado)
  • Invert Parallax Slider - invertir la dirección de desplazamiento del fondo (sí / no)
  • Efecto de deslizamiento - efecto de animación de transición deslizante (Desvanecer Simple, Zoom y Desvancer, Deslizar Hacia Arriba)
  • Slideshow - reproducción automática del control deslizante (sí / no)
  • Tiempo de pausa - el retraso entre las transiciones de diapositivas (en milisegundos)
  • Velocidad de la animación - velocidad de transición del control deslizante (en milisegundos)
  • Descripción del desplazamiento - el contenido se desplaza y cambia con transparencia (sí / no)
  • Paginación - indica si la información de paginación debe mostrarse (sí / no)
  • Botones de navegación Anterior y Siguiente - indica si se deben mostrar los botones de navegación (si / no)
:browse confirm wa

Video

Descripción: este bloque de opciones la permite insertar video en la cabecera o ajustarlo según tamaño de la ventana del navegador.

Media files initialization: Cargar archivos en los siguientes formatos a la biblioteca multimedia: mp4, webm, ogv y jpg.

  • Media type - elegir tipo de archivo (video / imagen)
  • Poster file name - imagen que se mostrará mientras se carga el vídeo. nombre del archivo “.jpg”
  • MP4 video file name - nombre del archivo “.mp4”
  • WEBM video file name - nombre del archivo “.webm”
  • OGV video file name - nombre del archivo “.ogv”
  • Show progressbar - mostrar una barra de progreso (sí / no)

Parallax Video

Descripción: este bloque de opciones permite colocar vídeo con efecto parallax.

Inicialización de archivos de la biblioteca: Cargar archivos en los siguientes formatos a la biblioteca multimedia: mp4, webm, ogv y jpg.

  • Media type - elegir tipo de archivo (video / imagen)
  • Poster file name - imagen que se mostrará mientras se carga el vídeo. nombre del archivo “.jpg”
  • MP4 video file name - nombre del archivo “.mp4”
  • WEBM video file name - nombre del archivo “.webm”
  • OGV video file name - nombre del archivo “.ogv”
  • Show progressbar - mostrar una barra de progreso (sí / no)
  • Parallax effect - indica el coeficiente de parallax ( ninguno / bajo / normal / alto / ajustado )
  • Invert Parallax - invertir la dirección de desplazamiento

Opciones de compra

  • Empty cart message - Mensaje predeterminado para vaciar el carrito de la compra en la cabecera de la aplicación
  • Products per page - Cantidad de productos del catálogo por página
  • Product title length limit - Número máximo de palabras que se mostrarán en el título del producto en la página del catálogo (dejar en blanco para mostrar el título completo)
  • Product description - Mostrar/ocultar la descripción del producto en la página de catálogo
  • Show details button on catalog page - Botón para mostrar/ocultar los detalles del producto en la página de catálogo
  • Display login links? - ¿Enlaces a la pantalla de inicio de sesión en el menú de la tienda?
  • User profile link - Título del enlace al perfil del usuario. Si utiliza la macro %username% esta será reemplazada con el nombre de usuario actual. Por ejemplo Sitio %username%
  • Logoff link - Título del enlace para cerrar sesión.
  • Registration link - Título del enlace de registro
  • Authentication link (login) - Título del enlace de autentificación (iniciar sesión)