Tema “Imbalance 2″

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Imbalance 2 está diseñado en un estilo estrictamente moderno con un toque minimalista. Este tema puede convertir fácilmente tu sitio en un blog atractivo, un portafolio o incluso una revista en línea.

Estilo: Artístico, Brillante, Limpio, Contemporáneo, Elegante, Geométrico, Luz, Mínimo, Moderno, Sencillo y Sofisticado.

Opciones de diseño

Imbalance 2 ofrece dos opciones de diseño, fluido y fijo.

Diseño fluido
Ancho fijo

Opciones del tema

Color del tema personalizado

Con el tema Imbalance 2 se puede establecer tu propio color para acentuar el blog a través de ​​AparienciaOpciones del tema, que se utiliza en los enlaces y varios otros lugares en todo el tema.

Entradas destacadas

El tema opcionalmente permite promocionar las entradas fijas como entradas destacadas y las muestra a continuación en vista sencilla.

Widgets

Imbalance 2 es compatible con tres áreas de Widget, una en la cabecera y dos en el pie de página.

Apariencia personalizada

Puedes incluso personalizar Imbalance 2 con la característica de fondo personalizado, una imagen de encabezado personalizado, menús personalizados, y una plantilla de ancho completo.

La siguiente imagen muestra el uso de las columnas en el encabezado.

Especificaciones rápidas ( todas las medidas en píxeles ):

  • El ancho de la columna principal es 710, excepto en el diseño de ancho completo, donde es 960.
  • Ancho de Widget es 210 .
  • La imagen de cabecera personalizada es 210 por 170 (ancho, alto).
  • La imagen destacada funciona mejor con imágenes de por lo menos 210 de ancho.

“Imbalance 2″ es un diseño de WPShower.

Fuente: wordpress.com

Tema “Coraline”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Tema Coraline de Automattic

Coraline es un tema chillón y limpio con un menú, cabecera, fondo, y diseño personalizados. Coraline soporta 7 áreas de widget (hasta 3 en la barra lateral, cuatro en el pie de página) e imágenes destacadas (miniaturas para las entradas con formato “galería” y las imágenes destacadas de los mensajes y las páginas). Incluye estilos para la impresión y para el editor visual, estilos especiales para las entradas de las categorías de “minientradas” y de “Galería”, y tiene una opción de plantilla de ancho completo de página que elimina la barra lateral.

Varios diseños y colores

Cinco múltiples diseños de Coraline y dos combinaciones de colores que ofrecen una personalización de tu blog en un instante. Es fácil encontrar un estilo que se adapte a tu sitio con Coraline.

coraline-content-sidebar-dark[1]
coraline-content-sidebar[1]
coraline-sidebar-content-dark[1]
coraline-sidebar-content[1]
coraline-sidebar-content-sidebar-dark[1]
coraline-sidebar-content-sidebar[1]
coraline-sidebar-sidebar-content-dark[1]
coraline-sidebar-sidebar-content[1]
coraline-content-sidebar-sidebar-dark[1]
coraline-content-sidebar-sidebar[1]

 

Control de personalización de encabezado y fondo

Coraline te proporciona un fácil acceso a las opciones para personalizar la cabecera y el fondo. Desde AparienciaFondo en tu escritorio de WordPress puedes subir una imagen de fondo personalizada o cambiar el color de fondo del blog.

Desde Aparienciaencabezado también puedes subir tu propia imagen de cabecera, cambiar el color de texto del encabezado, o eliminar por completo el texto del encabezado. También puedes cargar imágenes personalizadas para las entradas individuales y las páginas con imágenes destacadas.

Especificaciones rápidas (todas las medidas en píxeles):

  1. El ancho de la columna principal es 500 .
  2. El ancho de la barra lateral es 200 en el diseño [barra lateral-contenido-barra lateral].
  3. El ancho de la barra lateral es 226 y 180 en el diseño [barra lateral-barra lateral-contenido] y el diseño [contenido-barra lateral-barra lateral].
  4. El ancho de la barra lateral es 234 en el resto de diseños de presentación del tema.
  5. La imagen de cabecera es 770 por 140 en los dos diseños de columna y 990 por 180.
Demo en acción: http://coralinedemo.wordpress.com/
Fuente: http://theme.wordpress.com/

Tema “Pink Touch 2″

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Pink Touch 2 tiene una mezcla estelar de color, textura y tipografía. Se presta especial atención a los detalles. Los efectos del diseño individuales son simples y sutiles, pero juntos dan a un blog un aspecto muy atractivo.

Pink Touch 2 ha sido diseñado teniendo en mente los formatos de mensaje. Es compatible con nueve formatos, – cita estándar, a un lado, la imagen, galería, chat, audio, enlace y el vídeo.

El formato de Cita

El formato de cita aumenta la fuente, y añade un color de fondo amarillo que lo hace destacar del resto.

El margen, la imagen, y formatos de vídeo

los formatos minientrada, imagen y de vídeo ocultan el título de tu mensaje, dejando a los lectores ir directamente al contenido.

Formato minientrada
Formato de vídeo
Formato imagen

 

El formato de galería

El formato de galería ofrece un vistazo a las fotos en la galería con la que muestra la última foto y la información acerca de la galería. Haciendo clic en dicha imagen se verá la galería completa.

El formato de chat

La alternancia en el formato CHAT con colores de fondo y los bordes de cada párrafo enfatizan la sensación de conversación.

El formato de entrada de sonido

En el formato de audio se agrega un reproductor de audio y también se esconde el título de su mensaje.

El formato de Enlace

El Formato de enlace muestra el primer vínculo encontrado en el contenido del mensaje y hace que el título de la entrada dirija al su lector allí.

Widgets

Pink Touch 2 es compatible con un máximo de tres áreas de widgets por encima del pie de página. Añade tus widgets favoritos para enriquecer tu blog.

Encabezado, fondo, y menú

Personaliza tu blog con una imagen de cabecera (incluyendo la posibilidad de tener varias que cargan aleatoriamente), imagen y/o color de fondo, y un menú personalizado.

Especificaciones rápidas (todas las medidas en píxeles ):

  1. El ancho de la columna principal es 510.
  2. la imagen de cabecera es 690 de ancho y 185 de altura.

 

Tema “Steira”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Presentamos “Steira”, un tema lleno de carácter “minimalista”, que estalla con detalles y funcionalidad por todos los lados.

14-03-2014 10-22-54

La barra lateral es mayor, con mucho más espacio para experimentar.

Cualquier widget funciona normal, pero sus widgets personalizados son muy convenientes y con estilo. El widget de “Comentarios Recientes” es especialmente agradable. Demuestra una dedicación a su contenido y al mismo tiempo, mantiene la intensidad visual del resto del tema.

14-03-2014 10-26-33

Hay un montón de detalles sutiles en este tema. Lo más notable es que la entrada más reciente del blog muestra una etiqueta “Nuevo” para advertir a sus visitantes.

Si se pregunta por qué no ha visto Steira antes, es porque no existía. Fue diseñado por Made by Elephant para los usuarios de WordPress.com, y nosotros estamos muy contentos de compartirlo. El tema está disponible en el Repositorio de Temas de Blogs de los Centros, completamente traducido al castellano,

 

Tema “Liquorice”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Añade un toque de color a tu sitio con Liquorice, un nuevo y fantástico tema disponible para los “Blogs del entorno ecoescuela”.

Con unas texturas muy bonitas y tipografías suaves como la seda para ser el marco perfecto para tu contenido. El diseño de este tema, luminoso y espacioso sin ser ni muy plano ni muy minimalista, encaja bien en cualquier tipo de sitio.

Página de Inicio de Liquorice

Liquorice contiene iconos personalizables de RSS, Twitter y Facebook en la cabecera de tu sitio y soporte integrado para Lobster, su gruesa y aventurera tipografía. Si activas Lobster (en Ajustes→ Google Fonts) para todo el texto, tendrás un toque retro en tu sitio. Los trazos gruesos y el estilo caligráfico lo hacen perfecto para resaltar títulos y cabeceras.

Haz de verdad tuyo este tema personalizando el fondo, la imagen de la cabecera y/o los menús. Dirígete a Apariencia → Opciones del tema para añadir sus URLs sociales para que los iconos y enlaces de Twitter y Facebook aparezcan en la cabecera.

Especificaciones rápidas ( todas las medidas en píxeles ):

  1. El ancho de la columna principal es 610 excepto en el trazado de ancho completo donde es 788 .
  2. La imagen de cabecera es de 900 de ancho por 235 de alto.
  3. La barra lateral es 178 de ancho.

Diseñado por Nudge Design

by Lance Willett
Más información: http://theme.wordpress.com/themes/liquorice/
Fuente: http://es.blog.wordpress.com/2011/03/18/nuevo-tema-liquorice/

Cómo activar entradas destacadas en “Twenty Eleven”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

El tema por defecto de WordPress, Twenty Eleven, tiene incorporada la funcionalidad de entradas destacadas, que las mostrará en un deslizador, pero no es obvio su uso.

Si quieres aprovechar esta funcionalidad no hay ajuste que modificar ni opción que activar, solo tienes que tener en cuenta lo siguiente para activarla:

  1. Crea una nueva página usando como plantilla la denominada “Showcase template” en el widget de “Atributos de página”
  2. En “Ajustes de lectura” de tu WordPress elige mostrar una página estática en portada, y eliges la página recién creada con la plantilla showcase
  3. Marca como “sticky” las entradas que quieres que aparezcan en el deslizador
  4. Añade una imagen destacada en la entrada, que será la que se mostrará en el deslizador. Si la imagen es del tamaño máximo (1000×288 pixels) o mayor se mostrará como fondo del área del deslizador, con el título de la entrada sobre la misma. Si es menor aparecerá a la derecha del área, con el título y el extracto a la izquierda de la misma. También debes saber que si la imagen destacada es igual o mayor que el tamaño máximo, en la plantilla de entrada simple esta reemplazará la imagen de cabecera

Hasta aquí como activar el deslizador, pero este tiene una característica que puedes cambiar. Y es que por defecto no tiene movimiento automático, sino que se muestran unos puntos en los que debes hacer clic para cambiar de una entrada destacada (sticky) a otra.

Nota: hemos cambiado el comportamiento de este tema, añadiendo un script que hace que avance automáticamente el deslizador de entradas destacadas.
Fuente :ayudawordpress.com

Tema “Twenty Eleven”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

El año pasado WordPress.com presentó al mundo el primer tema nuevo por defecto en WordPress en 5 años, Twenty Ten. Ahora es un placer para nosotros presentarles a todos a su sucesor, Twenty Eleven.

El tema Twenty Eleven

Puede parecer familiar. Sí, Twenty Eleven comenzó su vida como el tema Duster. Pero no es sólo el tema Duster renombrado. Hay un montón de mejoras realmente importantes y está repleto de nuevas características – más formatos de mensaje, bellas imágenes de cabecera, esquemas alternativos de color y diseños, colores de los enlaces, etc. Todas estas características se suman a lo mejor de Twenty Eleven: hasta qué punto es personalizable. Se ve como un gran blog, un escaparate de todos tus mensajes, e incluso un tumblelog o fotoblog.

El tema Twenty Eleven
La plantilla escaparate del Twenty Eleven
Opción de Fotoblog en Twenty Eleven

Si desea saber más acerca de las mejoras y nuevas características en Twenty Eleven accede a la página que las describe todas en la Muestra del tema (en inglés) . Puedes leer sobre Twenty Eleven allí y ver una demostración en vivo o simplemente activarlo en tu blog y empezar a ¡experimentar!. Estamos deseando ver cómo se utiliza Twenty Eleven en tu blog de centro. Ten en cuenta que debes de activar Twenty Eleven Child Theme 1.1 en Apariencia Temas de tu escritorio de WordPress en Blogs de los Centros.

by Ian Stewart
Más información: http://theme.wordpress.com/themes/twentyeleven/
Fuente: http://en.blog.wordpress.com/2011/06/06/new-theme-twenty-eleven/

Tema “Duster”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

screenshotDuster es un tema sofisticado diseñado y desarrollado por Automattic, que ofrece una única plantilla de página para convertir tu blog en un escaparate de diferentes tipos de mensajes – Destacados con una imagen,destacados, entradas con formato de enlace, y mucho más. También es compatible con opciones de personalización como fondos personalizados, encabezados, menús y widgets.

Con la ayuda de la plantilla de escaparate, “Showcase template“, puede hacer que su la primera página de su blog tenga un mensaje de texto de introducción, un mensaje que aparece con una imagen-grande o pequeña, en la parte superior, una columna de entradas recientes (mostrando el mensaje más completo) y una lista de otras publicaciones recientes a continuación. En la barra lateral puede tener lateral un widget personalizado que muestre sus mensajes con formato de minientrada y con formato de enlace. Después de crear una página y elegir la plantilla, en el módulo “atributos de página”, como “Showcase template”, puedes ponerla como página de inicio de tu blog. Para ello sigue los pasos dados en la entrada: página de inicio.

Duster Showcase

Ejemplo de página con plantilla “Showcase”

A continuación exponemos algunas de las “bondades” que aportará esta plantilla a su blog de centro.

Escaparate – “Showcase”

Para empezar con la plantilla de página personalizada showcase, que necesitas para crear una página, elije la plantilla showcase en plantillas de página, y asígnala como la página de inicio en Ajustes→Lectura . Esto va a cambiar la vista de tu sitio con respecto a la habitual bitácora. Todavía tienes la típica lista de blogs regularmente a la mano en varias vistas, como categorías, búsquedas, y las etiquetas, y puedes especificar otra página para trabajar como tu blog, si quieres.

Duster large imagen

Un mensaje destacado con una imagen destacada grande

Ahora, para hacer una entrada como destacada necesitas crear esta, marcarla como fija y subir/cargar una imagen destacada. Eso es todo lo que hay que hacer.

Para tener una imagen destacada grande necesitas una imagen que es al menos tan grande como la imagen de cabecera (1000px x 300px). También, asegúrate de que tienes un tamaño fijo de imagen grande en Ajustes→Multimedia que permite tales tamaños (por defecto en blog de los centros está establecido a 1024px x 1024px como máximo).

formatos

Formatos de entrada

Para rellenar la barra lateral puedes hacer uso de los formatos de entrada: “minientrada y enlaces” cuando se crea una nueva entrada (o convertir una vieja). Debes encontrar un nuevo widget a tu disposición, llamado “Duster Ephemera“, que puede personalizar la barra lateral a su gusto, mostrando estas entradas con formato de “minientradas” y con formato de “enlace“.

Y si quieres un mensaje de texto de introducción, sólo debes escribirlo en la página que elijas como la primera página (y plantilla showcase) y aparecerá en su sitio. No tiene ningún misterio.

duster intro

Mensaje de la página de inicio

Widgets

Duster tiene áreas en la barra lateral para mostrar sólo en la página de plantilla showcase, otra área para las páginas regulares del blog, y tres áreas widget de pie de página.

duster footer

Áreas de widget de pie de página

Fluidez

Este tema fue diseñado para que su trazado se adaptara para las pantallas y vistas más pequeñas. Trata de cambiar el tamaño de tu navegador y podrás ver el tema haciendo este trabajo en tiempo real.

Detalles

Duster tiene muchos detalles pequeños pero interesantes. Como un cuadro de búsqueda expandible, imágenes destacadas como imágenes de cabecera grande, una buena representación visual de autores de entrada con sus avatares, un formulario de comentarios impactante, y mucho más. Dale una oportunidad para ver si es el tema que has estado buscando.

También puedes vestir tus mensajes con imágenes o etiquetas <blockquotes> en los márgenes con un atributo class de “pull” y “alignleft” o “alignright“. Además, puedes agregar, con etiquetas <blockquotes>, un atributo de clase, class, de sólo “pull” si quieres un blockquote más dinámico que se extienda a ambos lados. Éstos son algunos ejemplos de cómo hacerlo en el editor de mensaje HTML.

blockuoteTambién puedes combinar un atributo class=”pull” con la alineación a la derecha e izquierda, lo que hará flotar las imágenes de izquierda y tirar de ellas en los márgenes también (pruébalo para ver los resultados).

Especificaciones rápidas:

  1. Duster es flexible, pero en su anchura máxima de los mensajes y las páginas individuales, las medidas principales de la columna es de 585 pixels.
  2. La imagen de cabecera es de 1.000 píxeles de ancho y 300 píxeles de altura.

Tema “Pilcrow”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Si quieres un tema simple y limpio para tu blog, que puedas personalizar según tus necesidades, creemos que te encantará el que presentamos hoy. Se llama Pilcrow.

Pilcrow

Pilcrow

Pilcrow posee un aspecto familiar, simple y limpio, con un diseño básico extendido a seis posibles disposiciones, y hasta cuatro barras laterales y zonas para widgets. La elección es tuya.

seis disposiciones

seis disposiciones

Además de las múltiples disposiciones también puedes elegir cuatro esquemas de color distintos: claro, oscuro, rojo, y marrón. Si visitas Apariencia → Fondo, puedes personalizar el fondo de cualquiera de los esquemas de color y subir tu propia imagen de fondo.

Pilcrow con la disposición de 3 columnas, colores marrón, cabecera oculta y fondo personalizado

Pilcrow con la disposición de 3 columnas, colores marrón, cabecera oculta y fondo personalizado

Pilcrow también tiene una cabecera personalizable. Desde Apariencia → Cabecera puedes subir tu imagen de cabecera, cambiar el color del texto u ocultarlo. Si quieres una cabecera especial para una entrada o página, puedes subir una imagen destacada desde el editor de páginas o entradas.

Google Font DirectoryGoogle Font Directory: este servicio está disponible de forma muy sencilla para los Centros, con este tema, a través del panel “AparienciaGoogle Fonts” del escritorio de WordPress. Este servicio da ofrece varios tipos de letras para usar en tu Weblog de modo natural. Leer más sobre este servicio en nuestro blog.

El tema Pilcrow está disponible desde hoy mismo en Apariencia → Temas para los usuarios de “Blogs de los Centros”.

Especificaciones (todas las medidas están en píxeles):

  1. El ancho de la columna principal es de 500, excepto en ancho total que es de 990.
  2. Las dimensiones de la imagen de cabecera son de 770 de ancho por 200 de altura para dos columnas y de 990 de ancho por 257 de altura para ancho total.
  3. El ancho de la barra lateral es de 230.
  4. El ancho de la barra lateral secundaria, en la disposición de 3 columnas, es de 180 y el ancho de las otras dos es de 205.
Fuente: es.blog.wordpress.com

Tema “Mainstream”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

Tema Mainstream

Tema Mainstream

Este es un tema vibrante para tu blog de Centro o proyecto con una colorida selección de estilos, construida sobre el marco WooThemes muy flexible, con una selección de opciones para éste.

  • Fecha de lanzamiento: 23/07/2009
  • Diseñador: Pienaar Adii

Estas son algunas de las características que encontrarás en el tema:

  • banner integrado de gestión de publicidad;
  • “Widgetizada” barra lateral, con algunos widgets personalizados específicos de Mainstream que le permiten el control absoluto de lo que sucede en la columna lateral, y…
  • 5 combinaciones de colores diferentes para elegir …

Detalles:

1. Backend: opciones del tema

Haciendo cambios simples sin la edición de código, como la adición de su propio logotipo, cambiar a un estilo de color alternativo, añadiendo el código de Google Analytics, no podría ser más fácil con el panel de nuestro backend WordPress opción del tema.

2. Cross-browser compatible

Hemos probado este tema para asegurarnos de que es compatible con todos los navegadores modernos como Firefox, Safari, Chrome e Internet Explorer. También deben ser todos los estándares web compatibles.

3. Miniaturas de tamaño automático

Una secuencia de comandos para cambiar el tamaño de imagen incorporado en el marco Woo escala automáticamente las imágenes después de píxel perfecto en nuestras plantillas. No hay necesidad de subir nuevas imágenes recortadas en la redefinición de su sitio web.

4. Traducido al castellano

WooThemes vienen empaquetados con un Archivo de tema para WordPress de extensión “.po”, gracias al cual hemos podido realiar la traducción completa al castellano sin dificultades.

5. Marco Woo

Todos nuestros temas se basan en el mismo marco WooThemes, con modificaciones a través del panel de opciones Mainstream. Todo está perfectamente codificado.

 

6. Página de plantillas personalizadas

Nuestros temas vienen empaquetados con una plantilla de ancho de página completa sin la barra lateral, y el mapa del sitio / página de archivos de plantillas para la eficiente enlaces rápidos a todos los mensajes ocultos que escribió hace siglos que aún merece ser visto.

Fuente: http://www.woothemes.com/2009/07/mainstream/

Tema “Twenty ten”

Escrito por eco escuela 2.0 el . Posteado en Tema 5: Cambiar el aspecto del blog

por Matt Thomas en Sólo otro blog de WordPress.com.

El tema llamado Twenty Ten, es el tema asignado cuando se crea un nuevo blog en WordPress (lo era en el año 2010). Según sus creadores…

el objetivo del tema es ser agradable, personalizable, sencillo y sobre todo, legible. Ya que todos los nuevos usuarios ven Twenty Ten a partir de ahora, hemos querido diseñar un ejemplo de lo que puede ser hecho con un tema de WordPress – lo que significa crear nuevas características y utilizar otras poco conocidas“.

Cabecera personalizable

La selección de fondos Twenty Ten ya incluye imágenes perfectas para la cabecera. Es fácil cambiar entre ellas o incluso subir su propia imagen. Puede también cambiar la imagen de cabecera en cada entrada, gracias a la funcionalidad de imágenes destacadas.

Fondos Personalizables

Fuente: Matt Thomas en es.blog.wordpress.com

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: