¿Necesitas ayuda? Visita nuestro sitio de soporte, luego


Hacer que una página se abra en una nueva ventana.

  1. Hola, a ver, en mi blog tengo un menú (formado por páginas) en la parte superior. Una de esas, la llamada "Noticias" quiero que se abra en una ventana nueva al clicar sobre ella. He de comentar que el menú "Noticias" no lleva a una página alojada dentro del propio blog, si no que enlaza a otro blog, para ello puse el siguiente código en la parte del título de la página:

    " NOTICIAS"

    Pues bien, si alguien sabe qué debo modificar o hacer para que se abra en una nueva ventana, que me diga como.

    Muchas gracias.

    El blog con el que necesito ayuda es alfarolarioja.wordpress.com.

  2. Vaya, no he caído en que al poner el código saldría el link... a ver, voy a poner el código modificado mal a posta para que veáis como lo tengo (sin las < y > del principio y final):

    a href="http://alfaronoticias.wordpress.com/"> NOTICIAS</a

  3. Para poner código aquí en el foro, tienes que encerrarlo entre acentos graves, como se explica debajo del formulario donde escribes:

    "Etiquetas permitidas: a blockquote code em strong ul ol li.
    También puede poner código entre caracteres de acentos graves ( ` )"

    Un acento grave delante del código y un acento grave al final. De esa manera saldrá todo correctamente.

    Volviendo a lo que consultas, el código genérico para un enlace es

    <a href="http://loquesea.com/">Enlace</a>

    Y para que el enlace se abra en una nueva pestaña o ventana del navegador, lo que tienes que usar es un atributo de los enlaces, 'target' y un valor para ese atributo. Con lo que el código que debes usar es

    <a href="http://loquesea.com/" target="_blank">Enlace</a>

    Donde Enlace es la palabra NOTICIAS

    Pruébalo así y funcionará.

  4. Hola muchas gracias, pero no sé que pasa que no me funciona...

    Escribo lo que me comentas tal cual, cambiando lo de la dirección y el nombre del enlace y cuando guardo del código desaparece lo de target, y en el blog no es que no se abra en otra ventana, si no que directamente no te lleva a ella y se abre la página vacía de NOTICIAS del blog.

  5. Vamos de nuevo.
    Dices:

    Escribo lo que me comentas tal cual, cambiando lo de la dirección y el nombre del enlace y cuando guardo del código desaparece lo de target

    ¿qué es lo que queda? Copia y pega el código aquí en el foro, no te olvides que tienes que poner un acento grave, el código y otro acento grave al final.

    Luego dices:

    en el blog no es que no se abra en otra ventana, si no que directamente no te lleva a ella y se abre la página vacía de NOTICIAS del blog.

    He ido a tu blog
    http://alfarolarioja.wordpress.com/
    y al hacer clic en la pestaña Noticias me lleva a
    http://alfaronoticias.wordpress.com/
    que no es una página vacía sino otro blog. No entiendo por qué dices que es una página vacía.

  6. Vale, ya entiendo: ¿estás usando un menú personalizado, no es así?

    Si me confirmas esto último seguimos adelante y mi respuesta anterior queda "en suspenso"

  7. Pues no sé si lo que uso se llama así, lo siento, uso el menú del tema que tengo en el blog, ese que puedes crear las pestañas que quieras con desplegables. No sé si eso responde a tu pregunta.

    Si clicas ahora te lleva a ese blog porque lo he puesto así, prefiero que se vea eso a que se vea algo vacío.

    Ya me dirás si con eso sabes si es personalizado o no, si al final tu otra respuesta no queda en suspenso te describo detalladamente todo lo que hago y lo que me va saliendo.

    Gracias!

  8. Creo que por lo que me dices, usas un menú personalizado. Pero para no aconsejarte mal, descríbeme exactamente lo que has hecho hasta ahora.

    De todas formas te adelanto que en un blog de pruebas que tengo puse tres pestañas: "Inicio" (la página donde salen las entradas), "Acerca de" y "Noticias" que se abre en otra ventana/pestaña y lleva a otro blog, como decías en tu primer comentario.

  9. Hola! Con permiso:

    A mi me parece que es que esos menús de la cabecera, no admiten el código target="_blank". Más que nada porque en la página de edición de menús (personalizados) no hay posibilidad de escribir html. Es un editor visual, y sin la opción correspodiente (abrir enlace en ventana nueva / open link in a new window or tab)

  10. Claro que no los "admiten" en en el sentido habitual, pero

    a) yo no tenía idea de que @alfarolarioja usaba un menú personalizado. ;-)

    b) en realidad, sí los admiten, de hecho ya lo he puesto: la opción está allí en el editor visual, justamente sin poner ningún código. ;-)

  11. Lo pueden ver ambos en este blog de pruebas:
    http://pruebasdetrasnoche2.wordpress.com/

    la primera pestaña es la página de incio del blog propiamente dicha, la segunda es una página con una biografía del autor, la tercera lleva a otro blog y se abre en otra ventana/pestaña.

    Todas, además, tienen el atributo "title": al pasar el ratón por encima, se lee una frase.

  12. ¿En TwentyTen? He estado probando en el blog de experimentos, en ese tema, y no encuentro la opción "abrir en pestaña nueva" ni nada por el estilo en los elementos del menú.
    ...

    Pero lo peor es que tampoco consigo poner las páginas en desplegables y al mismo tiempo un enlace a otro blog, como tiene "alfaro..."

    ... Sospecho que mi blog de pruebas está estropeado de tanto cambiar el tema. Tendré que hacer otro nuevo (con otro nombre URL igual de estrambótico, que es lo propio para blogs de pruebas).

    Bona nit!

  13. Bona nit! mañana cuento como hice.... :)

  14. A ver yo de normal en el menú NOTICIAS tengo esto (es como está ahora mismo):

    <a href="http://alfaronoticias.wordpress.com/"> NOTICIAS</a>

    Como no dispongo de mucho tiempo para llevar actualizado el blog de Noticias de mi ciudad, he decidido que el menú NOTICIAS enlace a la página de noticias oficial del Ayuntamiento. Pero claro, no quiero que la gente al hacer eso salga del blog, quizá luego no vuelva, prefiero que se abra en una ventana/pestaña nueva del navegador del usuario.

    Entonces es cuando pongo lo siguiente según lo que se me comentó:

    <a href="http://www.alfaro.es/noticias/index.php/" target="_blank">NOTICIAS</a>

    Si pongo eso y le doy a "Actualizar" para que el cambio se guarde, cuando se actualiza la pagina de edición, en el título aparece esto:

    <a href="http://www.alfaro.es/noticias/index.php/">NOTICIAS</a>

    Es decir se cambia automáticamente lo que yo había escrito. Entonces si decides ir al blog y clicar sobre NOTICIAS, no sólo no se te abre en una nueva pestaña, si no que además lo que se abre es la página vacía de NOTICIAS, ya que al fin y al cabo es una página lo que creé para que apareciese en el menú. El link de esa página a la que lleva es este (no sé si funcionará):

    http://alfarolarioja.wordpress.com/noticias-2/

    En fin! y creo que eso es todo, espero haberme explicado bien!

    Muchas gracias!

  15. Ahora ya voy entendiendo. Estás utilizando un truco, más o menos el propuesto aquí:
    http://wpbtips.wordpress.com/2009/03/26/page-tabs-as-external-links
    Pero este tipo de trucos suponen forzar el funcionamiento de WordPress.com y del tema. No hay ninguna garantía de que funcionen, e incluso el hecho de que funcionen puede ser un riesgo en seguridad para WP.com.

    Para hacer lo que pretendes sin problemas lo previsto en el sistema de WP.com es hacerlo en un widget. Con un widget "de texto" (de html) puede quedar estupendamente (imagen, letra del tipo color y tamaño que se quiera ... y el target="_blank", of course!)

  16. Pero entonces ya no queda integrado en el menú... y saturar el lateral de widgets... al final la gente generalmente solo ve los que le salen sin bajar por la web... a ver si alguien sabe cómo solucionarlo, y si no, pues no me quedará otra! Muchas gracias!

  17. Ponerlo arriba, de color chillón, con un GIF animado ... En fin ...
    Suerte :)

  18. Por las dudas, aclaro que no he usado ningún truco. Simplemente he creado un menú personalizado con tres pestañas y a una la he ajustado para que se abra en otra ventana/pestaña.
    Tal cual se describe aquí:
    http://en.support.wordpress.com/menus/

    cuando pongo las pestañas me da a elegir tanto el atributo "title" como el lugar en el que se abrirá el enlace (en la mima ventana/pestaña o en otra).

    Hoy no he tenido tiempo, pero mañana describo el proceso. Mientras tanto, pueden leer ese documento del soporte, porque lo explica perfectamente y paso a paso: es lo que he hecho yo y como se puede comprobar en el blog de pruebas, funciona perfectamente:
    http://pruebasdetrasnoche2.wordpress.com/

    Y se pueden crear más pestañas, obviamente. Y con menús deslizables.
    Sigo mañana. Pero lean.

    Bona nit a ambos. :)

  19. ¡Pues qué escondido lo tienen los muy pillos! No había leído las instrucciones del soporte hasta abajo de todo.

    No sé por qué lo habrán puesto en un sitio tan raro, pero el caso es que tengo que retractarme de todo lo escrito hoy.

    @alfarolarioja: en el enlace al soporte que pone Galois, abajo de todo:

    Can I configure link targets?
    Yes indeed. Expand the “Screen Options” drop down at the top right of your screen and check the “Link Target” advanced property.

    Nada de trucos ni de forzar ¡Pero bien escondido, eso sí!

    Gracias Galois, bona nit :)

  20. Vale creo que lo he entendido, pero... a ver, cuando estoy editando la página le doy a la pestañita de arriba a la derecha llamada "opciones de pantalla" y las opciones que me aparecen son:

    Mostrar en pantalla:
    Compartir, Atributos de página, Imagen destacada, Comentarios, Comentarios, Slug, Autor, Revisiones

    Diseño de pantalla:
    Número de columnas: 1, 2

    Nada más nada de links ni nada :S

  21. Vale creo que lo he entendido, pero... a ver, cuando estoy editando la página

    Mira. no te hagas lío, no tienes que editar la página sino agregarla al menú personalizado.
    Yo hice así (está detallado en http://en.support.wordpress.com/menus/ ).

    1) Fui al escritorio del blog de pruebas y de ahí a
    Apariencia-> Menús (esto es fundamental, pues estás creando un menú personalizado, si no, nada de lo que sigue tiene sentido).

    creé un menú personalizado al que le puse un nombre cualquiera,.

    2) Luego creé la página "Acerca de"

    3) Luego creé un enlace personalizado y lo agregué al menú. En ese elemento del menú tienes como opciones poner
    -URL => la dirección a donde quieres que lleve

    -Etiqueta de navegación => el nombre de la pestaña, yo le puse Noticias

    -Atributos del título => es el mensaje que sale si pasas el ratón por encima

    -Destino del enlace => es en donde se va a abrir el enlace. Tiene dos opciones: Misma ventana o pestaña y Nueva ventana o pestaña. Yo elegí la segunda.

    También tienes otras opciones, "Clases CSS (opcional)" "Relación con el enlace (XFN)" y "Descripción" que no te explicaré para no hacer de esto un manual. ;-)

    4 ) Y ahora acabo de crear otro elemento, que también es un enlace personalizado y lo agregué al menú. Le puse de nombre "Soporte" y lleva a la página del soporte oficial de WordPress.com

    5) Muy importante: tienes que "decirle" al tema que vas a usar ese menú personalizado: como te dije en 1) yo le puse un nombre cualquiera al menú. Entonces en la parte que dice "Ubicación del tema" dale al desplegable y elige el nombre del menú que creaste.

    Lógicamente tienes que guardar todo cuando terminas para que sea operativo. Lo puedes comprobar yendo a mi blog de pruebas.

  22. Muchas gracias Galois... pero si eso es lo de los menús personalizados yo no hice tal cosa, lo mío son simples páginas... ¿entonces si hago lo que me dices perderé el menu que ya tengo?

  23. ¿entonces si hago lo que me dices perderé el menu que ya tengo?

    Fíjate que yo puse en el menú personalizado una página "Acerca de" que ya estaba creada anteriormente. Y no la perdí.

    Lo que tienes que hacer es crear el menú personalizado y agregarle todas las páginas que ya poseas, así como otros elementos que quieras ponerle.

    En cada una de las páginas que agregues al menú (si agregas enlaces personalizados también), te aparecerán, sólo cuando las agregues, todos los atributos que te expliqué en mi anterior respuesta. Esto lo verás más claro cuando crees el menú personalizado y vayas agregando las páginas.

    Insisto: está todo explicado detalladamente en el documento del soporte:
    http://en.support.wordpress.com/menus/

  24. De acuerdo! muchas gracias! como siempre eres de una gran ayuda!

Tema Cerrado

Este tema no permite nuevas respuestas.

Acerca de este tema