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.

screenshot underscores.me 2019 06 30 07 02 40 474

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.

2019 06 30 065840

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

Download Bootstrap

si sa salvati arhiva respectiva in pc.

2019 06 30 071029

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.

2019 06 30 073340 1

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.

2019 06 30 074515

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');

2019 06 30 075301

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

screenshot localhost 2019 06 30 21 15 56 091

2 comentarii la “Cum sa adaugi Bootstrap 4 intr-o tema WordPress

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole Populare