TodoTutoriales, los mejores tutoriales en español

Todotutoriales

Los mejores tutoriales gratis en español

WordPress: cómo usar el tema Branford Magazine


Tema: The Branford Magazine

Están de moda los temas arrevistados para WordPress. El tema de la imagen se llama Branford Magazine y puedes descargarlo de su web oficial, donde lo encontrarás también en español. Para ponerlo en marcha y sacarle todo el jugo, Raul Danglade se ha tomado la molestia de traducir al español esta completa guía de uso y configuración. ¡Gracias Raul!

Actualización 6/06/2008: El dominio donde estaba alojada la traducción de Raul Danglade está inactivo, por lo que Todotutoriales.es ha eliminado el enlace. Nuestros amigos de El Secreto de las Pymes que crecen van a ir traduciendo y publicando en este blog todos los manuales de esta plantilla de WordPress.

Actualización 7/06/2998: Gracias al comentario de sobajar hemos podido recuperar la traducción, así que, dado su interés, la añadimos a continuación.

Theme: Branford Magazine

  • Traducido y publicado por Raul Danglade el 27 de Enero de 2008

Desde hace un tiempo, esta de moda, crear themes para WordPress, tipo revista (Magazine). Lo cual veo muy bien, porque da oportunidad de llevar mas lejos y expandir el uso de WordPress.

Ayer, chequeando un poco, veo que los chicos de Der-Prinz, crean su primer theme llamado BranfordMagazine , y este también es tipo revista. Una dificultad que tienen estos tipos de Themes, es que normalmente hay que hacer diferentes pasos para poder tener 100% funcional, en su blog nos explican como hacerlo, lo cual traduzco para los lectores Hispanos.

Instalación:

  1. Descargar y descomprimir el archivo.
  2. Copiar la carpeta del theme en esta ruta ??/wp-content/themes/?
  3. Entrar al Panel de Administración de Wordpres
  4. Ir a la pestaña de Presentación y activar el theme

Uso y configuración general del Theme

BranfordMagazine, es compatible con la ultima versión de WordPress (2.3). Si tu obtienes algún error relacionados con los Tags (“Call to undefined function: is_tag”) entonces por favor actualice hasta la ultima versión.

En el “Index.php” y “sidebar.php” podrán encontrar encontraran una serie de query post que están apuntando a la base anterior, esto lo tendrán que modificar de la siguiente forma

Ejemplo:

  1. <?php query_posts('showposts=1&cat=4'); ?>

Necesitaras cambiar esto por los ID de tu propia base de datos. Estos pueden ser encontrados dentro de la pestaña “Manejar ??> Categorías”

category_id.jpg

Como usar la zona con Pestañas y la historia principal:

BranfordMagazine incluye una historia que estará en la portada con una Foto, Categoría, el titulo del articulo y una descripción. Esto es parte de la sección con pestañas en la parte de arriba de la pagina. La zona con pestañas va a estar comprendida y configurada en el archivo “tabs.php“. Todo lo que tenga que ver con esa zona, tiene que configurarse en ese archivo.

Vamos a comenzar con la Foto. Primero busca una imagen apropiada y redimensionala a 300?200 px. Después, subela con la opción propia del WordPress (Wp-Upload). Verifique, que la ruta de subida sea por defecto “/wp-content/uploads/“. Escriba su historia y póngala en la categoría deseada (Standard es la categoría con ID 1)

Defina el campo personalizado clave (nombre) y valor escribiendo el nombre en este caso “leadimage” y su valor que va a ser la ruta de la imagen en la carpeta “/wp-content/uploads”. Esto es facil de encontrar en el “Uploader” del post. Una vez que lo haga no lo tendras que repetir para el resto de tus post. La imagen de abajo muestra como se debe realizar (Click para agrandar)

define_custom_fields.jpg

Artículos Destacados

La idea detrás de esto es que tiene que haber una categorías para notas, texto o cualquier cosa que se quiera mostrar dentro de los artículos destacados.

Crea una Categoría y llámala por ejemplo “Artículos Destacados” . Verifique que el ID de esta categoría sea correcta dentro del “index.php” . Miren la imagen en el área subrayada (Click para ampliar)

featured_article_code.jpg

El área de la cual estamos hablando esta dentro una capa llamada “leftcol”. Tienes que definir la categoría que llamamos “Artículos Destacados” en la llamada de los query_post . Esta linea significa “showposts=3″ que 3 de las categoría de los artículos destacados se van a mostrar y “cat=7″ significa que la categoría con ID 7. Vas a tener que definir una vez más el ID en la wp_list_categories template tag. Vas a tener que utilizar los campos modificables una vez mas para poder mostrar la imagen.

La otra mitad de la pagina central

En la columna del medio tu puedes mostrar el primer articulo de cualquier otra categoría excepto las Noticias y los Artículos Destacados (Se pueden mostrar, pero es necesario mostrarlos si ya están 0_o?) . La descripción de cualquier articulo reciente de otra categoría se mostrara aquí. En el demo, ustedes ven la primera con un Thumbnail, pero las otras no tienen. Si quieren ponerle un Thumbnail tiene que usar los campos modificables otra vez. La clave para este es “rightcolimage” y trabaja en la misma forma de los anteriores que explique arriba.

Template para paginas especiales: Las paginas destacadas

Este Theme, viene con 2 paginas adicionales para paginas estáticas de WordPress. Una es “Las paginas Destacadas” template. El propósito es construir una pagina que tenga algun contenido destacado en la parte de arriba que viene junto a una imagen que tenga las mismas medidas como la de la pagina principal (300?200px). El theme tienes 3 diferentes áreas que se pueden editar por medio de los campos modificables.

  1. El titulo de la pagina destacada
  2. Texto copiado de la pagina destacada
  3. Imagen de la pagina destacada

Ejemplo la imagen (Click para ampliar)

custom_fields_featuredpage.jpg

Y el resultado quedaría como este.

Template para paginas especiales: Las paginas de 3 columnas

Este theme brinda la oportunidad de mostrar 3 diferentes categorías en una pagina estática.

El código de las 3 columnas es usado por 3 loops diferentes para mostrar las entradas mas recientes de 3 diferentes categorías de noticias y los campos modificables para mostrar las imágenes en las 3 partes .

Esta imagen lo hace bastante claro (click para ampliar):

3-col_code.jpg

El resultado debería ser algo como esto.

Espero que esta traducción-tutorial les haya servido, si tienen algun problema entendiendo algo díganmelo.

Pagina Oficial: http://www.der-prinz.com/2008/01/20/wordpress-magazine-style-theme-branfordmagazine/
Demo: http://www.wp-themes.der-prinz.com/magazine/
Descargar: http://www.der-prinz.com/2008/01/20/download-branfordmagazine/

Categorías: WordPress
Etiquetas: , , , , , , , , ,

Si te ha gustado este tutorial, subscríbete al feed RSS de todotutoriales.es.

24 comentarios

  1. el manual ya no esta en linea pudieran ponerlo por favor

  2. Vaya, pues llevas razón sobajar, gracias por avisar, la página ya no existe. He buscado en la caché de Google, pero tampoco está ya. Esperaremos unos días a ver si es un problema de hosting y se soluciona :(

    Y si no, a ver si alguien se anima a traducirlo de nuevo ;)

  3. pa loq ue lo quieran seguir leyendo lo revivi con la extension del cache de firefox
    http://cc.msnscache.com/cache.aspx?q=73463373629495&lang=en-US&w=b3d70388,8ce049d4

  4. Buenísimo, muchas gracias por el aviso sobajar, vamos a copiarlo y publicarlo para que no se pierda :)

  5. Hola, tengo una pregunta, tengo la version wordpress 2.6 y no me lista las categorias por ID, muy necesario en este caso, porque quiero utilizar este tema.
    Que tendria que editar en que plantilla.

    Muchas gracias por el tutorial, muy buen material en el sitio en general.

    Saludos.

  6. Lo siento estaba cometiendo un error tan tonto que aun no puedo creerlo, ya o he solucionado luego de leer atentamente en la pagina oficial del autor. lo mismo muchas gracias

  7. Acabo de subir el theme sin embargo no logro que en la pagina principal el articulo refleje la imagen a pesar de haber creado el campo personalizado correspondiente. Lo unico diferente que veo con otras paginas es que al hacer click en porpiedades de la imagen me aparece la ruta desde el rrot del sitio y no desde la extension correspondiente. Estoy metido con esto si alguien me puede ayudar gracias.
    Adermas sabe alguien de un plug in que me muestre las ID de las categorias en wordpress 2.6?

  8. Vitor, el ID de las categorías se ve abajo cuando pones el cursor sobre el nombre (en el menú administrar>categorías).

  9. Tengo problemas con el menu ya que he intentado por mucho tiempo he estado mas de 50 horas desvalandome y no he conseguido hacer que el menu no sea CUADRADO, por favor diganme en que parte del codigo puedo ver eso de la forma de menu y hacerlo redondo e incrustarle en el background una imagen porfavor ayudenme,

    PD esta plantilla es magnifica, es la primera vez que la uso pero no sera la ultima

  10. Gracias a los creadores de esta plnatilla, me ha sido de mucha ultilidad, espero que les guste todo el trabajo que le meti a la plantilla a penas puede reconocerse pero le exprimido todo el jugo que se puede muchas gracias al equipo de branfordmagazine

    http://www.avanzamos.com.mx

  11. Hola, no me he enterado bien.. pero podría hacerte una pregunta?.. verás no sé hacer un trackback. Me remites a algún buen tutorial?. Y si no es abusar.. ¿porque un día tengo 140K al día siguiente 120 y así cada día subo en contenido y luego bajo.. ¿por qué?

  12. alacant, atenta, que en unos días explicaré qué son, para qué sirven y cómo se hacen los trackbacks desde WordPress en un post. :)

    Por cierto, elimino el enlace de tu url, porque da error.

    Lo de los k que suben y bajan no entiendo nada de lo que quieres decir. :(

  13. Hola, muy bueno el tutorial, estoy armando un sitio para un cliente con esta plantilla. Quiere una web para adultos que va a tener varias categorias (cuentos eroticos, editorial, artìculos, fotografías eróticas, etc.).
    Lo que quiere es que en el centro no aparezcan los articulos sino el nombre de la categoría, una breve descripción y una imagen fija para hacer click y allí entrar si a los articulos listados (como cuando se entra en una categoría).
    Creo poder (aunque no lo he intentado aun) poner las categorías en el centro pero no me imagino como hacer que solo salgan el nombre, la descripción y una imagen fija en cada uno (pequeña a un costado con una imagen que tenga que ver con la categoria y un click aqui).
    Si pueden auxiliarme se los agradezco…

  14. Hola, tengo una web con esta plantilla que la he tocado bastante y ha funcionado de maravilla (http://www.eliconodigital.com).
    Ahora ha surgido la idea de agregar 3 noticias en la página principal que serían cortas y estarían divididas en 3 columnas (el total de las 3 columnas sería la extension de la columna izquierda y derecha juntas de la página principal), supongo que será con la plantilla del archivo 3-column-page.php. Entendí como crear una página con ese template pero no sé como agregarlo abajo de todo en las columnas centrales.
    Gracias.

  15. Hola Alejandro, gracias por dejar tus comentarios y disculpa por favor, por tardar en responderte. Tu página se ve muy atractiva :)

    Respecto a lo que preguntas lo siento, en este blog ofrecemos tutoriales y traducciones de tutoriales pero no damos soporte, quizás en algún foro puedan ayudarte. Encontrarás la dirección de algunos foros en nuestra página de Enlaces: http://www.todotutoriales.es/enlaces/

    La plantilla de página de tres columnas es para hacer lo que muestra este ejemplo: http://www.wp-themes.der-prinz.com/magazine/a-three-column-page/

    Un saludo y suerte. Espero que consigas pronto lo que estás buscando :)

  16. genial gracias por la ayuda me servira para un blog que tenia y habia dejado

  17. No soy capaz de conseguir que se me vean las imagenes. Lo estoy probando en local, y no consigo que se vean. :-(

  18. Llevo días intentando poner esta plantilla a mi gusto pero no lo consigo. En este tutorial salen cosas a las que yo no logro acceder. Por ejemplo en Uso y configuración general del Theme veo que hay como una tabla para definir pero yo no se donde puedo verla igual que Como usar la zona con Pestañas y la historia principal:. No logro que la imagen se vea y solo he logrado que se puedan visualizar contenidos en el lado izquierdo de la web, pero no en la columna central. No entiendo nada por mucho que le de vueltas. ¿Alguien me puede ayudar?, es que esta plantilla es perfecta para mi trabajo.

  19. ana, creo que a la parte que te refieres son los campos personalizados, aparecen en la página de editar post, bajo el editor de texto: Schlüssel =nombre del campo y Wert =valor.

  20. hola mira gracia por lo de las foto ya las pude poner.
    ahora lo q no puedo poner son las fotos en los articulos
    osea las pongo pero no aparecen en la portada :S

Envía tu comentario

Notificarme los nuevos comentarios por correo electrónico. Tambien puedes suscribirte sin comentar.

Volver arriba