Archivo de la categoría: WordPress Themes

Temas y plantillas de WordPress

Actualizar la plantilla Avada de WordPress a versión 5.0.6 desde 3.x

Estos son los pasos a realizar para actualizar la plantilla Avada de WordPress a la versión 5 desde una versión 3.x

    • Se renombra carpeta Avada por FTP
    • Se sube carpeta Avada de la versión 5
    • Al entrar en administración se ejecuta un autoupdate de Avada
    • Realizar una conversión automática de los shortcodes la nueva versión de Avada
    • Es necesario actualizar varios plugins de AVADA para que funcione la Web. El propio tema nos llevará a plugins requireds.
    • Por defecto cuando entramos a una página o entrada no veremos el editor visual. Hay que ir al menú Fusion Builder>Settings y activar el editor por defecto y un poco más abajo marca que esté activo para Páginas y entradas.
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Supa Biz. Plantilla Premium para WordPress

Supa Biz es una plantilla Premium para WordPress de una gran calidad para implementar en una empresa. Se puede adquirir por tan solo 28 € en el Market Mojo-Themes, es muy clara y elegante.

Esta plantilla se ha utilizado para desarrollar la Web de la empresa WinBol de software para fútbol.

Instalación

El Theme se instala y activa como cualquier otro de WordPress.

Una vez activado el Theme nos informará de que debemos instalar dos plugins para su correcto funcionameinto, uno opcional (Option Tree) y otro optativo (Dynamic “To Top”).

Una vez instalados los Plugins y accedamos a la página veremos que esta sale vacía debido a que hay que configurar la plantilla,

Configuración

En la sección Apariencia está la opción Theme Options que permite configurar el tema.

Logo & Favicon

Permite indicar el logo que se mostrara en la esquina superior izquierda y el favicon asociado a la Web. Cuando se suban los archivos hay que pulsar el botón de Add to Option Tree.

Background image

Permite subir una imagen que sirva de fondo de la plantilla

Skin Style

Permite determinar el color del tema y de los botones de acción.

Home page Slider & Text Area

Permite definir los Sliders de la Homepage o página de inicio. Suelen ser los productos o servicios que queremos destacar.

Cada Slider se compone de un título, una imagen (940×392 px), un enlace a una sección de la Web y una explicación breve (Caption).

Home page Recentss Projects

Visualiza los proyectos recientes o destacados en la Homepage. Queda muy bien. Las imágenes deben tener un tamaño completo de 700×438 px o 200×137 px en la versión que se visualiza.

Footer Social Network links

En esta sección se pueden introducir los datos de acceso a las principales Redes Sociales.

Home Page Icons & Text Areas

Se definen los 4 iconos admitidos en la portada entre el Slide grande y los proyectos recientes destacados. El tamaño adecuado para los iconos es de 48×48 píxeles.

Notas

  • Web de ejemplo desarrollada con esta plantilla: www.winbol.es
  • No se visualiza el Caption ni la descripción en los Slides de Portada
  • No tiene opción para Google Analytics
  • Los links sociales del pie no se visualizan en el mismo orden que se ha puesto.

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Protein. Premium WordPress Theme para empresas

Protein es una plantilla (theme) para empresas y organizaciones muy elegante y de una gran calidad.

Instalación

Una vez descargado se sube a la carpeta themes como cualquier otra plantilla de WordPress. Una vez hecho esto es necesario cambiar los permisos de la carpeta/chache del theme a 777.

Al activar el theme aparece una nueva sección en el menú de la izquierda que permite configurar las distintas opciones del tema.

Menús

Protein tiene un menú principal ubicado bajo el logo. Se puede configurar el mismo con el sistema habitual de menús de Facebook.

Opciones del tema

General

Opciones generales del tema.

Font

Permite configurar las fuentes utilizadas en la plantilla y el tamaño de las mismas incluidos los títulos.

Como es habitual en este tipo de plantillas Premium se utilizan fuentes tipo Cufon que no incluyen los acentos. Se debe disponer de un fichero de fuentes de este tipo con acentos, subirlo a la carpeta fonts del theme y en vesta sección seleccionarlo para su uso.

Colors

Permite configurar los colores utilizados en la plantilla.

Slider

Determinar el comportamiento del Slider de portada. Las fotos del Slider deben tener un tamaño de 960×400

Homepage

Configura la home page de la Web. Se permite asignar una página como portada y poner el orden la misma. Esto flexibiliza mucho la presentación existen una serie de páginas y presentaciones predeterminadas que se pueden utilizar como el Portfolio.

Notas

La plantilla incorpora 3 tipos de Sidebars, Page, Contact y Blog. Dad que en el primer proyecto necesito 2 Sidears diferentes según la página personalizado la plantilla de la siguiente forma: duplico el código que define la Sidebar Page en el archivo /lib/sidebar.lib.php y añado la nueva Sidebar en los campos personalizados del fichero /fields/apge.fields.php en:

[php]
$theme_sidebar = array(”,’Page Sidebar’, ‘Page Sidebar2’, ‘Contact Sidebar’, ‘Blog Sidebar’);
[/php]

 

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Private Lawyer

Private Lawyer es una excelente plantilla premium de WordPress enfocada a abogados pero que puede ser utilizada en otro ámbitos profesionales como médicos, arquitectos, empresas etc.

Una vez subido e instalado como cualquier theme de WordPress su configuración se realiza con los siguientes pasos.

Instalación y Activación

Como cualquier tema de WordPress.

Una vez activado la planilla aparece vacía, sin embargo hay que destacar que una vez instalado incorpora la función Dummy Data que permite crear unos datos de pruebas que facilitan la configuración del theme. Dado que, como se verá más adelante, éste es un theme un poco especial en su configuración se recomienda utilizar esta opción.

Opciones del Tema

Al activarse la plantilla se crea un bloque de administración en el escritorio con un completo menú de opciones del theme.

Son opciones prácticas y completas donde destaca la parte de personalización del aspecto y la sección SEO que siempre es una ayuda.

Homepage Settings

Antes de entrar en esta materia es necesario explicar que esta plantilla, a diferencia de la mayoría de WordPress tiene una buena parte de sus configuraciones que se deben personalizar mediante Widgets en áreas especiales. Lo normal es tenerlo en las Settings del theme sin embargo los autores han optado por el sistema de Widgets que en mi opinión es más confuso que haberlo puesto en el área de opciones del theme.

Por ello se debe tener en cuenta que para la configuración completa de la plantilla es necesario utilizar la sección de Design Settings y los Widgets.

Las opciones que se pueden configurar del home son:

  • El logo superior izquierdo.
  • El menú de páginas superior. Esto es lo peor de esta plantilla. Tiene un sistema muy extraño y confuso para configurar las páginas ya que no soporta el sistema de menús parametrizables de WordPress 3.x y hay que recurrir a un sistema complejo basado en crear un menú personalizado y añadir el Widget de Menús personalizados a la sección Top Navigation. Un auténtico lío que sorprende en una plantilla de este nivel.
  • Módulo de impacto. Por defecto visualiza todas las entradas que tengamos hasta un máximo de 10. Se puede configurar también mediante un Widget el número de entradas a mostrar y la categoría de las mismas.

Front Page Content

Este es una sección especial dentro del área de Widgets. Poniendo los Widgets especiales que se crean con el tema podemos configurar el contenido que hay debajo del Slide del módulo de impacto. Los Widgets son:

 

  • Secciones destacadas. Debajo del módulo de impacto podemos tener hasta 4 secciones destacadas.
  • Practice list, situada a la derecha se puede configurar con el widget ” del  mismo nombre.

Ejemplo de Web: Dr. Casamitjana

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Picnic

Picnic es un excelente tema premium para WordPress creado por Nico Andrade y ofrecido a través de Theme Forest.

Se descarga e instala como cualquier plantilla de WordPress. Al activar el tema se crean una serie de cajas en el escritorio para la administración del tema.

Lo primero que se debe hacer para utilizar el aspecto principal de esta plantilla es crear una nueva página llamada Inicio (también se puede poner Home u otro nombre) poner que la plantilla de página es Home y publicarla. Acto seguido ir a los Ajustes de Lectura del escritorio y seleccionar esta página como página de Inicio.

Slider Entries

Permite configurar los Sliders de la portada. Es un sistema muy práctico de configurar la portada.

Cada Slider se dará de alta como si fuera una página. Se añade una imagen, se selecciona como destacada y se publica.
Un detalle que le faltaría es que los Slides tuvieran un hipervínculo hacia alguna URL que se introdujera. Este es un tema mejor solucionado en Digitalis.

Portfolio Items

Como su nombre indica esta sección permite crear un Portfolio o galería con nuestra oferta configurando la misma por categorías de entradas. Cuando se crea una página de tipo Portfolio automáticamente se muestran los portfolio items y una barra superior de categorías.

Esta presentación es interesante pero se debería haber realizado basado en Entradas y no en este nuevo concepto de Portfolio. El problema es que si algún día cambiamos de plantilla y todo el catálogo está basado en estos items deberemos volver a crearlos como entradas.

Picnic Settings

A parte de las casillas anteriores también se crea una sección en el escritorio dedicada a la configuración del tema.

Home Page

La home page tiene un buen sistema de personalización para los 3 ó 4 bloques inferiores pero no queda muy claro en el manual. Lo que hay que hacer es los siguiente:

  • En la página que hemos definido como Home hacer clic en el botón Shortcode Generator y entonces añadir que tipo de bloque inferior queremos utilizar.
  • Rellenar las casillas con el código HTML que queremos utilizar.
  • Hacer clic en el botón

Otros Conceptos

Para cambiar el color de fondo de la Web se puede sustituir el archivo /images/light_bck_noise.jpg por uno personalizado con el color que queremos.

Webs basadas en este tema: ingclimas.com

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Digitalis

Digitalis es una plantilla Premium de WordPress muy completa ofrecida por Mojo Themes. Tras mi experiencia con él puedo decir que es una de las mejores y más completas plantillas con las que he trabajado en WordPress.

Digitalis WordPress Theme

Se descarga e instala como cualquier plantilla de WordPress. Al activar el tema se crean una serie de cajas en el escritorio para la administración del tema.

Theme Options

Opciones generales del tema como la ruta de los logos y el Headline o cabecera por defecto.

Un tema muy importante que hay en esta sección es la opción de Utilizar los carácteres Latin en la fuente Cufon. Este es un estilo especial de fuentes que, por defecto no tienes acentos. Para que en página con idiomas que si utilizan acentos como es el caso del español se debe marcar la casilla que pone:

Latin Cufon Characters    Enable Latin charakters for Cufon fonts in headings (e.g. “Ä, Ö, Ü, ß” if you use german language)

Slider Entries

Permite configurar los Sliders de la portada. Es un sistema muy práctico de configurar la portada.

Cada Slider se dará de alta como un elemento independiente al cual le podremos asignar una imagen (Por imagen destacada), un texto y un enlace a donde nosotros queramos: Página, Post, URL, etc.

Las imágenes utilizadas en el Slider deben tener un tamaño de 940×420

Portfolio Items

Como su nombre indica esta sección permite crear un portfolio o galería con nuestra oferta configurando la misma por categorías de entradas.

FrontPage

En la sección Fetaured Entries podemos seleccionar 3 enlaces a página o noticias de la Web que queramos . Estas entradas deben tener asignada una imagen como Imagen Destacada para que se visualice por defecto en la portada de la Web.

Opciones de configuración de la página inicial. Se configura también el mensaje de bienvenida. Asimismo se puede seleccionar una página para que muestre un mensaje más completo de bienvenida en la casilla Frontpage Content. Este mensaje admite contenido HTML porlo cual podemos incluir imágenes o iconos a Redes Sociales. Se visualiza debajo de  la sección Fetaured Entries.

Layout

Permite ajustar de forma precisa el aspecto de la plantilla de la Web. Los diferentes layouts de este tema lo hace ideal para ser utilizado en diversas páginas Web.

Contact

Esta sección permite configurar las características de la página de Contacto. Aquí deberemos recurrir mejor al plugin Contact Form 7 porque solo es configurable en inglés y con pocas opciones.

Footer

Permite la configuración del Pie de la página Web con un mensaje tipo Copyright y una lista muy completa de iconos sociales.

Otras características

La plantilla Digitalis incorpora un sistema automático Lightbox de visualización de imágenes que se configura automáticamente para maximizar las fotos. Esto es muy interesante porque cuando incluimos una foto que supera los límites de la columna de la entrada o página automáticamente es redimensionada al tamaño correcto y después se amplia con esta función.

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Acentos en títulos de WordPress

En algunas plantillas (themes) de WordPress sucede que no se muestran las letras con acentos en los títulos h2,h3, etc. Esto es debido generalmente al uso de la fuente Cufon que es utilizada para dar un aspecto más atractivo a los títulos.

La fuente Cufon puede estar definida en el archivo style.css pero si no es así entonces es posible que este en la carpeta js del theme.

Por ejemplo, en el caso del theme CleanStyle de Theme Forest que no muestra los letras acentuadas en los título al usar la fuente Aller_Light_400.font.js ubicada en la carpeta /js.

En otros themes como es el caso de Digitalis, existe una casilla en la opciones del tema que al marcarla permite utilizar la fuente con acentos.

Hay varias soluciones para este problema, la más inmediata consiste en borrar este archivo y en el caso de  CleanStyle se muestran inmediatamente los acentos con el tipo de letra por defecto de la plantilla.

Otra opción más laboriosa es la siguiente:

  • Ir a la carpeta donde está el tema.
  • Buscar el directorio del JavaScript, normalmente “js”.
  • Localizar un archivo con el nombre “Nombre Fuente.font.js”.
  • Comprobar en Internet si es de libre distribución.
  • Descargar el archivo ttf
  • Ir a http://cufon.shoqolate.com/generate/ y generar el archivo js con el que sustituiremos al original. Para que incluya los acentos marcar la casilla: Latin-1 Supplement

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

CleanStyle de Theme Forest

CleanStyle es una plantilla premium de WordPress con un aspecto muy claro. Muy adecuada para empresas. Una vez activado aparece una caja de opciones propia en el Escritorio de WordPress con acceso a las opciones del tema y a la documentación del mismo.

Configuración

Las opciones de configuración son sencillas y claras y permiten determinar los elementos de la portada de la Web.

Para mostrar imágenes en el Slide principal solo hay que crear una entrada y añadirle un campo personalizado llamado Image y poner la ruta de la imagen. El hecho de tener este campo llevará la entrada a la portada automáticamente.

Tamaño de las imágenes

La imágenes para la portada deben tener un tamaño de 900×260 al ser añadidas a una entrada. Sin embargo una vez añadidas con ese tamaño al insertarlas en la Web se deben mostrar con la anchura Medium-size, es decir 550 deancho como máximo.

Es necesario modificar algunas dimensiones de los archivos de imagen en la sección Multimedia de los parámetros de WordPress poniendo los valores: Thumbnail size = 235×144 ; Medium size 550×0.

Notas

El tema es sencillo y claro pero me he encontrado con algunas pegas que un tema Premium debería tener mejor resultas por parámetros:

  • Visualiza una fila de smiles debajo de los comentarios que en una Web Bussines no queda bien,se anula modificando el fichero comments.php
  • Visualiza ,sin opción alternativa, los 3 ads de la parte de parámetros. Si se borran los campos los vuelve a rellenar por defecto. Se puede anular modificando sidebar.php
  • No incluye fichero de idioma con lo cual hay que realizar la traducción de forma manual.
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Magazinum theme de WPZOOM

Magazinum es tema tipo Magazine de la factoría WPZOOM. Se instala como cualquier theme de WordPress, vía FTP o desde el menú de Aspecto del escritorio donde podemos subir el archivo zip.

Al activarse se crea unas caja de Administración llamada del Theme con varias pestañas para su configuración.Las opciones son muy intuitivas y se pueden rellenar sin necesidad de manual.

Las secciones son:

General settings

Opciones generales de configuración del tema. Es muy completo y bien parametrizado de inicio prácticamente lo único que hay que hacer es indicar las rutas del favicon, logo y RSS.

Homepage settings

Permite configurar las opciones de la portada de la Web:

  • Featured Slider. Se puede rellenar por Etiquetas (Tag) o por Categorías (por ID). Las imágenes de este módulo tienen un tamaño recomendado de 720×450. El título de los artículos de esta sección en la primera versión se ajusta mediante el archivo de idioma y en la 2ª mediante opción del tema.
  • Carousel Slider. Mismo sistema que el anterior

SEO Options

Sección para valores y parámetros SEO por si no se utiliza un plugin con All-in-one SEO Pack. Es una sección bastante completa.

Navigation

Sección vacía que enlaza con el gestor de menús.

Miscellaneous

Opciones varias de configuración que se dejan por defecto y también tiene la opción de incluir el código de Google Analytics.

Banners

Permiten configurar los banners para los que la plantilla viene preparada:

  • Header banner, recomendado 468×60, Personalizado o código Adsense
  • Sidebar baner, recomendado250x200, Personalizado o código Adsense. Permite situarlo antes o después de los Widgets.

Widgets

El theme incorpora una serie de Widgets personalizados para la SideBar.

  • WPZOOM Video Widget: Permite insertar varios vídeos en un formato de Vista previa+lista de vídeos e irlos reproduciendo.
  • WPZOOM Tabs: Este Widget tiene una configuración especial, primero en la parte superior hay que colocar varios Widgets en la caja WPZOOM: Tabs Widget Area, después al colocar el Widgewt Tabs en la Sidebar nos aparecerá un Widget con pestañas y en cada una habrá uno de los Widget situados en el área superior. Por supuesto en el área superior no se debe colocar el Widget Tabs

Personalización

El tema incluye un archivo llamado custom.css donde se puede personalizar la apariencia de la plantilla. Por ejemplo el color del fondo en 2. Page Structure, sección Body.

Notas

En junio de 2012 se detecta un problema de seguridad con esta plantilla en el archivo timthumb.php. Para solucionar el problema se debe actualizar la plantilla a la última versión. Para actualizar Magazinum seguir los siguientes pasos:

  • Acceder al escritorio de la Web y ver la versión del Theme.
  • Ir al area de Members de WPZOOM: http://www.wpzoom.com/members
  • Descargar al última versión del Theme si es más nueva que la que tenemos
  • Borrar el Theme original. Si no hemos modificado nada del theme original lo que podemos hacer es subir directamente la plantilla por FTP.
  • Si hemos cambiado algunos archivos será necesario restaurar los modificados o realizar las mismas actualizaciones.
  • Más instrucciones de instalación:  Como actualizar el Theme Magazinum para WordPress
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…

Canvas Premium Theme

Canvas es una plantilla Premium para WordPress de Woo Themes con unas excelentes posibilidades de configuración y personalización.

Es una plantilla elegante y minimalista muy flexible que permite ser utilizada en muchos entornos distintosr: Bussines, Blog, Photo, Magazine. Canvas es.

Ver la ficha completa de instrucciones en la ficha del Theme: Canvas.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Cargando…