Instalacja

Aby zainstalować Bootstrap 3 posłużymy się plikiem functions.php oraz header.
1. Plik header- tutaj kod( zainsatlowa c wtyczke do prezentacjikodu!!!)

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

2. Plik functions –

 function load_styles_and_scripts() {



//serwer lokalny style css
  wp_enqueue_style(
      'main-styles',
      get_template_directory_uri().'/style.css'
  );

   //loading bootstrap js poprawne
  wp_enqueue_script(
    'bootstrap-js',
    'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'

  );

}


add_action('wp_enqueue_scripts', 'load_styles_and_scripts');

function skrypt(){

wp_register_script(
'photo-gallery',
get_template_directory_uri() . '/js/photo-gallery.js'
);
wp_enqueue_script('photo-gallery');
}
add_action('wp_enqueue_scripts', 'skrypt'); 

Początkowo chciałem wszystsko wrzucić do pliku functions.php jednak stronka nie działała prawidłowo, zdecydowałem się więc na zapis jak powyżej. Cyfry będą oznaczać numer linijki.
Plik header:
1. Podłączenie styli Bootstrap za pomocą serwera CDN.
2. Podłączenie obsługi ajax oraz jquery za pomocą serwerów google.

Plik functions.php
6-7 Podłączenie pliku ze stylami, są to style nadpisane(overwrite).
12-16 Podłączenie obsługi javascript za pomocą serwerów CDN
23-31 Podłączenie skryptu obsługi galerii. Jest to dodatkowa funkcjonalność na rzecz tej konkretnej strony i nie jest wymagana:)

Uwaga!!!
Naturalnie wszystkie style Bootstrapa , obsługe js, można zainstalować „lokalnie” na swoim serwerze, ściągając odpowiednie pliki. Odpowiednie linki podaje na koniec tutoriala.

Share This

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *