Cum sa adaugi Bootstrap 4 intr-o tema WordPress

In acest tutorial vom invata cum sa adaugi Bootstrap 4 intr-o tema Wodpress blank generata de site-ul underscores.me.

Primul pas este evident generarea si descarcarea temei WordPress de pe site dupa care se instaleaza in WordPress, eu am instalat pe localhost. Urmatorul pas este sa intram pe site-ul de unde se poate descarca Bootstrap 4 de pe site-ul oficial.

Odata ce am ajuns pe site tot ce trebuie sa facem este sa dam click pe butonul download 

si sa salvati arhiva respectiva in pc.

Dupa ce se dezarhiveaza fisierul in care se afla doua foldere numite css si js se formeaza in tema WordPress un folder cu acelasi nume css. Folderul cu numele js deja exista.

Urmatorul pas este sa copiem din arhiva noastra Bootstrap urmatoarele fisiere: bootstrap.css din folderul css si bootstrap.js din folderul js. Ele sunt copiate in tema noastra WordPress fiecare in folderul de unde sau copiat. Fisierul bootstrap.css in folderul css si fisierul bootstrap.js in folderul js.

Pentru integrare trebuiesc puse in fisierul functions.php din tema urmatoarele coduri:

wp_enqueue_style( 'news-wp-custom-style', get_stylesheet_directory_uri() . "/css/custom-style.css" );
wp_enqueue_script( 'news-wp-bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array(), '4.3.1', true );

Cele doua randuri de cod se pun functia de scripts din tema.

Pentru a beneficia si de fisierul bootstrap.js trebuie integrat si jQuery in tema noastra. Urmatorul cod este pentru apelare si integrarea jQuery in tema.

wp_enqueue_script( 'jQuery');

Daca aveti nelamurii legate de acest tutorial puteti comenta mai jos si daca aveti intrebari va pot raspunde.