Posts Tagged: Themes

Febrero 22nd, 2010

Añadir número de resultados y resaltado a las búsquedas

Hay muchas cosas que puedes hacer con los resultados de búsqueda pero estos 2 trucos quizás sean de los más requeridos. Es fácil, apunta …

Añadir número de resultados de búsqueda encontrados:

En el fichero search.php de tu plantilla normalmente encontrarás una línea así:

PHP:
  1. <h2 class="pagetitle">Resultados de búsqueda</h2>

Solo tienes que cambiarla por esto otro:

PHP:
  1. <h2 class="pagetitle">Resultados de búsqueda para <?php /* Contador de busqueda */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); _e('<span class="search-terms">'); echo $key; _e('</span>'); _e(' &mdash; '); echo $count . ' '; _e('entradas'); wp_reset_query(); ?></h2>

Resaltar los resultados de la búsqueda:

De nuevo en search.php, pero esta vez busca esta línea … 

PHP:
  1. <?php the_title(); ?>

Y ahora la sustituyes por esto otro:

PHP:
  1. <?php echo $title; ?>

Y, lo más importante, antes de esa línea añades el siguiente código:

PHP:
  1. <?php $title = get_the_title(); $keys= explode(" ",$s); $title = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $title); ?>

En este ejemplo sencillo lo que haces es poner en negrita el texto encontrado, pero puedes sustituir la "class" por la que tu quieras, añadiendo color o lo que más te guste.

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Febrero 3rd, 2010

Crea temas para WordPress sin salir de Admin

Elastic Theme Editor es una pequeña maravilla, aún en fase temprana de desarrollo, que permite crear y editar temas de un modo profesional dentro del escritorio de WordPress.

Una vez instalado y activado lo encontrarás bajo la sección de Apariencia del escritorio, y ahí mismo puedes empezar a añadir elementos, editarlos, modificarlos, todo ello sin tocar una línea de código. Eso si, aún está muy verde y falla más que una escopeta de feria pero la idea es estupenda, una dura competencia para sistemas como Artisteer.

En este vídeo puedes ver una muestra de su funcionamiento … 

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Enero 31st, 2010

Temas que imitan webs famosas

A todos nos gusta tener un sitio con un aspecto diferenciador pero son muchas las ocasiones en que puede ser interesante disponer de un diseño que imite a webs famosas. Imagina, por ejemplo, un blog de fans de Facebook, o un portal sobre mundo Apple ¿no te gustaría ofrecer un aspecto similar al servicio o web al que haces homenaje?.

Pues bien, aquí tienes un repaso por algunos temas que imitan webs bien conocidas. Seguro que alguno ya lo conocías, pero puede que alguno te sorprenda.

    WPSN Theme – clon de ESPN

    Información del tema Demo Ver sitio original

    Seguro que hay muchos más, pero esta es una buena muestra de como se pueden imitar sitios famosos, en muchos casos con temas gratuitos.

    Ahora bien, otra cosa es la originalidad, esa es otra discusión.

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Enero 27th, 2010

WordPress 2010

Si quieres ver el aspecto del que será el nuevo tema por defecto de WordPress, conocido como WordPress 2010, ya puedes seguir su desarrollo en el blog que irá mostrando sus cambios y evolución: 2010 Theme Development.

Personalmente me parece un acierto el aspecto claro, una tipografía mayor, los elementos HTML, el menú desplegable de páginas, el ancho mayor que Kubrick y el CSS utilizado para imágenes y la galería, no así la tipografía utilizada (serif) y, quizás, la excesiva altura de la cabecera.

Y a ti ¿que te parece?

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía para Administrar Wordpress

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Enero 19th, 2010

Páginas web realizadas con WordPress

Optica Pasus

Zikomo Africa

Con WordPress no solo se pueden desarrollar blogs sino todo tipo de páginas. Sin ir más lejos, las dos webs que se muestran en este post, las he implementado con este sistema de publicación. El resultado es sencillez y facilidad de mantenimiento, al poder hacer uso de los widgets y la eficiente estructura modular del código.

Las dos webs, pertenecientes a una ONG y a una óptica, contienen páginas con poco contenido y que no requieren una actualización constante. Sin embargo, la estructura puramente blog (columna de contenido a la izquierda y sidebar a la derecha), facilitan la lectura y la división eficaz de temas. Internamente, el poder hacer uso de widgets y plugins permiten ampliar y modificar fácilmente los contenidos.

La cantidad de themes existentes, gratuitos y de pago, que es enorme, es otro punto a favor de utilizar WP para todo tipo de páginas web.

email Bitacoras.com Twitter del.icio.us Facebook Google Bookmarks BarraPunto Meneame Wikio Ping.fm Technorati

También puedes leer Weblog Magazine, mi blog en ABC.es

Y estoy en Twitter, Facebook y Tumblr.

Enero 11th, 2010

Como crear un theme WordPress con Adobe CS4 (4 horas de vídeo)

Cristian Eslava ha publicado parte del tutorial que está impartiendo para el grupo Adobe sobre creación de temas WordPress y aquí tienes las 2 primeras partes, nada menos que cuatro horas de videotutorial.

Primera parte:

Segunda parte:

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Enero 9th, 2010

Kubrick, el tema que cambió Internet

¿Sabías que Kubrick, el tema que va a ser sustituido en 2010 lo creó un desarrollador danés?. Toda la historia de este tema, ya mítico, la tienes en este artículo (traducido con Google).

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!

Diciembre 22nd, 2009

Versión del blog para móviles utilizando Google Reader

Versión para móviles de Blogpocket utilizando Google Reader

Una opción, si quieres tener una versión de tu blog adaptada para teléfonos móviles, es instalar un plugin como iWPhone. Lo que hacen ese tipo de plugins es detectar si el acceso al blog proviene de un smartphone y, en ese caso, redirigir a un theme especial.

Sin embargo, la solución propuesta en Daily Seo Blog me gusta mucho más. Es más simple, no implica instalar ningún theme extra y conecta directamente con mi lector de feeds preferido (Google Reader).

Para llevarla a cabo, sigue los siguientes pasos:

1. Descarga el script php para detectar el navegador móvil.

2. Sube el script mobile_device_detect.php a la carpeta principal de tu theme activo.

3. En el archivo functions.php del theme activo incluye al principio la siguiente línea:

require_once(‘mobile_device_detect.php’);
mobile_device_detect(true,true,true,true,true,true,”http://www.google.com/reader/m/view/feed/http://feeds.feedburner.com/Blogpocket”);

Sustituyendo “Blogpocket” por el nombre de tu feed.

He probado muchos sistemas para mostrar una versión especial para móviles pero esta tiene las siguientes ventajas:

  • Tus usuarios pueden suscribirse a través de Google Reader
  • Los anuncios de AdSense (si es que los tienes en el feed) no se pierden (algunos themes lo hacen)
  • Todo lo que tienes en el feed RSS aparece en la versión móvil
  • Tienes un plugin menos ;)
email Bitacoras.com Twitter del.icio.us Facebook Google Bookmarks BarraPunto Meneame Wikio Ping.fm Technorati

También puedes leer Weblog Magazine, mi blog en ABC.es

Y estoy en Twitter, Facebook y Tumblr.

Diciembre 22nd, 2009

Cómo aplicar distintos colores a los comentarios (actualizado)

La versión más reciente del plugin de WordPress Topsy, elimina el texto de procedencia que iba incluido en el propio comentario. En Cómo aplicar distintos colores a los comentarios, I y II, habíamos visto los pasos necesarios para destacar los bocadillos del theme Copyblogger dependiendo de la procedencia del comentario. Y la distinción principal venía del texto “Topsy page” que ha sido eliminado en la reciente actualización del plugin.

Así que aprovechando la url de procedencia de los comentarios procedentes de Twitter hay que modificar las líneas del archivo comments.php que buscaban “Topsy page” en el contenido del comentario y cambiarlas por:

if (preg_match(’|twitter|’, $comment->comment_author_url))

para encontrar “twitter” dentro de la url del autor del comentario.

email Bitacoras.com Twitter del.icio.us Facebook Google Bookmarks BarraPunto Meneame Wikio Ping.fm Technorati

También puedes leer Weblog Magazine, mi blog en ABC.es

Y estoy en Twitter, Facebook y Tumblr.

Diciembre 18th, 2009

Themes bbPress de aspecto profesional

bbpress pro themes

Bueno, como veis estoy animado con bbPress, y es que este sistema de foros me parece que tiene un gran futuro. Ahora bien, hacen falta más plugins y temas, pero van saliendo cosas muy interesantes.

Una de ellas es esta colección de temas para bbPress de aspecto profesional, ideales para sitios "seriotes". El aspecto es genial y tienes varias combinaciones de colores.

Por supuesto, todos son gratuitos, tienes siete entre los que elegir.

Contenido exclusivo para suscriptores al Feed

¡Gracias por seguirnos a diario!. Premiamos tu fidelidad ofreciéndote habitualmente contenidos exclusivos. Hoy puedes descargar:

Clic aquí para iniciar la descarga Guía Windows Live Writer

¿Te gustó este post? ¡Compártelo! Bitacoras.com TwitThis Facebook Meneame Google Bookmarks del.icio.us Live Technorati Ping.fm Wikio Turn this article into a PDF! E-mail this story to a friend! Print this article!