Abrir links externos em nova aba sem plugins no WordPress

pedro56 · 07/10/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 · 07/10/2019

pedro56 disse:
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 · 07/10/2019

Mega disse:
Nofollowexternal links plugin

Sin plugin

Dtokee · 07/10/2019

Hola!

pedro56 disse:
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 · 07/10/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 · 07/10/2019

Tglex disse:

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 · 07/10/2019

pedro56 disse:
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 links externos em nova aba sem plugins no WordPress

pedro56

Mega

pedro56

Dtokee

Tglex

pedro56

Tglex

Tópicos similares