Imagen Feedbocabit.com | Las 100 chicas más Sexys del mundo

Publicado por Fernando Tellado | 8 Marzo 2008

Como añadir páginas a la barra de navegación

cabecera-paginas.png

Si ayer veíamos como ocultar páginas a la barra de navegación, nada mejor que explicar también como añadir enlaces a otras páginas que, por defecto, parecería que no es posible hacerlo desde nuestro panel de Wordpress. Veremos unos ejemplos bastante ilustrativos.

Enlace al panel de administración

Para ello vamos a valernos de un pequeño truco en el que utilizamos la opción de "Nombre de URL", también conocido como "slug" para engañar a Wordpress. Si te has fijado, en tu blog se entra mediante la dirección miblog.com/wp-admin/

Pues bien, abrimos el panel de escritura de páginas y creamos una nueva página con el título que queramos (Entra, Administra, etc), y el resto sin completar. Lo único que tenemos que hacer es elegir como "slug" o nombre de la URL "wp-admin".

truco-wpadmin.png

De este modo nos ha creado la página miblog.com/wp-admin/ que nos llevará al panel de administración y todo sin tener que haber modificado código alguno en la plantilla. Así es como está realizado el enlace de este mismo blog (ENTRA).

Enlace a subcarpetas del servidor

Un refinamiento del truco anterior es utilizar de nuevo el slug para acceder a aplicaciones, u otros blogs o CMS alojados en subcarpetas de nuestro dominio principal.

Imagina que tu blog principal está alojado en el dominio superior; miblog.com, pero tienes instalado un foro en la carpeta miblog.com/foro/ o incluso otro blog para tu currículum personal en miblog.com/curriculo. por supuesto, en esas carpetas tendrás instalado un sistema completo que te permita acceder al mismo tecleando miblog.com/carpeta/ que hace que el navegador te muestre la página principal de sistema instalado. Un ejemplo lo tienes aquí mismo en ayudawordpress.com/foro/.

Pues bien, lo único que tienes que hacer para enlazar a esos otros sistemas es, como en el ejemplo anterior, crear una página nueva vacía pero poniendo como "slug" el nombre de la carpeta donde tienes alojado el foro, fotolog, etc. Lo que consigues es que Wordpress te muestre, y redirija a la ruta deseada pues si elegiste el "foro" como slug te mandará a justo lo que querías miblog.com/foro/. Chulo ¿eh?.

Enlace a páginas externas

Aquí ya tenemos que abandonar nuestro querido editor de páginas. En este caso debemos revisar el archivo de la cabecera de nuestra plantilla, normalmente en una ruta del tipo miblog.com/wp-content/miplantilla/header.php.

Buscaremos unas líneas parecidas a estas …

PHP:
  1. <li class="home"><a href="<?php echo get_settings('home'); ?>">Blog</a></li>
  2. <?php wp_list_pages(’title_li=&depth=1); ?>

La primera línea, incluida en muchas plantillas es un enlace directo a la página principal de nuestro blog, llamado mediante el código get_settings('home'). Y la línea siguiente, como veíamos ayer, es la llamada a la lista de páginas creadas por nosotros en Wordpress.

Pues es tan sencillo como utilizar al referencia de la primera línea e incluir un enlace mas dentro de esa sección, que bien podría ser de este modo:

PHP:
  1. <li class="home"><a href="<?php echo get_settings('home'); ?>">HOME</a></li>
  2. <li class=”home”><a href=”http://entreblogs.com/portal.php>”>Portal EntreBlogs</a></li>
  3. <?php wp_list_pages(’title_li=&depth=1); ?>

Con lo que hemos añadido un enlace, a continuación de la página principal del blog, y antes del listado de páginas creadas en el panel de administración, a una página externa. Con esto también puedes ofrecer enlaces a categorías, algo así …

PHP:
  1. <li class="home"><a href="<?php echo get_settings('home'); ?>">HOME</a></li>
  2. <li class=”home”><a href=”http://ayudawordpress.com/category/tutoriales/”>Tutoriales</a></li>
  3. <?php wp_list_pages(’title_li=&depth=1); ?>

Con estos pequeños trucos puedes ofrecer una barra de navegación con recursos de utilidad, estén donde estén, y sin necesidad de recurrir a plugins ni recursos complicados o a nuevos enlaces en la barra lateral u otro lugar.

También te puede interesar:

Compartir en: Comparte este artículo en menéame menéame Agregar a tus favoritos de del.icio.us Del.icio.us Comparte este artículo en Fresqui Fresqui Agregar a tus favoritos de Technorati Technorati Wikio Wikio Votar Bitacoras

14 comentarios | Escribe un comentario

  1. terry (1 comentarios) - 14/03/2008 a las 16:51

    a ver lo que quiero es hacer un enlace en la barra de navegacion a una entrada de wordpress de forma directa que se pueda comentar ahi mismo algo asi como esta en la pagina http://aknf.com en la parte que dice ¡expresate!
    porfis esta duda la tengo hace como un mes y no he podido darle respuesta

  2. Fernando Tellado (695 comentarios) - 14/03/2008 a las 17:22

    Pues es con el método que explico en este post como se hace, terry.

    Dime que parte no comprendes

  3. Paquintosh (4 comentarios) - 3/04/2008 a las 10:35

    Hola he empezado hace poco con WordPress, sigo las instrucciones de como añadir una página a la barra de navegación y en la versión que tengo la 2.5 no me sale en edición de página la opción “Nombre de URL”.
    No se donde se activa este campo.
    Gracias

  4. Fernando Tellado (695 comentarios) - 3/04/2008 a las 12:15

    Paquintosh, ahora está en la ventana del editor, entre el título y el campo de texto. Lo comentábamos aquí.

    Pone “Enlace permanente: xxxxx” en letras pequeñitas ;)

  5. Pacoespi (1 comentarios) - 3/04/2008 a las 20:24

    Lo siento Fernando, a mí no me sale eso te enseño lo que me sale a mí en este enlace http://www.pacoespi.com/zxart/images/volcado.gif

  6. Fernando Tellado (695 comentarios) - 3/04/2008 a las 20:51

    Pues si que es raro, ¿seguro que la has guardado alguna vez y no te sale eso?. Hasta que no se guarda, o hace una autosave no te sale lo del permalink. Acabo de comprobarlo y va perfecto vamos :roll:
    Te dejo muestra:

    http://img100.imageshack.us/img100/1223/captura1xw6.png

  7. Paquintosh (4 comentarios) - 3/04/2008 a las 22:23

    Vale, conseguido, en Opciones - Permalinks hay una lista de Opciones Comunes, si la tienes en Predeterminado no te sale el “Enlace permanente etc” he puesto Fecha y nombre y ya si aparece.
    Gracias. ;-)

  8. Fernando Tellado (695 comentarios) - 3/04/2008 a las 23:25

    Claro, tiene lógica. Los “posts id” no te los deja cambiar pues es el identificador interno de Wordpress de los posts. Solo puedes cambiar el permalink personalizado. Mola el descubrimiento :)

  9. ale (48 comentarios) - 26/05/2008 a las 8:42

    tutoriales/>”>Tutoriales

    no tiene un “>” de mas?

    jijiji

    ponle algo para que muestre mejor el codigo, a estas horas, se hace complicado seguir las lineas con esos espacios tan largos…

  10. Fernando Tellado (695 comentarios) - 26/05/2008 a las 15:41

    Tienes razón, sobra la primera entre ” y Tutoriales, ahora lo cambio.

    Lo de mostrar código ya no se ni que usar, y no quiero poner capturas.

  11. wordpressionado (6 comentarios) - 28/05/2008 a las 21:25

    Sí que mola Packintosh, si que mola (a mi me pasaba lo mismo).

  12. Dark_Tairon (6 comentarios) - 11/06/2008 a las 19:46

    una pregunta tengo rato que quiero hacer esto ya hora que me decidi no ecuentro ninguna de sas lineas en mi theme el cual es Blueblog 1.0 tienen algun otro nombre

  13. Fernando Tellado (695 comentarios) - 11/06/2008 a las 20:48

    lo de wp_list_pages es el código habitual, no hay otro que yo conozca la verdad.

    Lo que puede pasar es que tu blog no lo tenga en el header (no conozco el código de tu theme) el código para llamar a las páginas, sino que estén listadas a mano. Si te lías pásate por el foro y pones allí el código de header.php ;)

  14. Dark_Tairon (6 comentarios) - 11/06/2008 a las 20:52

    okas thk en un rato lo pongo por que si me interesa hacer esto

Escribe un comentario




XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

LO ÚLTIMO EN LOS FOROS

Loading...