Abrir enlaces externos en nueva pestaña sin plugins en WordPress

pedro56 · 7 Oct 2019

Hola betas.

¿Cómo hago para que todos los enlaces externos que se publiquen dentro de los articulo de WordPress automáticamente se abran en una nueva pestaña del navegador?

Me urge hacer esto sin la necesidad de utilizar plugins

De antemano agradezco su respuesta.

Mega · 7 Oct 2019

pedro56 dijo:
Hola betas.

¿Cómo hago para que todos los enlaces externos que se publiquen dentro de los articulo de WordPress automáticamente se abran en una nueva pestaña del navegador?

Me urge hacer esto sin la necesidad de utilizar plugins

De antemano agradezco su respuesta.

Nofollowexternal links plugin

pedro56 · 7 Oct 2019

Mega dijo:
Nofollowexternal links plugin

Sin plugin

Dtokee · 7 Oct 2019

Hola!

pedro56 dijo:
Hola betas.

¿Cómo hago para que todos los enlaces externos que se publiquen dentro de los articulo de WordPress automáticamente se abran en una nueva pestaña del navegador?

Me urge hacer esto sin la necesidad de utilizar plugins

De antemano agradezco su respuesta.

Hola! Se refiere a esto?

Tglex · 7 Oct 2019

Intenta con el siguiente codigo.

JavaScript:

(function($) {

    $('a')
    .filter('[href^="http"], [href^="//"]')
    .not('[href*="' + window.location.host + '"]')
    .attr({
        rel: 'noreferrer noopener',
        target: '_blank'
    })

}(jQuery));

pedro56 · 7 Oct 2019

Tglex dijo:

Intenta con el siguiente codigo.

JavaScript:

(function($) {

    $('a')
    .filter('[href^="http"], [href^="//"]')
    .not('[href*="' + window.location.host + '"]')
    .attr({
        rel: 'noreferrer noopener',
        target: '_blank'
    })

}(jQuery));

En donde agregaría este código?

Tglex · 7 Oct 2019

pedro56 dijo:
En donde agregaría este código?

En cualquier lugar que este presente en todo tu sitio, puedes agregarlo en el footer.php antes de la etiqueta de cierre del </body> pero asegurandote que sea después del wp_footer(); ya que aquí es donde se carga jQuery. Igual no olvides envolver dicho código en entre etiquetas scripts.

HTML:

<script type="text/javascript">
(function($) {

    $('a')
    .filter('[href^="http"], [href^="//"]')
    .not('[href*="' + window.location.host + '"]')
    .attr({
        rel: 'noreferrer noopener',
        target: '_blank'
    })

}(jQuery));
</script>

Abrir enlaces externos en nueva pestaña sin plugins en WordPress

pedro56

Mega

pedro56

Dtokee

Tglex

pedro56

Tglex

Temas similares