Publicaciones etiquetadas ‘Temas’

Tema “Twenty Fourteen”

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

twentyfourteen-home

twentyfourteen-home

El tema por defecto para el 2014 es pulcro con un aspecto elegante y moderno, y muy bien diseñado. Twenty Fourteen se ajuste a los sitios de contenido rico. Le permite resaltar determinados artículos en la página principal, y para equilibrar la legibilidad con un uso poderoso de la fotografía – todo ello en un diseño que funciona en cualquier dispositivo.

Contenido Destacado e Imágenes destacadas

La página principal cuenta con la posibilidad de elección de hasta seis entradas que se muestran en una rejilla o un pase de diapositivas con control deslizante, y controlados por la etiqueta de entrada “featured”. Puede cambiar la etiqueta y el diseño en Apariencia → Personalizar. Utilice esta área de “Contenido Destacado” para asegurarse de que sus mejores artículos llamen la atención.

20-03-2014 13-46-05 20-03-2014 13-45-06

Este tema premia el uso de Imágenes destacadas para las entradas. Se muestran con gran visibilidad, tanto en el área de contenido destacado como encima de entradas y títulos de páginas en el diseño de plantilla por defecto, y las imágenes captan rápidamente la atención de los lectores.

Widgets

El tema cuenta con tres áreas de widgets listos para su mayor personalización: un área de pie de página y dos barras laterales. La barra lateral principal está a la izquierda, con un “contenido” de la barra lateral opcional a la derecha del artículo. Twenty Fourteen también viene con un widget “Ephemera” único para mostrar sus últimos vídeos, música, enlaces y mucho más.

Plantillas de página

Páginas de contenido a medida a sus necesidades con dos plantillas de página especiales: una página de ancho completo para quitar la barra lateral derecha, y una página de Contribuyentes para poner de relieve los autores del blog.

Información sobre el diseño

La legibilidad es un elemento clave en Twenty Fourteen, con una equilibrada combinación de altura y longitud de la línea, optimizada para 55-75 caracteres por línea. La fuente, Lato , es una tipografía hermosa y un ajuste perfecto para un tema de revista como este: se ve muy bien en tamaños más grandes, tales como títulos de las entradas o páginas, pero sigue siendo neutral cuando se usa en el cuerpo del texto.

mobile-viewLa zona de cabecera se fija a la parte superior de la página, lo que significa que incluso cuando se desplaza lejos en una página se puede acceder al menú directamente, sin necesidad de desplazarse arriba todo el camino de vuelta.

las citas se pueden mejorar en las pantallas más amplias con sólo añadir una clase Pull para el elemento blockquote que puede ser alineado a la izquierda o a la derecha, y la cita va a flotar en el margen correspondiente. Es un tratamiento visual sutil, sin embargo, hace que las entradas parezcan más dinámicas, y ayuda a llamar la atención a sus puntos clave. Vea un ejemplo de las citas en acción .

Al ser un tema de diseño adaptativo se puede ver en los dispositivos de todos los tamaños, desde teléfonos inteligentes y tabletas hasta los últimos y más grandes pantallas HiDPI. Su sitio se verá hermoso, legible y utilizable sin importar con que dispositivo lo visiten sus lectores.

Personalizar

Puede configurar los menús en dos lugares: un menú de navegación principal en la cabecera, y un menú secundario en la barra lateral izquierda. También puede agregar una imagen de cabecera y una imagen o un color de fondo si lo desea. Nota: la imagen o el color de fondo sólo se puede mostrar en las pantallas muy amplias.

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

  1. El ancho de la columna principal es 474.
  2. Las imágenes destacadas funcionan mejor con imágenes que son menos 1.038 de ancho.
  3. La anchura de la barra lateral principal (izquierda) es de 162.
  4. La anchura de la barra lateral de “contenido” secundario (derecho) es de 306.
  5. Los widgets en el área de widget de pie de página  son 255 de ancho.
  6. El tamaño de la imagen de cabecera es de 1260 de ancho y 240 de alto.
  7. las imágenes de las páginas son de ancho total de la página y 810 de ancho.

Tema “Twenty Thirteen”

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

twentythirteen3

twentythirteen3El tema de 2013 para WordPress.com es colorido, pertinaz, y está listo para dar a su blog un cálido ambiente acogedor.

Diseño sensible y adaptable a distintos dispositivos

Lo que hace que este tema realmente brillar son los detalles de diseño. A partir de un diseño adaptable cuidadosamente elaborado, Twenty Thirteen está destinado a ser visto en cualquier dispositivo de diferentes tamaños, desde los teléfonos inteligentes y las tabletas hasta las últimas y más grandes pantallas HiDPI. No importa desde donde decidan visitarle sus lectores, pues siempre va a tener un blog de buen aspecto, legible y utilizable.

Hermosa Tipografía

Para aumentar el atractivo y la legibilidad, Twenty Thirteen cuenta con dos fuentes de pantalla magníficos, Source Sans Pro para el texto principal y Bitter para los encabezados. Una fuente de símbolos llamada Genericons se utiliza para proporcionar los iconos sin problemas de escala en todo el tema.

Varios formatos de entradas

Twenty Thirteen ofrece una amplia gama de formatos de entrada disponibles en WordPress, cada uno se muestran muy bien en su propio y único formato.

Ejemplo de visualización de colores en formato postal.

Ejemplo de visualización de colores en formato postal.

Enlaces, citas, vídeos, clips de audio, estados, imágenes, galerías y chats en cualquier formato que elijas en el editor de entradas. Cada forma se muestra un poco diferente a las entradas del blog estándar, incluyendo un color de fondo único y posiblemente un tratamiento diferente de texto.

Twenty Thirteen muestra su contenido amorosamente a mano con colores fuertes y sin complejos. Alterna grandes franjas de colores para alentar la publicación de una variedad de formatos de escritura de todo tipo de contenido diferente en tu blog: imágenes, vídeos, citas, enlaces y mucho más. Los colores correspondientes a varios formatos son distintos pero complementarios. Cualquier combinación de formatos dará lugar a un diseño exuberante y atractivo.

Widgets

Twenty Thirteen trabaja mejor sin una barra lateral, y está diseñado con un único diseño de columna en mente. No sólo mejora la maravillosa visión de colores, de ancho completo, sino también pone el foco completo en su contenido cuidadosamente elaborado. Si usted es un fan acérrimo de los widgets, puede decidir aprovechar el pie de página o área de widget de la barra lateral opcional.

Ejemplo de pie de página de visualización de widgets.

Ejemplo de pie de página de visualización de widgets.

Personalice con Colores e Imágenes de Cabecera

Haga el diseño totalmente suyo con una imagen de encabezado personalizado y un menú personalizado. Las mejores imágenes de cabecera personalizada son decorativas imágenes de fondo. La imagen será recortada para las pequeñas ventanas (no escaladas como en Twenty Ten y Twenty Eleven) para ajustarse al área disponible fijada para la altura y anchura. Esto significa que las imágenes de cabecera que funcionan mejor con este tema son imágenes abstractas o decorativas como las tres imágenes de cabecera incluidas.

Nota: Twenty Thirteen no tiene soporte para colores e imágenes de fondo personalizado porque el diseño es ancho 100%, es decir, un color de fondo no se mostrará en la mayoría de los tamaños de pantalla.

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

  1. El ancho de la columna principal es 604
  2. Los Widgets en el área de widget del pie de página son 245 de ancho.
  3. La anchura de la barra lateral secundaria es 260 .
  4. El tamaño de la imagen de cabecera es 1.600 de ancho y 230 de alto.
  5. La imagen destacada de las entradas  y la imagen del formato de entrada imagen funciona mejor si son menos de 724 de ancho.

Fuente: theme.wordpress.com
Ver una demostración del tema en twentythirteendemo.wordpress.com/

Tema “P2″, blogging a la velocidad del pensamiento

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

P2
P2

Blogging en tiempo real para mantenerse al día en la escuela, alumnado, familias, compañeros de trabajo, y otros.

Tenemos el placer de presentarles un tema nuevo que reinventa lo que significa blog de grupo en WordPress. Se llama P2 y es una puesta en escena de microblogging en WordPress. Según los autores, Automattic, los mismos autores del tema Duster, ahora el tema P2 es más rápido, más elegante, y listo para la última versión de WordPress y más allá.

P2 es un tema para WordPress que transforma un blog corriente en un super-blog con características como comentarios en línea en la página web, un correcto formulario de mensajes en la página web, la edición en línea de blogs y comentarios, actualizaciones en tiempo real para nuevas entradas y comentarios, publicar sin demora (sin hacerlo a través del escritorio), y mucho más. He aquí un vídeo tour rápido de las mejores características:

Notificaciones en vivo, comentarios en la página principal, y la edición en línea son sólo una parte de lo que hace el “revolucionario” P2. Con estas características, nunca tendrás que volver a cargar, y rara vez necesitas visitar el escritorio. Todo lo que necesitas para comunicarte con otros usuarios en tu blog de blog de centro (y tus lectores, también), está ahí en la primera página. Según sus autores, les gusta pensar en ello como una versión genial de Twitter para grupos.

P2 es el tema perfecto para usar cuando se está colaborando con equipos remotos. Es una gran herramienta para la escuela, para comunicarse entre un grupo de clase u otras agrupaciones como claustro, departamentos, consejo escolar, AMPA, etc.

También puede ser una forma divertida de publicar y compartir cualquier cosa. Si quieres, puedes ver una demo oficial del tema en acción.

Aquí está el resumen de las características principales de P2:

  • Se muestan los comentarios anidados en la página principal.
  • Edición en línea de entradas y comentarios.
  • Sugerencia de etiquetas en vivo basado en las etiquetas utilizadas anteriormente.
  • Función de mostrar/ocultar comentarios, para mantener las cosas ordenadas.
  • Notificaciones en tiempo real cuando se actualiza o publica un nuevo comentario.
  • Atajos de teclado muy práctico: c para componer un mensaje nuevo; j para ir a la orden del día; k ir al elemento anterior, r para responder, e para editar, o para mostrar y ocultar los comentarios, t para ir a la parte superior ; esc para cancelar.
  • Incorporación de la fuente “Helvetica Neue” para los amantes de la fuentes modernas.
  • Publicación de la primera página.
  • RSS para todo: de el prólogo completo, de cada autor, de cada etiqueta y de cada búsqueda.
  • Personalización de la imagen de cabecera y del color o imagen de fondo.
  • Control de la funcionalidad y el diseño a través de las opciones del tema a través del escritorio en Apariencia Opciones del tema P2.
  • Y, según sus autores, mucho más por venir. Mantén un ojo en blog de ​​los centros para saber de las actualizaciones.

Tema “Superhero”

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

Dele a su blog un aspecto limpio con estallidos brillantes de color. Superhero cuenta con sangrado completo, entradas e imágenes destacadas, una cabecera fija y sutiles transiciones CSS3.

14-03-2014 11-03-15

Áreas Widget

Superhero tiene una barra lateral para widget que aparece en todo el sitio (excepto cuando se usa la plantilla de página de ancho completo. Puede ser configurado en Apariencia → Widgets .

Menús personalizados

Este tema tiene tiene una sola zona para un menú principal personalizado en la cabecera, que se pueden configurar a través de Apariencia → Menús. También se puede añadir un menú adicional en la barra lateral a través del Widget “Menú personalizado“.

Encabezado y Fondo personalizado

Este tema también cuenta con un encabezado personalizado que se puede configurar en Apariencia → Cabecera. El fondo también se puede personalizar accediendo a Apariencia → Fondo.

Plantilla de Página de ancho completo

Si lo desea, puede quitar la barra lateral de una página, al asignarle la plantilla de anchura completa en Atributos de página.

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

  1. El ancho de la columna principal es 645, salvo en el diseño de ancho total, donde es 910.
  2. La anchura de barra lateral es 190.
  3. la imagen destacada de una entrada individual es, al menos, 645 de ancho.

Ver demo: http://superherodemo.wordpress.com

Tema “Oxygen”

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

Oxygen es un tema mínimalista pero muy bien diseñado con formato revista. Con unas buenas fotos y un diseño equilibrado hace que su blog parezca una revista con aspecto profesional al instante.

Plantilla de página Showcase

La primera vez que active Oxygen, podrán ver tus mensajes en un formato de blog tradicional, pero si usted desea mostrar su contenido en una revista en línea, entonces usted puede utilizar la plantilla de página Showcase.

La plantilla de la página Showcase ofrece un banner deslizante de entradas fijas. Para utilizar la plantilla, crear o editar una página, y asignarle la plantilla de página Showcase. Si desea utilizar la plantilla de página Showcase en su primera página, vaya a Configuración → Lectura, en su escritorio de WordPress, y ajuste la opción Primera página a página estática. Seleccione la página que acaba de asignar la plantilla de página Showcase como su página principal y luego elija otra página para que sirva como su página de blog.

Deslizador de entradas destacadas en plantilla de página Showcase

Imágenes

Para obtener el máximo provecho de este tema, el cuidado de las Imágenes es importante.

Miniaturas de entradas están 470 píxeles de ancho, a menos que haga la entrada fija para mostrar en el control deslizante, en cuyo caso son 750 píxeles de ancho.Tenga en cuenta: si se marca una entrada como fija pero la imagen ofrecida es menor de 750 píxeles de ancho, entonces no se mostrará en el banner y además no va a aparecer con el resto de las entradas a continuación.

Apariencia personalizada

Oxygen, además de un Fondo personalizado , una cabecera personalizado , y tres menús personalizados, puede personalizar aún más este tema con nueve familias de fuentes, cinco tamaños base de fuente y un color de enlace personalizado.

Áreas de Widgets

Oxygen ofrece siete áreas de widgets:

La barra lateral principal muestra las categorías y los archivos por defecto, y la Barra Lateral Secundaria muestra la caja para buscar, enlaces y metadatos de forma predeterminada si no se configuran los widgets en Apariencia → widgets en tu escritorio de WordPress.

Las cuatro columnas de pie de página y el área de widget “después de entrada” son opcionales y se mostrará sólo cuando se configura. El widget “Después del anuncio” es útil para incluir una descripción breve, autor o tal vez una lista de etiquetas o categorías para ayudar a los lectores, con mayor eficacia, a descubrir su contenido.

Menús personalizados

Oxygen admite hasta tres menús personalizados que se pueden configurar en Apariencia → Menús en el escritorio de tu WordPress:

  • El menú principal aparece debajo del nombre del sitio, en modo horizontal
  • El menú Secundario aparece con un fondo negro, justo debajo del menú principal, en modo vertical.
  • El menú terciario aparece en el pie de página

Diseño Sensible

Oxygen ofrece un diseño a medida en función del dispositivo que esté utilizando. Esto hace que tu blog se vea bien, no sólo en los navegadores de escritorio, sino también en dispositivos con pantallas más pequeñas, como el iPad y el iPhone.

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

  1. El ancho de la columna principal es 470, salvo en el diseño de ancho completo donde es 940.
  2. Ancho de la barra lateral primaria es 160.
  3. Ancho de la barra lateral secundario es 250.
  4. El tamaño de la imagen de cabecera es de máximo 940 de ancho.
Más información y fuente: wordpress.com
Demo en vivo del tema: oxygendemo.wordpress.com

Tema “Publish”, exclusivo para blogs del profesorado (ecoblog)

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

Si es usted un bloggero, educador, escritor o poeta, el tema publishes la elección perfecta. Es un tema limpio y mínimalista, lo que pone a usted ya su contenido en el escenario. Entre otras características, “publish” tiene un diseño sensible, soporta imagen de cabecera y fondo personalizado, varios formatos de entrada, una barra lateral y un menú personalizado.

Ancho sensible

Su diseño sensible asegura que su trabajo se ve muy bien en todos los tamaños de pantalla que van desde pantallas de escritorio de gran tamaño, a las tabletas pequeñas y pequeños teléfonos móviles. En los teléfonos móviles, “publish“, el menú de navegación se encuentra oculto, pudiéndose activar con un click en el menú desplegable, dejando menos distracción, y más espacio para su contenido.

Imagen de Cabecera o logotipo personalizado

De forma predeterminada, “publish” mostrará el Gravatar del propietario del sitio en el área de la imagen superior izquierda. Usted puede modificar esto fácilmente para que cargue una imagen de cabecera personalizada en Apariencia → Encabezado , o se puede eliminar por completo mediante la opción “Quitar imagen de cabecera”.

Widgets en la barra lateral

Este tema soporta una barra lateral, que se muestra justo después de la navegación principal en el sitio a mano izquierda. Para configurar este área, vaya a Apariencia → Widgets. Tenga en cuenta también que en pantallas de menor tamaño (tabletas y dispositivos móviles), los widgets de la barra lateral se mostrarán en la parte inferior de la página.

Menú personalizado

El Menú Principal está situado por encima de la barra lateral principal, y se puede configurar para navegar en Apariencia Menús en su escritorio de WordPress. El menú sólo soporta un nivel de profundidad, lo que significa que no es compatible con sub-menús. En tabletas y dispositivos móviles, se visualiza el menú en la parte superior de la página.

Fondo personalizado

Se puede definir un color personalizado, o cargar una imagen para usar como fondo en Apariencia → Fondo en su escritorio de WordPress.

Especificaciones rápidas

( todas las medidas en píxeles )

  1. El ancho de la columna principal es 525
  2. El ancho de la barra lateral principal es 180
  3. Las dimensiones sugeridas para la imagen de cabecera son 100 por 100 (ancho, alto). Sin embargo, la altura es flexible para que pueda cargar una imagen más grande si lo desea.
Fuente y más información en theme.wordpress.com

Tema “Hatch”, exclusivo para blogs del profesorado (ecoblog)

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

Hatch es un tema ligero y escueto para los fotógrafos, ilustradores y artistas visuales.Su portfolio se magnifica con audaces imágenes destacadas del tema, las entradas de ancho de pantalla completa, y un espacio para su logotipo. Siga leyendo para averiguar cómo configurar su propio sitio Web impresionante con Hatch. Este tema está sólo disponible para ser activado por el profesorado en su blog personal, en ecoblogs – Blogs del profesorado

Imágenes

El estilo en forma de parrilla de la página de inicio se basa principalmente en imágenes destacadas, por lo que se ve mejor cuando se asignan estas a cada una de sus entradas. Usted puede hacer esto utilizando la caja o módulo “Imagen destacada” al crear o editar una entrada en su escritorio de WordPresss.

Las imágenes aparecerán tanto en el blog como en el avance y la vista de las entradas individuales. Tenga en cuenta que en la vista de las entradas individuales, la imagen personalizada que aparece se duplicará si también se incluye en el contenido de la misma entrada.

Si no se ha asignado una imagen destacada en la entrada, Hatch intentará sacar la primera imagen adjunta en su entrada. Si la imagen destacada no está asignada, el tema muestra un marcador de posición de color gris claro.

Opciones del tema

Hatch le permite personalizar incluso mucho más su blog/sitio al añadir un logo a la izquierda de el título del sitio. También puede agregar un mensaje breve a su página principal para dar la bienvenida a sus visitantes o introducir su trabajo mostrado.

Usted puede encontrar opciones exclusivas del tema Hatch tema en su escritorio de WordPress a través del panel “Apariencia Opciones del Tema“.

Menú personalizado

El Menú Principal se encuentra a la derecha del título de su sitio, y se puede configurar a través del panel “Apariencia Menú” en su escritorio de WordPress.

Personalizar encabezado

Hatch es compatible con una imagen personalizada flexible en altura como encabezado, que se puede configurar a través del panel “Apariencia Cabecera” en su escritorio de WordPress.

La imagen de cabecera se muestra sólo en la página principal, y su tamaño depende de la presencia de un mensaje de bienvenida en las opciones del tema. Si el mensaje de bienvenida está activo, tendrá un 66% de la columna de contenido, de lo contrario se ocupan todo el ancho de la columna de contenido.

Fondo personalizado

Adorna tu sitio con un color o imagen de fondo; para ello vaya a “Apariencia Fondo” en su escritorio de WordPress.

Widges

Hatch apoya cinco áreas para Widgets – una de las páginas, una detrás de los mensajes individuales, y tres columnas en el pie de página. Puede configurar estas zonas, para ello vaya a “Apariencia → Widgets” en su escritorio de WordPress.

Especificaciones rápidas

(todas las medidas en píxeles)

  1. El ancho de la columna principal es 940 excepto en las páginas, donde es 640
  2. El ancho total, de página con plantilla “sin barra lateral” es 940
  3. El ancho después de barra lateral de una entrada simple es 940
  4. El ancho de la barra lateral de página es 260
  5. La anchura lateral del Pie es 287
Fuente y más información en theme.wordpress.com

Tema “Twenty Twelve”

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

Hoy ya está disponible para los blogs de los centros y blogs del profesorado. Solo tienes que buscarlo en AparienciaTemas de tu escritorio de WordPress y empezar a usarlo tras activarlo, para disfrutar de sus muchas virtudes.

Por supuesto, algo imprescindible en estos tiempos, es un tema adaptable (responsive) que se adapta al dispositivo y tamaño del navegador con el que lo estés visualizando, pero tiene más.

Enfocado en ser de lectura fácil, usa un tipo de letra muy legible, Open Sans, realmente bonita para nuestro gusto, y lo que es más importante, limpia y que facilita la lectura. Haga clic en la imagen de abajo para ver una captura de pantalla antes y después de un ejemplo de página donde se muestra a la izquierda con fuente Helvetica / Arial está a la izquierda y a la derecha con fuente Open Sans:

La fuente de letra Open Sans, diseñada por Steve Matteson, es gratuita y de código abierto. Se ha optimizado para impresión, Web e interfaces móviles.

En cuanto a la disposición, es de reseñar la portada, que una vez definida una página estática para tu “Inicio“, ofrece un espacio para un texto introductorio y su imagen, así como una serie de widgets donde mostrar información adicional y las últimas entradas, muy interesante para todo tipo de sitios webs corporativos, y muy adaptable.

Publica Formatos todas partes

Estilismo para formatos de entrada se mantiene constante tanto en la lista y puntos de vista individuales. Los enlaces, citas, estados, y las imágenes que ha seleccionado para ser formateado como tal en su editor de entradas se muestran un poco diferente a los mensajes del blog estándar, y ellos mantienen su vista y sentido únicos a través de su sitio.

Widgets y diseño sin barra lateral

Twenty Twelve ama la vista sin barra lateral tanto como usted lo hace. Utilice la opción “de ancho total” de la página, sin barra lateral en la plantilla de página para quitar la barra lateral de cualquier página. ¿Quiere simplificar aún más y eliminar la barra lateral de todos tus mensajes y las páginas? Simplemente quite todos los widget activos de la zona principal de la barra lateral y la barra lateral desaparecerá.

Personalizar

Puede hacer que el diseño de tu blog con el tema 2012 se diferencie del resto con un menú personalizado, imagen de cabecera personalizada y color y/o imagen de fondo personalizado.

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

  1. El ancho de la columna principal es 625, salvo en el diseño de ancho completo donde es 960, ancho barra lateral es 250.
  2. El ancho de imagen “Destacados” es 624 (la altura es flexible) – estas imágenes se muestran en formato de entrada “estándar”, en entradas sin un formato específico y como imagen.
  3. Las dimensiones sugeridas para las imágenes de cabecera 960 por 250 (ancho x alto). Sin embargo, ambos son flexibles para que pueda subir una pequeña imagen recortada si así lo desea. La anchura se limita a 2000 .

Fuentes: Ayuda WordPress, Just Another WordPress Weblog

Tema “Ascética”

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

Presentamos un nuevo tema disponible para los blogs de los centros educativos (edublog) y el planeta de los blogs de los profes (ecoblog). Es Ascética, un hermoso tema de AlienWP , diseñado por Galin Simeonov.

Aparta el desorden y concentrate en tu contenido. Ascética prefiere sutiles detalles sobre trucos llamativos trucos y proporciona el equilibrio perfecto entre el minimalismo, el espacio en blanco, la capacidad de respuesta y la adaptación para que puedas centrarte en lo más importante: tu contenido.

Artículo destacado deslizante

Muestra hasta 10 de tus entradas favoritas en el banner deslizante marcándola como fija y establece una imagen destacada de, al menos, 660 píxeles de ancho.

Banner Foto principal

Añade un banner en la vista de las entradas individuales y las páginas configurando una imagen destacada de, al menos, 660 píxeles de ancho.

Apariencia personalizada

Ascética puede personalizarse y encajar mejor con lo que quieres mostrar a través de las opciones de personalización: fondo personalizado, encabezado personalizado , o menú de navegación personalizado .

Áreas Widget

Con una barra lateral a la derecha (que se corresponde con un área de widget primario), otra barra lateral a la izquierda (que se corresponde con un área de widget secundario), y cuatro áreas opcionales de widget de pie de página, Ascética viene equipada con un montón de espacio para apoyar a tu contenido en una serie de configuraciones. Puedes configurar tus barras laterales en Aplicaciones → AparienciaWidgets .

Diseño Sensible

Ascética responde bien a cualquier dispositivo que puedan optar los usuarios para visitar tu blog, mostrando un aspecto coherente a través de una variedad de resoluciones.

Especificaciones rápidas:

  1. El ancho de la columna principal es de un máximo de 461 píxeles de ancho.
  2. Las imágenes Artículo destacado deslizante debe ser de al menos 660 píxeles de ancho y 330 píxeles de altura
  3. Las imágenes Artículo destacado banner debe ser de al menos 660 píxeles de ancho
  4. El ancho de encabezado de la imagen personalizada es un máximo de 660 píxeles de ancho.

Tema “Graphene”

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

El tema Graphene es un tema para WordPress elegante, limpio, y construida para WordPress 3.0+. Es compatible con muchas (si no todas) de las nuevas características introducidas en WordPress 3.0+, así como una serie de otras características introducidas en versiones anteriores de WordPress.

Este tema es compatible con IE7, IE8, Firefox de Mozilla, Safari y Google Chrome. También puede ser compatible con otros navegadores modernos (por ejemplo, Opera), pero no hay pruebas de compatibilidad extensa que se hayan hecho en estos otros navegadores.

Características

  • Dos columnas , con la barra lateral para widgets a la derecha y otra barra inferior.
  • También puede utilizar una barra lateral alternativa para la primera página.
  • Usted puede especificar el número de columnas que se mostrarán en la barra inferior.
  • Incluye un control deslizante (jQuery) en la página principal para ver tus entradas destacadas. Implementación nativa, sin plugin necesario.
  • Incluye una columna, a todo lo ancho en la plantilla de página (desde 1.0.5). Ver demo .
  • Incluye una página de autor, que muestra los datos del autor, las últimas entradas, las entradas más comentadas, y muestra una lista paginada de todas las entradas del autor.
  • Built-in widget de Twitter para colocar en la barra lateral. Usted puede elegir el título que se mostrará, así como la cantidad de tweets más recientes que le gustaría que se muestren, todo ello desde la página de administración de Widgets de WordPress.
  • (WordPress 3.0+) compatible con imágenes personalizadas de cabecera. Un total de 7 imágenes por defecto de cabecera se incluyen con el tema (véase el archivo readme.txt del tema para los créditos de la imagen). También puede cargar y configurar su propia imagen de cabecera a través de la página de administración de WordPress.
  • (WordPress 3.0) compatible con el texto de encabezado personalizado. Usted puede elegir el color de los textos de cabecera, o incluso no mostrar nada en absoluto.
  • (WordPress 3.0) compatible con fondo personalizado. Usted puede subir su propio fondo y establecer su propio color, todo a través de la página de administración de WordPress.
  • (WordPress 3.0) compatible con imágenes en miniatura de entradas. Ahora puede cargar y establecer una imagen destacada para las entradas o las páginas, y la imagen destacada sustituirá a la imagen de cabecera cuando esa entrada / página se visualice.
  • (WordPress 3.0) compatible con menú personalizado. Ahora puede configurar su propio menú a través de la función de WordPress de menú personalizado. Si no se define un menú personalizado, el tema mostrará todas las páginas, como el menú.
  • Posibilidad de ocultar los parámetros de las entradas, como la fecha, el autor de la entrada, el número de los comentarios, etc
  • Menú desplegable de hasta 5 niveles de profundidad (desde 1.0.5).
  • Página de las opciones del tema. Existe una página de opciones para este tema en el subpanel Apariencia, en el Escritorio de de WordPress, donde puede modificar ciertas partes del tema sin profundizar en los códigos.
  • Puede modificar el estilo de la fuente de texto para el título del encabezado y de la descripción, así como el contenido de texto a través de la página de opciones.
  • Incluye una opción para cambiar la barra de cabecera a colores más claros.
  • Incluye una opción para mostrar el Gravatar del Autor de la entrada.
  • Incorporado la colocación de AdSense. Todo lo que tiene que hacer es introducir su código de AdSense y activar la característica a través de la página de opciones del tema.
  • Incorporado la colocación de AddThis – botones sociales para compartir. Seleccione el botón de AddThis e introduzca el código del botón y active la característica a través de la página de opciones del tema.
  • Compatible con los comentarios anidados hasta 10 niveles de profundidad.
  • Útil página de error 404. En lugar de simplemente mostrar una página de error con el mensaje de error, el tema muestra un amistoso mensaje diciendo al visitante lo que pasó y ofrece un cuadro de búsqueda. Incluso tiene una búsqueda de cortesía para el usuario de forma automática sobre la base de la url.
  • El formato adecuado para los elementos HTML. Formato a cada elemento HTML que puede usar, incluyendo todos los títulos desde h1 hasta h6, blockquotes, code, table, e incluso dt.
  • Códigos simples y eficaces. El Tema está programado con XHTML validado y CSS. La codificación en este tema sigue las normas establecidas por la World Wide Web Consortium (W3C). Tenga en cuenta que debido al uso de unos pocos bits de CSS3 en una hoja de estilo CSS 2.1, la validación de la CSS dará algunos errores.
  • Amplia compatibilidad con los navegadores. ¿Has visto la lista de navegadores compatibles anteriores? El polémico IE6 también se encuentra entre ellos.
  • Opción de desinstalación. Cuando usted decide no utilizar más el tema, puede utilizar el botón de desinstalación en la página de opciones del tema para borrar todas las opciones del tema de la base de datos. Así se asegurará que no han quedado datos huérfanos en la base de datos que no son deseables.

Demostración

¿Cuál es la mejor manera de evaluar un tema que no sea probarlo? El tema de demostración in situ le demostrará lo que puede lograrse con el tema, nada más sacarlo de la caja. No se han realizado modificaciones en el tema utilizado en el sitio de demostración. Esto es para que usted pueda tener una idea real de lo que puede lograr (y más, ya que las características que se haya demostrado que no son exhaustivos – más y más características, se añaden) cuando se utiliza el tema para su sitio. Ver demo del tema.

Soporte multilingüe

El tema ha sido traducido a más de 20 idiomas. Sin embargo, estas traducciones son sólo para las cadenas que vienen con el tema. Para traducir los diversos contenidos de su sitio y hacer que su sitio de WordPress sea potencialmente y plenamente multilingüe, puede utilizar uno de los muchos plugins disponibles para WordPress multilingües.

El soporte pleno multilingüe para WordPress requiere una integración profunda y filtrar contenidos complejos, pudiendo surgir problemas de compatibilidad entre el plugin multilingüe y el tema. Por esta razón, se alegrará al saber que el tema Grapheno ha sido probado y certificado oficialmente para ser compatible con uno de los plugins multilingües más populares para WordPress, WPML (plugin no instalado en blog de los centros y blogs del profesorado. Si necesita esta funcionalidad deberá hacer una incidencia a ecoescuela20.ceucd@gobiernodecanarias.org).

Fuente: Blog de Khairul Syahir

Tema “Sundance”

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

Sundance es un tema de vídeo ofrecido por el equipo de Automattic. A pesar de su diseño minimalista, Sundance fue elaborado con una tipografía limpia, elegante y prestando atención a los detalles. La página de inicio ofrece un carrusel de vídeos destacados. Es compatible con el formato de entradas de vídeo, reproductores, fondo personalizado, encabezado personalizado, menús personalizados, y una función de enlace personalizado para sus páginas de medios sociales.

Carrusel de Vídeo Destacado

El tema de Sundance ofrece un carrusel de vídeo ofrecido en la página principal. Todo lo que tienes que hacer para activarlo es crear una entrada fija con el vídeo en el cuerpo del mensaje (utilizando el método oEmbed para incrustar vídeos de youtube, vimeo,etc., o añadiendo vídeo HTML5, o activando el plugin jwplayer. A continuación, agrega un extracto, que aparecerá a la derecha del vídeo, como se puede ver en la siguiente imagen. Una vez que tenga más de un vídeo destacado, aparecerán las flechas y el indicador. Podrá colocar un máximo de diez entradas de vídeo destacadas en el carrusel.

Opciones del tema

El tema de Sundance le permite añadir enlaces de la red social Twitter, Facebook, Google +, y Flickr en la barra lateral para que sus lectores sean capaces de mantenerse conectados a través de estos.

Diseño

Sundance ofrece un diseño a medida en función del dispositivo que esté utilizando. Esto hace que tu blog se vea bien, no sólo en los navegadores de escritorio, sino también en dispositivos con pantallas más pequeñas, como el IPAD y el iPhone.

Control de la barra lateral

El Tema Sundance ofrece una barra lateral opcional para widgets. Si decides añadir widgets a la barra lateral en AparienciaWidgets se mostrarán en una barra lateral derecha. Si prefieres un diseño de una sola columna, puedes dejar vacía la barra lateral, así como deshabilitar los enlaces de las redes sociales y los mensajes se extenderán por todo el ancho de la pantalla.

Apariencia personalizada

Personaliza Sundance aún más con la función de fondo personalizado, una imagen de encabezado personalizado , un menú personalizado , y una plantilla de ancho completo.

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

  1. El ancho de la columna principal es la 652, excepto en el diseño de ancho completo, donde es 874.
  2. Ancho de Widget es 186.
  3. La imagen de encabezado personalizado es 984 por 242 (ancho, alto).

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: