Personalización

Widgets

Un widget es un pequeño panel o programita muy útil que te da acceso a funciones que se usan frecuentemente, la plataforma de WordPress permite configurar y personalizar los Widgets del sitio; así tenemos varios que ya vienen de manera predeterminada y otros que están disponibles para usarlos en tu sitio.

Para configurarlos accedemos al menú de (1)“Apariencia” en la opción (2)“Widgets”

widg1Agregar Widgets

En esta ventana podemos ver que tenemos en la sección (3) “Widgets disponibles” que son todos los que podemos agregar a cualquier sección del sitio que se detalla en (4) “Secciones del sitio” es importante tener en cuenta que las secciones en las que se pueden agregar widgets depende del tema que se esté utilizando.

Para agregar el widget basta con arrastrar desde la sección (3) “Widgets disponibles” a la sección del sitio en que deseemos ubicarlo en el panel (4) “Secciones del sitio”.

Otra forma de agregar un widget es dar clic sobre uno que este en la sección (3) “Widgets disponibles”, entoces se desplegara el listado de secciones en donde se lo puede agregar, los seleccionamos y damos clic en el botón “Añadir Widget”

widg1.2Configurar Widgets agregados

Podemos cambiar algunos parámetros de los widgets que están agregados al sitio, para esto basta con dar clic sobre el widget que este en (4) “Secciones del sitio” cambiar el valor del parámetro y dar clic en guardar, cada widget tiene sus propios parámetros pero los más comunes son:

  • Título: Podemos cambiar el título con que se visualiza el widget.

widg2

El resultado será similar al siguiente:

widg3

 

  • Forma de visualización de listas: En algunos casos cuando se va a presentar listados, podemos definir si queremos que se vean como una lista desplegable dando clic en la casilla de verificación.

widg4

El resultado será similar al siguiente:

widg5

Como se dijo anteriormente las opciones de cada widget varían pero son bastante intuitivas, usted puede probarlas y ver cual se ajusta mejor a lo que desea.

Descripción de algunos Widgets

A continuación se detallan algunos de los Widgets disponibles para el sitio, cabe recalcar que algunos temas ofrecen algunos adicionales cuando se los activa.

  • Entradas recientes: Muestra un listado de las últimas entradas publicadas en un orden cronológico. Se puede configurar parámetros como: número de entradas a mostrar y mostrar la fecha de publicación.
  • Archivos: Muestra un listado de entradas por mes, se puede configurar si visualizar o no el total de entradas por mes.
  • Categorías: Muestra un listado de entradas por categoría, se puede configurar si visualizar o no el total de entradas por categoría o si visualizar la jerarquía.
  • Comentarios Recientes: Muestra un listado de los últimos comentarios realizados, se puede configurar cuantos se desea mostrar o si visualizar la fecha del comentario.
  • Texto: Permite insertar y mostrar texto en formato html de acuerdo a como se desee.
  • Meta: Brinda acceso a enlaces RSS, etc. además tiene el enlace para acceder como administrador del sitio.
  • Menú Personalizado: Este permite poner los enlaces que se encuentran en el menú de cabera en otra sección adicional.
  • Imagen (Jetpack): Este permite visualizar una imagen en alguna de las secciones del sitio, permite especificar la URL de la imagen, el texto alternativo, una descripción, etc.
  • Suscripciones al Blog (Jetpack): Permite tener un formulario para que los lectores se puedan suscribir al blog ingresando su mail, este widget se detalla mas en (Suscripciones).
  • Perfiles sociales: Permite tener un panel con enlaces a sus perfiles de redes sociales: permite ingresar los URL de perfil de diferentes redes sociales como: Facebook,Twitter, Google +, etc.

08 May 2014

Configurar tema VisitPress

Al activar este tema se agrega una opción extra en el menú de apariencia “Theme Options”, al dar clic en la opción se despliega la ventana de configuración del tema:

visitpess1

Es importante aclarar que se tiene dos botones en la parte inferior de la ventana “Save all changes” que aplica los cambios realizados y “Reset to default settings” que permite poner la configuración predeterminada del tema.

Se tienen diferentes secciones de configuración que se detallan a continuación:

 CONFIGURACIONES GENERALES (GENERAL SETTINGS)visitpess2

En esta sección tenemos 4 subsecciones que se detallan a continuación.

General (General Settings)

  • Color Scheme: Cambia la combinación de colores del tema de acuerdo a esquemas predefinidos.
  • Display Sidebar: Activa (Display) o Desactiva (Hide) la visibilidad del panel lateral del tema.
  • Favicon  URL: El favicon es el icono que tiene las paginas en el navegador web, este tema tiene la opción de cambiarlo pero el sitio cuenta con una herramienta especializada en iconos y logos que se detalla más adelante el cual se recomienda usar.
  • Index page headline: Titulo de la página de inicio
  • Next/Previous post navigation: Activa (Display) o Desactiva (Hide) la visibilidad de los botones de “Siguiente publicación” y “Anterior publicación”, estos botones permiten navegar en las entradas en un orden cronológico similar que en el tema PaperCut.

Opciones de Encabezado (Header options)

  • Page title width: Define el tamaño del título con un porcentaje en relación al tamaño de la página.
  • Header menu width: Define el tamaño del menú de cabecera con un porcentaje en relación al tamaño de la página.
  • Header menu format: define el formato en que se visualizara el menú principal

Formato Defaultvisitpess4

Formato Drop-down

visitpess3

 

Opciones de Entradas (Post options)

  • Display featured image on single posts: Define si se visualizara la imagen de cabecera en las entradas.
  • Display date on posts: Define si se mostrara el metadato de fecha en las entradas.
  • Display author on posts: Define si se mostrara el metadato de autor en las entradas.
  • Display categories on posts: Define si se mostrara el metadato de categoría en las entradas.

Opciones de páginas (Page options)

  • Display featured image on pages: Define si se visualizara la imagen de cabecera en las páginas.
  • Display date on pages: Define si se mostrara el metadato de fecha en las páginas.
  • Display author on pages: Define si se mostrara el metadato de autor en las páginas.

FUENTES O TIPOS DE LETRA (FONTS)

visitpess6

En esta sección se puede configurar el tipo de letra que se desea para diferentes secciones del sitio:

  • Body Font(Letra en el cuerpo de las publicaciones.)
  • Site title Font (Letra en el título del sitio)
  • Site description Font(Letra en la descripción del sitio)
  • Page/post headlines Font(Letra en los títulos de las páginas y entradas)
  • Post entry headline Font(Letra en los títulos de entradas)
  • Sidebar/footer widget headlines Font(Letra en los títulos de los widgets, barra lateral y pie de página)

Las demás opciones y secciones dentro de la ventana de configuración del tema no están disponibles debido a la versión en la que está actualmente el tema.

 

 





07 May 2014

Configurar tema PaperCuts


De igual manera que en los otros temas al activarlo se agrega una opción extra en el menú de apariencia “Theme Options

papercuts1

Al dar clic en la opción se despliega la ventana de configuración del tema:

papercuts2

Es importante aclarar que se tiene dos botones en la parte inferior de la ventana “Save all changes” que aplica los cambios realizados y “Reset to default settings” que permite poner la configuración predeterminada del tema.

Se tienen diferentes secciones de configuración que se detallan a continuación:

Configuraciones Generales (General Settings):

papercuts3

En esta sección es posible cambiar parámetros tales como:

  • Color Scheme: Cambia los colores del tema de acuerdo a esquemas predefinidos.ç
  • Display Sidebar: Activa(Display) o Desactiva(Hide) la visibilidad del panel lateral del tema por ejemplo:

 Cuando está activo (Display)

papercuts4

 

 Cuando está inactivo (Hide)

papercuts5

 

  • Content/Excerpt Displaying: Permite activar o desactivar la opción de “leer más” en las entradas.

Excerpt: Se visualiza solo una parte del contenido y se tiene el botón “leer más” para ver todo el contenido.

papercuts6Content: Siempre se visualiza todo el contenido.

papercuts7

  • Favicon  URL: El favicon es el icono que tiene las paginas en el navegador web, este tema tiene la opción de cambiarlo pero el sitio cuenta con una herramienta especializada en iconos y logos que se detalla más adelante el cual se recomienda usar.

Configuraciones de Cabecera/Encabezado (Header Settings):

Esta ventana permite configurar parámetros de cómo se verá la cabecera del tema y se detallan más adelante:

 

 

papercuts8

 

  • Display Header Image: Permite seleccionar en donde se visualizara la cabecera, pudiendo ser:
    1. Solo en la página de inicio (Only on Homepage)
    2. En todo el sitio (everywhere)
  • Logo URL: Permite  seleccionar el logo que aparecerá en la cabecera.
  • Display Site Description: Activa (Display) o Desactiva (Hide) la visibilidad de la descripción del sitio.
  • Display Search Form: Activa (Display) o Desactiva (Hide) la visibilidad de la herramienta de búsqueda en la cabecera.

Configuraciones de Entradas/Páginas (Posts/Pages Settings):

En esta sección se puede configurar parámetros de cómo se visualizaran las publicaciones, tanto entradas como páginas, a continuación se detallan las opciones más importantes, cabe aclarar que existen otras pero no están disponibles en la versión actual del tema.

papercuts9

 

  • Display Featured Image on single posts: Activa (Display) o Desactiva (Hide) la visibilidad de la imagen de portada en las publicaciones.
  • Display Meta Box on posts: Activa (Display) o Desactiva (Hide) la visibilidad de los metadatos en las entradas, por ejemplo:

Cuando está Activa (Display)

papercuts10

 

Cuando esta Desactiva (Hide)

papercuts11

 

 

  • Next/Previous Post Navigation: Activa (Display) o Desactiva (Hide) la visibilidad de los botones de “Siguiente” y “Anterior publicación”, por ejemplo:

 Cuando está Activa (Display)

papercuts12

 

Cuando esta Desactiva (Hide)

papercuts13

 

Configuración de la Página de Inicio (Homepage Settings)

En esta sección se puede activar o desactivar la visibilidad de las publicaciones recientes en la página de Inicio.

 Fuentes o tipos de letra (Fonts)

En esta sección se puede configurar el tipo de letra que se desea para diferentes secciones del sitio:

  • Body Font (Letra en el cuerpo de las publicaciones.)
  • Site Title Font (Letra en el título del sitio)
  • Site Description Font (Letra en la descripción del sitio)
  • Page/Post Headlines Font (Letra en los títulos de las páginas y entradas)
  • PaperCuts Posts-List Widgets headlines Font (Letra en los títulos de los widgets)
  • Post Entry Headline Font (Letra en los títulos de entradas)
  • Main Header Menu Font (Letra en los menús principal de encabezado)
  • Top Header Menu Font (Letra en el menú de encabezado)

 Perfiles de redes sociales (Social Network Profile Links in Header)

En esta sección se puede ingresar los URL de perfil de redes sociales para que aparezcan en la cabera del sitio, se puede ingresar los perfiles de: Facebook, Twitter, Google+ y RSS.

07 May 2014

Configurar Tema Alexandria

Menú de personalización

Al activar este tema se adicionara al menú de apariencia el botón “Opciones de tema”

ALEXANDRIA1

Al dar clic en el enlace se desplegara una ventana de configuración exclusiva del tema:

ALEXANDRIA2

Antes de cambiar las configuraciones debemos saber que para que los cambios tengan efecto debemos dar clic en “Guardar opciones” en cada sección en que realicemos cambios, dicho botón se encuentra en la parte inferior de la ventana de configuración.

ALEXANDRIA3

Configuraciones generales:

Por defecto al abrir la ventana de configuración estaremos en la sección de “General”, aquí podemos cambiar opciones tales como:

  • Skin del tema: Básicamente permite escoger la combinación de colores de una de las que el tema trae precargado.

ALEXANDRIA4

  • Ajustes de publicación individual: En esta sección se configuran parámetros de cómo se visualizaran las publicaciones tal como se aprecia en la siguiente imagen.

ALEXANDRIA5

 

Selección del Logo:

  • Esta funcionalidad requiere que la versión del tema sea Pro, pero permite el personalizar el cómo aparecerá el título del sitio

ALEXANDRIA6

Cabecera:

  • Selección del tipo de cabecera: Esta parte permite configurar si deseamos la cabecera predeterminada del tema o una personalizada, lo recomendable seria cambiar a personalizada, además el tema dispone de otros diseños pero en la versión Pro a las cuales no podemos acceder.

ALEXANDRIA7

  • Configuraciones on/off Encabezado: Permite seleccionar en que secciones del sitio aparecerá el encabezado o cabecera.

ALEXANDRIA8

 

  • Ajustes de encabezado: En esta ventana se puede configurar la sección de bienvenida como por ejemplo la imagen de encabezado, el título, etc.

Diseño

En el tema vienen unas secciones que básicamente son publicitarias, estas se las puede remover desde esta ventana, cambiando el diseño a standard

ALEXANDRIA10

 

 

Además de las secciones presentadas existen otras las cuales no serán detalladas ya que requieren que el tema este en su versión Pro.

07 May 2014

Personalización de temas

Que es un tema:

Un tema básicamente es una plantilla del diseño visual de tu sitio, es decir una forma preestablecida de cómo se puede ver tu sitio dando la facilidad de cambiarlo sin tener que realizar mayores configuraciones.

Cambiar el tema del sitio.

Para cambiar el tema de un sitio vamos al menú de apariencia y en la sección de temas, ahí se desplegaran los diferentes temas y una previsualización de este, como se muestra en la siguiente imagen, al pasar el cursor sobre cada tema nos permite acceder a una descripción del tema o si deseamos podemos activarlo directamente.

temas

Personalización Básica de un tema

Una vez que tengamos definido el tema que deseamos usar podemos personalizarlos mucho más, como por ejemplo podemos cambiar el color el texto, colores de fondo, portada, etc.

Para acceder a la ventana de personalización básica accedemos al menu “Apariencia” / “Personalizar”

temas2

Se desplegara una ventana donde se puede modificar algunos parámetros del tema y el sitio como tal, las opciones de configuración que aparezcan dependerán del tema que se esté usando pero más adelante se detalla algunos de los más comunes:

temas3

Entre las configuraciones básicas mas comunes tenemos:

  • Configurar el título y descripción del Sitio: Podemos cambiar el título que aparece en el sitio, por defecto el sitio está configurado con el nombre del docente, pero si deseamos podemos cambiarlo en esta sección.
  • Cambiar el color del título y del fondo: En esta sección podemos alterar algunos parámetros del color del sitio.
  • Configurar la página inicial del sitio: En esta sección se puede definir qué es lo que se presentara en la página inicial del sitio, pudiendo ser un listado con las entradas más reciente, o se puede poner una página estática en su lugar.

Personalización Avanzada de temas

Algunos de los temas instalados traen más opciones avanzadas de personalización entre ellos están:

Cada uno de estos temas al ser activado habilita una nueva opción en el menú de “Apariencia” que sirve para configurar la apariencia exclusiva de dicho tema, cabe recalcar que la forma en que se configuran varía en cada uno.

07 May 2014