Chamar Link Externo Wordpress


(Pedro Jeferson) #1

Olá, estou com uma duvida estou desenvolvendo um tema com bootstrap até ai tranquilo.

Porem a questão é como chamo no functions.php

o script de jquery que o bootstrap pede pra funcionar

src=“https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”>

Já aproveitando tambem, como chamo links externos tipo Google Fonts e fontawesome ou qualquer tipo de links externos.


(Luã Ciceri Schwertner) #2

Fala @pedro.jeferson, esse handbook (Including CSS & JavaScript) mostra como fazer o que precisas.
Se ficar alguma dúvida, da um grito aqui :wink:


(Pedro Jeferson) #3

Opa @lciceris, até aqui entendi porem não entendi como chamar o link externo

Seria tipo assim:

wp_enqueue_script( ‘script’, get_template_directory_uri() . ‘/AQUIVAIOLINKEXTERNO’, array ( ‘jquery’ ), 1.1, true);


(Luã Ciceri Schwertner) #4

O segundo parâmetro é o caminho. Só tome cuidado caso o arquivo que esteja importando seja cdn, ai você não usa o get_template_directory_uri(), pois ela seta o caminho até o seu tema.

// js no seu servidor
wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true);

//cdn
wp_register_script( 'jQuery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', null, null, true );
wp_enqueue_script('jQuery');

(Pedro Jeferson) #5

Legal e no caso de google fonts ou fontawese?

Grato.


(Luã Ciceri Schwertner) #6

Font awesome é css, então usa a função para adicionar css…

wp_enqueue_style( 'prefix-font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css', array(), '4.0.3' );

As fonts do Google Fonts é bem parecido também, só adiciona o $query_args. (tutorial)

function google_fonts() {
	$query_args = array(
		'family' => 'Open+Sans:400,700|Oswald:700'
		'subset' => 'latin,latin-ext',
	);
	wp_register_style( 'google_fonts', add_query_arg( $query_args, "//fonts.googleapis.com/css" ), array(), null );
            }
            
add_action('wp_enqueue_scripts', 'google_fonts');