Cherry Framework – Primeros Pasos

1. Primeros pasos
   • Instalación de Tema
   • Instalación de Plugins
   • Instalación de Datos de la muestra
2. Plantillas de página y barras laterales
3. Entradas, Categorías y Formatos de entradas
   • Agregar entrada
   • Agregar entrada de slider (Slide)
   • Agregar entrada de Cartera (Portfolio)
     • Elegir Formato de entrada de Cartera
   • Agregar entrada Testimonio
   • Agregar entrada Preguntas Más Frecuentes
   • Agregar entrada Nuestro equipo
   • Agregar entrada Servicios
4. Crear Página de Cartera (Portfolio)
5. Códigos cortos
6. Plugins y Widgets personalizados
7. Opciones de Cherry
8. Preguntas más frecuentes
9. Recursos útiles

Instalación de Tema

Hay dos formas de instalar un tema: a través del panel de administración de WordPress o por medio de FTP.

Subir a través del panel de WordPress:

El proceso de instalación incluye dos pasos: instalación de la estructura y instalación del tema. Ambos pasos son básicamente idénticos y muy fáciles.

1. Abra su panel de administración de WordPress (agregue /wp-admin después de su nombre de dominio en la barra de direcciones del navegador web).
2. Ahora encuentre Appearance > Themes > Install Themes (Apariencia > Temas > Instalar temas).
3. Haga clic en el enlace Upload (Subir).
4. Y suba su fichero CherryFramework.zip.
5. Ahora tiene que activar el tema. Haga clic en el enlace Activate (Activar).

Se puede revisar el tutorial ¿Cómo instalar un tema de WordPress a través del panel de administración?.

Usted ya ha instalado el framework. Después de esto, Usted tiene que realizar los mismos pasos para el tema: themeXXXX.zip

1. Abra Appearance > Themes > Install Themes (Apariencia > Temas > Instalar temas).
2. Haga clic en el enlace Upload (Subir).
3. Y suba su fichero themeXXXX.zip.
4. Ahora tiene que activar el tema. Haga clic en el enlace Activate (Activar).

Así, Usted ha instalado su framework y tema y ahora puede usarlos.

Para obtener la información más detallada, por favor visite la documentación oficial de WordPress, la sección “Instalación de WordPress”: http://codex.wordpress.org/Installing_WordPress

Subir por medio de ftp:

Vamos a examinar otra opción: con la ayuda del acceso de FTP del sitio y un cliente de FTP.

1. Hay que descomprimir los archivos CherryFramework.zip y themeXXXX.zip en cualquier carpeta en su disco duro.
2. Suba las carpetas CherryFramework y themeXXXX al servidor (al directorio /wp-content/themes/).
3. Abra su panel de administración de WordPress (agregue /wp-admin después de su nombre de dominio en la barra de direcciones del navegador web).
4. Ahora haga clic en Appearance > Themes (Apariencia > Temas).
5. En la sección Available Themes (Temas disponibles) encuentre themeXXXX y activelo haciendo clic en el botón Activate (Activar).

Instalación de Plugins

Para que este tema tenga la funcionalidad completa, Usted necesita instalar algunos plugins. Haga clic en Begin install plugin (Iniciar instalación de plugin).

Instalación de Datos de la muestra

Para que su sitio web de WordPress aparezca como en nuestra demostración en vivo, por favor, siga las instrucciones ofrecidas:

1. Haga clic en Cherry Options > Import (Opciones de Cherry > Importar) para iniciar el proceso de instalación de datos de la muestra .

2. Primero se le solicitará que suba el fichero widgets.json que contiene la configuración de widgets. Elija el fichero y haga clic en el botón Show widget settings (Mostrar configuración de widgets).

   Después de esto Usted podrá seleccionar los widgets que desea instalar. Se recomienda que instale todos los widgets sugeridos haciendo clic en Import Settings (Importar Configuración).

3. En el segundo paso se le solicitará que suba el fichero con la extensión .xml que contiene todos los datos de la muestra de plantilla (entradas, páginas, categorías, etc.) Elija el fichero, haga clic en el botón Upload File and Import (Subir Fichero e Importar) (Si Usted no quiere instalar los datos de la muestra de demostración, NO necesita este paso).

   Después de esto Usted tendrá que elegir el autor de entradas y las páginas que necesita importar. Haga clic en el botón Import Data (Importar datos) para iniciar el proceso.

   El proceso de importación de los datos de la muestra por lo general toma aproximadamente 2 minutos. Por favor, no termine este proceso.

   Al completar el proceso de importación, Usted recibirá una notificación de éxito. Haga clic en Finish (Finalizar).

4. Y el último paso es hacer clic en el botón Save Changes (Guardar cambios) para activar la estructura SEO-optimizado de permalinks.

Plantillas de página

• Default Template (una plantilla predeterminada de página en la barra lateral)
• Full Width Page (una plantilla de página con una sóla columna sin barra lateral)
• Home Page (una plantilla de página para Inicio/Home)
• Filter Folio 2 cols (una plantilla de página para mostrar una cartera de 2 columnas)
• Filter Folio 3 cols (una plantilla de página para mostrar una cartera de 3 columnas)
• Filter Folio 4 cols (una plantilla de página para mostrar una cartera de 4 columnas)
• Testimonials (una plantilla de página para mostrar entradas de testimonios)
• FAQs (una plantilla de página para mostrar entradas de preguntas más frecuentes)
• Archives (una plantilla de página para mostrar ficheros)

Posición en la barra lateral

• Sidebar – a la izquierda o a la derecha de las páginas
• Footer Area 1 – en la parte inferior de las páginas
• Footer Area 2 – …
• Footer Area 3 – …
• Footer Area 4 – en la parte inferior de las páginas.

Agregar categoría

Revise este artículo para obtener más información: http://codex.wordpress.org/Manage_Categories_SubPanel

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Post (Entrada).
3. Haga clic en Categories (Categorías) para las entradas del blog.
4. Escriba el nombre de su nueva categoría.
5. Haga clic en el botón Add New Category (Agregar nueva categoría).

Crear entradas

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Posts (Entradas).
3. Y haga clic en la pestaña Add New (Añadir nueva).
4. Escriba el contenido de su entrada. Para obtener más información sobre la adición de entradas, consulte el siguiente enlace http://codex.wordpress.org/Posts_Add_New_SubPanel
5. Y, por último, haga clic en el botón Publish (Publicar).

Formatos de entradas

Escoger un formato de entrada

Revise el siguiente enlace para obtener más información sobre los formatos de entrada: http://codex.wordpress.org/Post_Formats

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Post (Entradas).
3. Usted puede elegir el formato de entrada, haga clic en el botón Format (Formato).

Nota: Algunos de estos formatos tienen sus propias opciones. La configuración de opciones aparecerá debajo del editor de entradas.

En este tutorial se puede encontrar la lista de formatos disponibles de entrada, su descripción y ajustes.

Entrada ordinaria

Entrada ordinaria con los siguientes campos:

• Post title – título de entrada
• Post content – contenido de entrada
• Categories – categoría(s) de entrada
• Tags – etiquetas de entrada
• Featured Image – imagen de entrada
• y otros campos que Usted puede activar en la sección Screen Options (Opciones de pantalla), que se encuentra en la esquina superior derecha.

Formato de entrada a un lado

Es una versión simplificada de entrada ordinaria, en otras palabras, tiene sólo un campo de contenido y no deberá ingresar el título de la entrada y otros campos. Se llama también entrada-nota.

Formato de Entrada de Galería

La característica principal de este formato de entrada es la oportunidad de presentar un número ilimitado de imágenes adjuntas.

Para subir/adjuntar las imágenes, por favor haga clic en el botón Upload/Insert (Subir/Insertar), suba las imágenes necesarias, haga clic en Attach (Adjuntar) y en Save Changes (Guardar cambios).

El formato de entrada de galería tiene todos los campos ordinarios (título, contenido, categorías, etc).

Por favor, revise el tutorial ¿cómo crear una entrada de galería?.

Formato de Entrada de Enlace

Después de elegir el Formato de Entrada de Enlace obtendrá un campo adicional – URL, donde es necesario especificar el enlace (URL) de la página/recurso. El título de la entrada será utilizado como el texto del enlace.

Si Usted agrega algún contenido al campo de contenido de entrada, este texto será utilizado como una descripción de la página/recurso.

Formato de Entrada de Imagen

Formato de Entrada de Imagen – el formato de entrada que se basa en una sola imagen, subida a través de la opción Featured Image (Imagen destacada).
Al elegir este formato de entrada podrá desactivar la función de imagen de lightbox, seleccionando la configuración correspondiente en la opción Enable Lightbox (Activar lightbox).

Formato de Entrada de Cita

Entrada de Cita es una entrada con una cita. Se utiliza este formato para publicar una cita de alguna persona.

Al elegir este formato de entrada Usted obtendrá un campo adicional The Quote (Cita) – básicamente la cita y el campo Author (Autor) – el nombre del autor de la cita.

Formato de Entrada de Audio

Entrada de Audio es utilizado para publicar audio y contenido.

Con este formato de entrada obtendrá las siguientes opciones adicionales:

• Title – título
• Artist – autor/cantante
• Audio Format – formato
• Audio URL – enlace directo

Formato de Entrada de Vídeo

Entrada de Vídeo es utilizado para publicar el contenido de vídeo.

Con este formato de entrada obtendrá las siguientes opciones adicionales:

• Title – título
• Artist – autor
• URL #1 – enlace directo del clip en formato m4v
• URL #2 – enlace directo del clip en formato ogv
• Embedded Code – integración de vídeos, por ejemplo, de youtube, vimeo etc.

Añadir una Entrada de Slider (Slide)

Slides (Diapositivas) son entradas personalizadas http://codex.wordpress.org/Post_Types#Custom_Types lo que significa que son diferentes de las entradas ordinarias, como entradas de blog, entradas de cartera, etc. y permite gestionar el contenido del sitio web realmente fácil.

The following slider runs on Camera Slideshow

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Slider.
3. Y ahora haga clic en la pestaña Add New (Añadir nuevo).
4. Inserte su título.
5. Suba su imagen con la ayuda de la opción Featured Image (Imagen destacada) (haga clic en el enlace Set featured image (Configurar imagen destacada)).
6. Usted puede usar los siguientes campos para su slider:
   • Caption – campo de título de slide
   • URL – campo de URL de slide (se puede entrar un enlace externo).
7. Y haga clic en Publish (Publicar).

Añadir una Entrada de Cartera

Elementos de cartera son entradas personalizadas http://codex.wordpress.org/Post_Types#Custom_Types lo que significa que son diferentes de las entradas ordinarias, tales como entradas de blogs etc.

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Portfolio (Cartera).
3. Y ahora haga clic en la pestaña Add New (Añadir nueva).
4. Rellene todos los campos obligatorios (title (título), content (contenido)).
5. Suba su imagen con la ayuda de la opción Featured Image (Imagen destacada) (haga clic en el enlace Set featured image (Configurar imagen destacada)).
6. Haga clic en el botón Publish (Publicar).

Elegir Formato de Entrada de Cartera

Al añadir una entrada de cartera en este tema, se puede elegir uno de los tipos de entrada disponobles.

• Image – formato de entrada ordinaria de galería. Muestra solamente featured image (imagen destacada).
• Slideshow – galería del proyecto es mostrada como una presentación de diapositivas. Puede contener un número ilimitado de imágenes subidas y agregadas a la entrada.
• Grid Gallery – imágenes de entrada son mostradas como una galería. Puede contener un número ilimitado de imágenes subidas y agregadas a la entrada.
• Video – en este tipo de entrada se puede incrustar un vídeo desde cualquier hosting de vídeo (YouTube, Vimeo, etc).
• Audio – en este tipo de entrada se puede incrustar un enlace de audio.

Añadir una Entrada de Testimonio

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Testimonials (Testimonios).
3. Y ahora haga clic en la pestaña Add New (Añadir nuevo).
4. Rellene todos los campos obligatorios (title (título), content (contenido)).
5. Suba su imagen con la ayuda de la opción Featured Image (Imagen destacada) (haga clic en el enlace Set featured image (Configurar imagen destacada)).
6. Se puede usar los siguientes campos para este tipo de entrada:
   • Name – Nombre de autor
   • URL – Enlace de autor
   • Info – Información adicional
7. Haga clic en el botón Publish (Publicar).

Añadir una Entrada de Preguntas Más Frecuentes

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña FAQs (Preguntas frecuentes).
3. Y ahora haga clic en la pestaña Add New (Añadir nueva).
4. Ya que es un tipo de entrada con preguntas/respuestas, el título de la entrada es pregunta y el contenido es respuesta.
5. Haga clic en el botón Publish (Publicar).

Añadir una Entrada de Nuestro Equipo

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Our Team (Nuestro equipo).
3. Y ahora haga clic en la pestaña Add New (Añadir nueva).
4. Rellene todos los campos obligatorios (title (título), content (contenido)).
5. Suba su imagen con la ayuda de la opción Featured Image (Imagen destacada) (haga clic en el enlace Set featured image (Configurar imagen destacada)).
6. Se puede usar los siguientes campos para este tipo de entrada:
   • Position – puesto de persona
   • Info – información adicional
7. Haga clic en el botón Publish (Publicar).

Se puede añadir una página de cartera con la ayuda de plantillas de página.

1. Abra su panel de administración de WordPress (Dashboard).
2. Haga clic en la pestaña Pages (Páginas).
3. Haga clic en la pestaña Add New (Añadir nueva).
4. Escriba un nombre de su página, por ejemplo Portfolio page.
5. Elija una plantilla de su página (Filter Folio 2 cols, Filter Folio 3 cols o Filter Folio 4 cols en el menú desplegable Page Attributes (Atributos de página))
6. Haga clic en el botón Publish (Publicar).

Nota: Por favor no publique ningún contenido en el campo del editor si utiliza uno de los modelos de páginas.

Por favor, revise el tutorial ¿cómo agregar una página de cartera? y ¿cómo trabajar con una página de cartera?.

Código corto es una herrameinta potente de creación de contenido http://codex.wordpress.org/Shortcode.
Códigos cortos son fáciles de usar. En primer lugar asegúrese de que el modo de edición está configurado como Visual.

Ahora, por favor, haga clic en el botón de los códigos cortos. Y luego, por favor, elija el código que desee insertar.

Todos los códigos cortos disponibles son divididos en tres grupos:

• Dynamic – utilizados para presentación de contenido (entradas, entradas personalizadas, etiquetas etc.)
• Grid Columns – varias columnas para formación de grid.
• Elements – elementos adicionales para formación de contenido.
• Other – elementos adicionales para formación avanzada de contenido.

Dynamic (Dinámico)

Post Grid

[posts_grid type="post" columns="3" rows="3" order_by="date" order="DESC" link="yes"] 

Descripción: muestra entradas ordinarias y personalizadas en la forma de tabla con el número configurable de columnas y y filas.

Post List

[posts_list type="post" numb="4" thumbs="large" post_content="excerpt" order_by="date" order="DESC" link="yes" tags="yes"] 

Descripción: muestra entradas ordinarias y personalizadas como en la página del blog.

Mini Post Grid

[mini_posts_grid numb="4" thumbs="small" order_by="date" order="DESC" align="left"] 

Descripción: una versión más compacta de código corto [post_grid]. Muestra imágenes de entradas ordinarias y personalizadas con los tamaños configurables de imágenes.

Mini Post List

[mini_posts_list type="post" numb="4" thumbs="small" meta="yes" order_by="date" order="DESC"] 

Descripción: una versión más compacta de código corto [posts_list]. Muestra entradas ordinarias y personalizadas en la forma de lista.

Recent Posts

[recent_posts post_format="standard" meta="false" thumb="true"]  

Descripción: muestra las entradas recientes que pueden ser configuradas con las siguientes opciones (tipo de entrada, cantidad de entrada, formato de entrada, título de botón y otras).

Popular Posts

[popular_posts num="5"]  

Descripción: muestra entradas populares (según el número de comentarios de entrada).

Recent Testimonials

[recenttesti num="5" thumb="true"] 

Descripción: muestra la cantidad especificada de entradas personalizadas de testimonios, incluye una opción para mostrar/ocultar imágenes de entrada y manejar el número (cantador) de palabras.

Banner

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

Descripción: mustra un bloque con un texto estático o imagen, título, enlace etc.

Comments

[recent_comments num="5"]  

Descripción: muestra los comentarios nuevos.

Post Cycle

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

Descripción: muestra varias entradas en mini-slider.

Carousel

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

Descripción: muestra varias entradas en carrusel, tiene varias opciones adicionales.

Service Box

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

Descripción: muestra bloques de información que contienen título, icono, texto, botón. La característica principal de este código corto es la existencia de iconos 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: muestra la información principal del sitio web, promociones etc. Por lo general, se encuentra en la página principal, debajo de la cabecera.

Tags

[tags] 

Descripción: muestra etiquetas.

Columns (Columnas)

Grid Columns (span1-12)

[span#] [/span#] 

Descripción: es necesario para la formación de elementos de estructura, # – es un número 1-12, que define el ancho del elemento.

[row]
[span6] Your Content... [/span6]
[span6] Your Content... [/span6]
[/row]
              

Nota: al formar grid hay que colocar elementos de grid entre códigos cortos [row]:

Fluid Columns (one_half, one_third…)

[one_half] [/one_half] 

Descripción: es necesario para la formación de elementos de estructura de grid, elementos de grid son delimitados por %.

[row_fluid]
[five_sixth] Your content... [/five_sixth]
[one_sixth] Your content... [/one_sixth]
[/row_fluid]
              

Nota: al formar grid hay que colocar elementos de grid entre códigos cortos [row_fluid]:

Multiple Columns (75% / 25% и etc.) (

[row]
[span8] Your content... [/span8]
[span4] Your content... [/span4]
[/row]
              

Códigos cortos de múltiples columnas son utilizados para simplificar el proceso de formación de contenido insertando los variantes de grid más usados.

Elements (Elementos)

Label

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

Descripción: muestra una etiqueta con un estilo predefinido.

Highlight

[highlight]Text[/highlight]

Descripción: es utilizado para resaltar un fragmento de texto.

Button

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

Descripción: es utilizado para insertar un botón con varios ajustes de muestra (estilo, tamaño, icono etc.).

Dropcap

[dropcap]L[/dropcap] 

Descripción: es utilizado para mostrar una letra mayúscula disminuida.

Blockquote

[blockquote] Text... [/blockquote] 

Descripción: es utilizado para mostrar una cita.

Icon

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

Descripción: es utilizado para mostrar un icono simple.

Frame

[frame] I'm frame [/frame]  

Descripción: es utilizado para mostrar un contenedor, que puede contener varios contenidos.

Horizontal rule

[hr] 

Descripción: es utilizado para mostrar una línea horizontal.

Small Horizontal rule

[sm_hr] 

Descripción: es utilizado para mostrar otro tipo de línea horizontal.

Vertical Rule

[vr] 

Descripción: es utilizado para mostrar una línea vertical.

Spacer

[spacer] 

Descripción: es utilizado para configurar espacios verticales ente elementos.

Progress bar

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

Descripción: es utilizado para mostrar un indicador de finalización de algún proceso.

Address

[address] Your address here [/address] 

Descripción: es utilizado como un contenedor de dirección.

Clear

[clear] 

Descripción: es utilizado para re-nular un elemento.

Lists shortcodes (unstyled, check, check2, arrow, arrow2, star, plus, minus)

[check_list] List here ... [/check_list] 

Descripción: muestra varios estilos de listas. Cada código corto agrega su propio marcador para los elementos de la lista.

Audio

[audio type="mp3" file="#" title="Title"] 

Descripción: es utilizado para insertar contenido de audio.

Video

[video m4v="#" ogv="#" width="400" height="300"]  

Descripción: es utilizado para insertar contenido de vídeo, que se puede subir desde los terceros servicios (youtube, vimeo) o desde su sitio web.

Other (Otros)

Alert Boxes (message, info, success, danger)

[alert_box style="message" close="yes"]Hello, World![/alert_box] 

Descripción: códigos cortos que muestran mensajes de servicio.

Close icon

[close dismiss="alert"] 

Descripción: muestra icono de cierre que cierra un elemento principal.

Well

[well size="well-normal"] Your text here... [/well] 

Descripción: es utilizado para insertar un contenedor estilizado.

Small

[small] Your text here... [/small] 

Descripción: es utilizado para insertar un bloque de texto con un tipo de letra más pequeño.

Title Box

[title_box title="Title" subtitle="subtitle text" icon="#"]  

Descripción: muestra el título doble: el título principal y uno adicional.

Tabs

[tabs tab1="Title #1" tab2="Title #2" tab3="Title #3"] [tab1] Tab 1 content... [/tab1] [tab2] Tab 2 content... [/tab2] [tab3] Tab 3 content... [/tab3] [/tabs]  

Descripción: muestra el contenido organizado en pestañas. Pestañas pueden incluir 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: muestra acordeón – 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: muestra tablas.

Google Map

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

Descripción: muestra el mapa de Google. Para que el código corto funcione, es necesario insertar el enlace de ubicación desde Google maps.
Por favor, consulte el tutorial instrucciones para insertar el mapa de Google con la ayuda de código corto.

Plugins

La lista de los widgets del tema.

Contact Form 7

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

Widgets

El tema también contiene los siguientes widgets:

Cherry – Recent Comments

Muestra los últimos comentarios en el formato más conveniente. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Number of comments to show: – número de comentarios mostrados.

Cherry – Recent Posts

Muestra las últimas entradas. También se puede mostrar entradas personalizadas de determinadas categorías y agregar un enlace Leer más. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Category Slug: – slug de categoría de entrada.
• Post Format: – elegir formato de entradas para entradas mostradas.
• Post Order: – orden de presentación de entradas.
• Posts per page: – número de entradas mostradas.
• Excerpt length (words): – extracto (número de palabras).
• Link Text: – texto del enlace que aparece después de las entradas recientes.
• Link Url: – enlace URL que aparece después de las entradas recientes.

Cherry – Advanced Cycle

El widget multifuncional usado para mostrar diferentes tipos de entradas incluyendo las entradas del blog, así como la funcionalidad de cambiar la configuración de pantalla. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Posts type: – elegir tipo de entrada.
• Number of posts to show: – número de entradas.
• Sort by: – opción de elección de entradas.
• Reverse sort order (ascending): – orden inverto de clasificación.
• Show number of comments – mostrar el número de comentarios.
• Show meta – mostrar meta
• Container class: – clase de wrapper. Configuración predeterminada es featured_custom_posts.
• Show post title – mostrar título de entrada.
• Date as title – usar fecha en lugar del Título.
• Before title: – HTML-markup personalizado antes del Título.
• After title: – HTML-markup personalizado después del Título.
• Show post excerpt – mostrar extracto.
• Excerpt length (words): – extracto (número de palabras).
• Excerpt as link – convertir un extracto en un enlace.
• Show “More link” – mostrar el enlace More (Más) debajo de entradas.
• Link text: – texto del enlace.
• Link class: – clase CSS del enlace More (Más).
• Show post thumbnail – mostrar thumbnail para entrada.
• Width: – ancho de imagen.
• Height: – alto de imagen.
• Thumbnail as link – convertir una imagen en un enlace.
• Show global link to all posts – mostrar enlace principal a todas entradas.
• Link text: – texto del enlace.
• Link URL: – URL del enlace.

Cherry – Social Networks

Este es el widget que muestra los vínculos de sus cuentas de redes sociales. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Facebook URL, Twitter URL, Flickr URL etc. – enlaces de sus cuentas de redes sociales.
• Display: manera de presentación de iconos.
  • Icons – sólo iconos.
  • Labels – sólo texto.
  • Both – iconos y texto.

Cherry – 125×125 Ads

Este es el widget que muestra un conjunto de banners. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Image Ad link: – ruta a su imagen de banner.
• Ad link: – su enlace de banner.

Cherry – Twitter

Este es el widget que muestra las últimas noticias twitts de su cuenta de twitter. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Twitter Name: – su nombre de twitter.
• Twitts number: – cantidad de twitts mostrados.

Cherry – Flickr

Este es el widget que muestra las fotos de la galería de flickr. El widget contiene las siguientes opciones:

• Title: – Título de Widget.
• Flickr ID: – su ID de flickr.
• Images count: – cantidad de fotos mostradas.
• Link Text: – texto del enlace debajo de las fotos de flickr.

Cherry – vCard

Este es el widget que muestra la información sobre su empresa o sobre Usted. El widget contiene las siguientes opciones:

• Title (optional): – Título de Widget.
• Street Address: – su dirección.
• City/Locality: – su ciudad o localidad.
• State/Region: – su estado o región.
• Zipcode/Postal Code: – su código postal.
• Telephone: – número de teléfono.
• Email: – su email.

El tema usado contiene la opción Configuración. Con la ayuda de estos ajustes se puede cambiar facilmente y rapidamente la paleta de color del tema, el orden de los elementos, activar o ocultar los elementos, etc. Para utilizar estas opciones, por favor, haga clic en Appearance → Cherry Options (Apariencia → Opciones de Cherry).

General

• Body styling – se puede elegir el color del fondo y el modelo de fondo.
• Header background color – color de fondo de cabecera.
• Buttons and links color – color de botones y enlaces.
• Body Text – Usted puede elegir su tipo de letra favorito para el menú de pie de página. Hay algunas opciones de edición disponibles::
  1. Font size (Tamaño)
  2. Line height (Altura de línea)
  3. Font Family (Familia)
  4. Font style (normal, bold, italic) (Estilo)
  5. Character Sets (latin, greek, cyrillic etc.) (Conjunto de caracteres)
  6. Color

* significa que el tipo de letra será cargado desde la Biblioteca de Google Web.

• H1-H6 Headings – Usted puede elegir su tipo de letra favorito para el menú de pie de página. Hay algunas opciones de edición disponibles::
  1. Font size (Tamaño)
  2. Line height (Altura de línea)
  3. Font Family (Familia)
  4. Font style (normal, bold, italic) (Estilo)
  5. Character Sets (latin, greek, cyrillic etc.) (Conjunto de caracteres)
  6. Color

* significa que el tipo de letra será cargado desde la Biblioteca de Google Web.

• Display search box? – mostrar/ocultar la barra de búsqueda en la cabecera.
• Display breadcrumbs? – mostrar/ocultar breadcrumbs en las páginas.
• Custom CSS – si es necesario agregar algunas reglas CSS, pero Usted no quiere editar el fichero principal de CSS, Usted puede utilizar este campo. Sólo tiene que insertar sus nuevas reglas CSS.

Logotipo y Favicon

• What kind of logo? – se puede indicar el tipo de logotipo que quiere usar: un texto o una imagen.
• Logo URL – si Usted ha elegido el logotipo de imagen, puede subir una imagen por medio de la opción ‘upload’ (subir) o usar cualquier imagen desde Biblioteca de Media.
• Logo Typography – Usted puede elegir su tipo de letra favorito para el logotipo de texto. Hay algunas opciones de edición disponibles:
  1. Font size (Tamaño)
  2. Line height (Altura de línea)
  3. Font Family (Familia)
  4. Font style (normal, bold, italic) (Estilo)
  5. Character Sets (latin, greek, cyrillic etc.) (Conjunto de caracteres)
  6. Color

* significa que el tipo de letra será cargado desde la Biblioteca de Google Web.

• Favicon – se puede subir un favicon nuevo por medio de la opción ‘upload’ (subir) o usar cualquier imagen desde Biblioteca de Media.

Navigation

• Menu Typography – Usted puede elegir su tipo de letra favorito para el menú de pie de página. Hay algunas opciones de edición disponibles:
  1. Font size (Tamaño)
  2. Line height (Altura de línea)
  3. Font Family (Familia)
  4. Font style (normal, bold, italic) (Estilo)
  5. Character Sets (latin, greek, cyrillic etc.) (Conjunto de caracteres)
  6. Color

  * significa que el tipo de letra será cargado desde la Biblioteca de Google Web.

• Delay – momento cuándo el menú se oculta (milisegundos).
• Fade-in animation – activar/desactivar la animación fade-in.
• Slide-down animation – activar/desactivar la animación de diapositivas.
• Speed – velocidad de expansión del submenú.
• Arrows markup – activar/desactivar flechas para los elementos del menú con submenús.

Slider

• Sliding effect – efecto de transición de slider.
• Number of columns – número de columnas.
• Number of rows – número de filas.
• Banner effect – elegir un tipo de animación de banner.
• Pause time – tiempo de pausa (ms.)
• Animation speed – velocidad de la animación.
• Slideshow – animar slider automáticamente.
• Thumbnails – mostrar thumbnails.
• Pagination – mostrar páginas.
• Display next & prev navigation only on hover? – si la opción está activada (‘yes’) el botón de nevegación (anterior, siguiente, reproducir, pausa) será visible en estado estacionario, si está desactivada (‘no’) será visible siempre.
• Play/Pause button – mostrar el botón de reproducción/pausa.
• Loader – cargador de slider.

Blog

• Blog Title – su título del blog utilizado en la página del blog.
• Related Posts Title – su título utilizado en la página de sólo una entrada para entradas relacionadas.
• Sidebar position – Usted puede elegir la posición de la barra lateral (a la derecha o a la izquierda).
• Blog image size – el tamaño de imagen (tamaño normal o tamaño grande) de la página del blog.
• Single post image size – el tamaño de imagen (tamaño normal o tamaño grande) de la página de sólo una entrada.
• Enable Meta for blog posts? – mostrar meta para entradas.
• Enable excerpt for blog posts? – mostrar extracto para entradas.

Portfolio/Cartera

• Filter – Filtro de Cartera.
• Show title? – Activar o Desactivar títulos para entradas de cartera.
• Show excerpt? – Activar o Desactivar extractos para entradas de cartera.
• Excerpt words – Extracto (número de palabras).
• Show button? – Activar o desactivar el botón para entradas de cartera.
• Layout – Cartera tiene diferentes modos de presentación. Usted puede configurar y cambiar el modo de diseño con la ayuda de esta opción.
• Portfolio 2 columns items amount – Cantidad de elementos de Cartera para Plantilla de Cartera de 2 columnas.
• Portfolio 3 columns items amount – Cantidad de elementos de Cartera para Plantilla de Cartera de 3 columnas.
• Portfolio 4 columns items amount – Cantidad de elementos de Cartera para Plantilla de Cartera de 4 columnas.

Pie de página

• Footer copyright text – contenido del pie de página. Si el campo de texto está vacío, se mostrará el contenido predeterminado. Se encuentra en el fichero footer.php.
• Google Analytics Code – Usted puede insertar un código para la recolección de estadística SEO de su sitio web. Por ejemplo, Google Analytics Code.
• Feedburner URL – Feedburner es un servicio de Google para su RSS. Pegue el enlace de Feedburner aquí para que los visitantes puedan verlo en su sitio web.
• Display Footer menu – activar o desactivar el menú de pie de página.
• Foter Menu Typography – Usted puede elegir su tipo de letra favorito para el menú de pie de página. Hay algunas opciones de edición disponibles:
  1. Font size (Tamaño)
  2. Line height (Altura de línea)
  3. Font Family (Familia)
  4. Font style (normal, bold, italic) (Estilo)
  5. Character Sets (latin, greek, cyrillic etc.) (Conjunto de caracteres)
  6. Color

  * significa que el tipo de letra se cargará desde la biblioteca de Google Web.

¿Cómo crear un formulario de contacto en WordPress?

Este video tutorial le ayudará a agregar un formulario de contacto en WordPress con la ayuda del plugin del formulario de contacto 7.

Instalar Plugin del Formulario de Contacto 7

1. Abra el panel de administración de WordPress.

2. Abra Plugins y haga clic en Add New (Añadir nuevo).

   Si Usted desea buscar el plugin y descargarlo desde Internet, esriba Formulario de Contacto 7 en el campo de búsqueda.
   Si el paquete de su plantilla comprada incluye le plugin, haga clic en Upload (Subir) y busque el fichero del plugin en la carpeta sources/plugins de la plantilla.

3. Si Usted ha instalado el plugin ya, haga clic en Activate (Activar).

Crear un Formulario de Contacto

Si el plugin ha sido instalado correctamente, Usted podrá ver la pestaña de Contacto en la columna a la izquierda. Haga clic en ella.

1. Para añadir un formulario de contacto, haga clic en el botón Add new (Añadir nuevo) en la pestaña Contacto.
2. También se puede hacer clic en Add New (Añadir nuevo).
3. En este campo escriba el código HTML para las etiquetas como <form>, <input> etc.
4. También se puede utilizar la lista desplegable de las etiquetas para agregar los campos adicionales.

De manera predeterminada, el formulario se mostrará en inglés, revise el siguiente tutorial si necesita insertar el formulario en su idioma.

¿Cómo reemplazar un logo de texto?

La mayoría de las plantillas que utilizan un logotipo de texto en lugar de una imagen muestran el título como un contenido del logotipo. Se puede modificar el título del sitio web a través del panel de administración de WordPress.

1. Abra el panel de administración de WordPress.
2. Abra Settings > General (Configuración > General./li>

3. Allí se puede ver el campo Site Title (Título del sitio). Modifique su valor para cambiar el logotipo.

Por favor, revise el tutorial:

¿Cómo crear plantillas de página?

Cada Página individual puede utilizar una determinada Plantilla de página (un fichero PHP de plantilla, por ejemplo, custom.php) creada dentro de su tema. Esta plantilla de página nueva anulará la plantilla predeterminada de página page.php.

Se puede configurar WordPress para que utilice varias plantillas de página para varias páginas. En la pantalla de edición de páginas Usted puede especificar una plantilla de página en el bloque de Atributos de página.

Para abrir el selector de plantillas de página, debe haber al menos una plantilla personalizada de página disponible para el tema activo. Si hay una página personalizada, pero todavía no se puede ver el selector de plantillas, por favor, re-active el tema actual.

Crear su propia plantilla de página

Los ficheros que definen plantillas de cada página se encuentran en el directorio wp-content/themes. Para crear una nueva plantilla personalizada de página hay que crear un nuevo fichero .php. Por ejemplo, custom.php.

Para que funcione como una plantilla de página, el fichero debe contener

<?php
/*
Template Name: Custom
*/
?>

El fichero puede tener cualquier nombre con la extensión .php (consulte la lista de los nombres de fichero reservados para encontrar los nombres de fichero que Usted no debe usar, estos son los nombres especiales de ficheros de WordPress reservados para fines específicos).
El resto de ficheros de la plantilla de la página puede contener cualquier cosa que necesite.

Por favor, revise el tutorial:

¿Cómo instalar un plugin de WordPress (mediante el panel de administración)?

1. Abra el panel de administración de WordPress y encuentre la pestaña Plugins.
2. Haga clic en el botón Add New (Añadir nuevo) en la parte superior.
3. En el menú superior elija Upload (Subir).
4. Haga clic en Browse (Examinar) y encuentre el paquete de plugin. Por lo general, los plugins del tema de WordPress se encuentran en la carpeta sources/plugins. Si Usted ha encontrado el paquete de plugin, haga clic en Open (Abrir) y en Upload (Subir).
5. Al completar el proceso de carga, tendrá que activar el plugin. Use el enlace Activate Plugin (Activar plugin).

¿Cómo se puede usar Biblioteca de Multimedia de WordPress?

Este tutorial le mostrará la manera de usar Biblioteca de multimedia de WordPress.

Usted puede utilizar la Biblioteca para enriquecer el contenido de su sitio web con imágenes, videos, audio etc.

Se puede obtener acceso a Library (Biblioteca) a través del panel de administración de WordPress. Abra la pestaña Media (Multimedia) y haga clic en Library (Biblioteca). Aquí Usted puede ver todos sus elementos de Media.

Haga clic en el botón Edit (Editar) debajo de cada elemento para modificar la configuración del elemento (escriba un título alternativo de imagen, revise las dimensiones etc.)

Para agregar un nuevo elemento a la biblioteca, haga clic en el botón Add New (Añadir nuevo). Seleccione los ficheros en su ordenador y haga clic en Upload (Subir).

Hicimos todo lo posible para que esta documentación sea lo más claro posible. Sin embargo, si Usted tiene alguna dificultad con nuestra plantilla o alguna sugerencia sobre la mejora de plantillas o documentos – póngase en contacto con nuestro equipo de soporte a través de:

• Live Chat
• Ayuda en Línea
• Teléfono: 1-347-342-0463

Enlaces adicionales

• Tutoriales de WordPress
• Manual de WordPress