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

Faci un comentariu sau dai un răspuns?

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

Alte articole din aceiasi categorie

Salut și bine ai venit pe acest blog!

Eu sunt Bucur si acesta este blogul meu in care vei gasi articole in majoritatea lor despre Programare web Front-end si un pic de back-end.

Iată cum mă poți contacta:

Ai o intrebare? nu ezita sa ma contactezi.

Vei primi un raspuns in cel mai scurt timp posibil.

    Numele tau (necesar)

    Email (necesar)

    Subiect

    Mesaj

    Prin utilizarea acestui formular sunteți de acord cu stocarea și manipularea datelor dvs. pe acest site web.

    Daca vrei Front-end in general recomand:
    https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/
    https://www.udemy.com/course/advanced-javascript-concepts/
    https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
    Daca vrei doar Javascript recomand:
    https://www.udemy.com/course/the-complete-javascript-course/
    https://www.udemy.com/course/advanced-javascript-concepts/