![\"jak](\"http:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2021\/02\/jak-stworzyc-wtyczke-do-wordpressa.jpg\" "\\"\\"")
<\/p>\n<\/p>\n
Wtyczka do WordPressa to nic innego jak fragment kodu, kt\u00f3rego g\u0142\u00f3wnym zadaniem jest rozszerzenie podstawowych funkcji aplikacji. W wi\u0119kszo\u015bci paneli administracyjnych funkcjonuje koncepcja modu\u0142\u00f3w, kt\u00f3re stanowi\u0105 swego rodzaju osobne organizmy implementuj\u0105ce w\u0142asne procedury, klasy, metody, interfejsy czy funkcje. W tym przypadku kluczowe jest s\u0142owo \u201eosobne\u201d, poniewa\u017c wtyczki s\u0105 niezale\u017cne i wymienne. Mo\u017cna je w\u0142\u0105cza\u0107 oraz wy\u0142\u0105cza\u0107 w dowolnym momencie.<\/p>\n
Przy ich pomocy mo\u017cesz nadpisywa\u0107 i zmienia\u0107 dzia\u0142anie ca\u0142ego WordPressa \u2013 zar\u00f3wno od strony back-endu jak i front-endu. Ta koncepcja ma swoje \u017ar\u00f3d\u0142o w programowaniu obiektowym, w kt\u00f3rym program stanowi zbi\u00f3r obiekt\u00f3w, kt\u00f3re \u2013 aby wykona\u0107 dane zadanie \u2013 komunikuj\u0105 si\u0119 mi\u0119dzy sob\u0105. Sam WordPress jest na tyle elastyczny, \u017ce mo\u017ce przyj\u0105\u0107 nawet najbardziej nietuzinkowe koncepcje, a tw\u00f3rc\u0119 ogranicza jedynie wyobra\u017ania i w\u0142asne umiej\u0119tno\u015bci.<\/p>\n
W ramach poradnika stworzysz wtyczk\u0119 pozwalaj\u0105c\u0105 na dodanie logotyp\u00f3w klient\u00f3w w formie karuzeli, kt\u00f3ra b\u0119dzie wy\u015bwietla\u0142a si\u0119 w menu panelu administracyjnego WordPressa, pozwala\u0142a na dzielenie klient\u00f3w na kategorie, dodanie nazwy firm czy logotypu. Nast\u0119pnie wtyczka pozwoli wywo\u0142a\u0107 karuzel\u0119 (w ca\u0142o\u015bci lub tylko z wybranych kategorii) na danej stronie przy u\u017cyciu shortcode.<\/p>\n
Tak prezentuje si\u0119 ko\u0144cowy efekt w panelu WordPressa:<\/p>\n
Poni\u017cej natomiast znajduje si\u0119 wygl\u0105d strony po wywo\u0142aniu wtyczki:<\/p>\n Na ko\u0144cu artyku\u0142u znajdziesz do pobrania paczk\u0119 z wtyczk\u0105 gotow\u0105 do uruchomienia w swoim WordPressie.<\/p>\n Zrozumiesz podstawowe koncepcje tworzenia wtyczek, co pozwoli Ci rozpocz\u0105\u0107 przygod\u0119 z realizacj\u0105 wszelkich pomys\u0142\u00f3w zwi\u0105zanych z WordPressem. Pami\u0119taj jednak, \u017ce kluczowa jest praktyka, wi\u0119c musisz jak najwi\u0119cej pisa\u0107, \u017ceby si\u0119 rozwija\u0107. Samo czytanie stanowi tylko wst\u0119p.<\/p>\n Przed rozpocz\u0119ciem jakichkolwiek prac musisz zmieni\u0107 warto\u015b\u0107 WP_DEBUG<\/span> na true<\/span> w pliku wp-config.php<\/span>.<\/p>\n Po zmianie WordPress b\u0119dzie wy\u015bwietla\u0142 wszystkie komunikaty o b\u0142\u0119dach oraz inne istotne z punktu widzenia programisty powiadomienia. Dzi\u0119ki nim mo\u017cesz weryfikowa\u0107 dzia\u0142anie tworzonego kodu i odpowiednio reagowa\u0107.<\/p>\n Pami\u0119taj o zmianie WP_DEBUG na false po zako\u0144czeniu prac.<\/p>\n<\/div>\n Przechodzimy do dzia\u0142ania! Stw\u00f3rz folder klienci<\/span>, kt\u00f3ry b\u0119dzie zawiera\u0142 wszystkie pliki wtyczki. Mo\u017cesz utworzy\u0107 go w Visual Studio Code oraz wykonywa\u0107 wszystkie pozosta\u0142e operacje ju\u017c z poziomu tej aplikacji \u2013 to zdecydowanie przyspieszy ca\u0142y proces.<\/p>\n Po\u0142\u0105cz si\u0119 r\u00f3wnie\u017c przez klienta FTP do swojego serwera z zainstalowanym WordPressem i przejd\u017a do folderu \/wp-content\/plugins<\/span>, do kt\u00f3rego dodasz wszystkie pliki, a nast\u0119pnie b\u0119dziesz je aktualizowa\u0107. Mo\u017cesz to robi\u0107 usuwaj\u0105c i dodaj\u0105c ponownie wtyczk\u0119 w panelu administracyjnym WordPressa, ale to rozwi\u0105zanie jest skrajnie niewygodne i tylko wyd\u0142u\u017ca prace.<\/p>\n Wewn\u0105trz folderu klienci<\/span> utw\u00f3rz plik g\u0142\u00f3wny clients-carousel.php<\/span>, a nast\u0119pnie dodaj w nim pozosta\u0142e katalogi tak, \u017ceby zachowa\u0107 poni\u017csz\u0105 struktur\u0119.<\/p>\n \/klienci<\/p>\n \/includes<\/p>\n \/public<\/p>\n \/css<\/p>\n \/js<\/p>\n clients-carousel.php<\/p>\n<\/div>\n Ca\u0142a wtyczka b\u0119dzie utrzymana w powy\u017cszej prostej formie na potrzeby poradnika. Dzi\u0119ki temu od razu b\u0119dziesz widzie\u0107, co z czego dok\u0142adnie wynika bez rozbijania p\u00f3\u017aniejszych element\u00f3w na zbyt du\u017c\u0105 liczb\u0119 klas czy funkcji.<\/p>\n Plik g\u0142\u00f3wny (clients-carousel.php<\/span>) jest podstawowym elementem, dzi\u0119ki kt\u00f3remu WordPress rozpoznaje wtyczk\u0119. Jest to zawsze plik PHP z zakomentowanymi informacjami.<\/p>\n Pami\u0119taj o tym, \u017ceby nie zamyka\u0107 ca\u0142o\u015bci przy pomocy tagu ?><\/span> oraz o tym, \u017ce rozpoczynaj\u0105cy tag <?php<\/span> musi si\u0119 znale\u017a\u0107 w pierwszej linii. Je\u017celi dodasz przed nim odst\u0119p, w trakcie aktywacji wtyczki pojawi si\u0119 adekwatne ostrze\u017cenie.<\/p>\n Wszystkie pola, kt\u00f3re WordPress odczytuje z zakomentowanego tekstu mo\u017cesz znale\u017a\u0107 w oficjalnej dokumentacji<\/a>.<\/p>\n<\/div>\n Plik mo\u017cesz teraz wys\u0142a\u0107 przez FTP do katalogu wtyczki w WordPressie:<\/p>\n Po wysy\u0142ce pliku upewnij si\u0119, \u017ce WordPress prawid\u0142owo odczyta\u0142 wszystkie informacje.<\/p>\n WordPress odczytuje ju\u017c folder jako wtyczk\u0119, kt\u00f3ra jeszcze nic nie robi poza tym, \u017ce jest widoczna na li\u015bcie wtyczek. Teraz mo\u017cesz zdefiniowa\u0107 nowy typ postu \u2013 Klienci.<\/p>\n W folderze includes<\/span> dodaj plik clients.php<\/span>, w kt\u00f3rym zarejestrujesz nowy typ postu:<\/p>\n Zgodnie z powy\u017cszym kodem typ klient<\/span> b\u0119dzie obs\u0142ugiwa\u0142 dwa pola: title<\/span> i thunbnail<\/span> (‘supports’ => array( ‘title’, ‘thumbnail’)<\/span>), wi\u0119c widoczne b\u0119d\u0105 tylko te opcje przy dodawaniu nowego klienta.<\/p>\n Nazwa ta nie powinna przekracza\u0107 20 znak\u00f3w \u2013 w bazie danych jest przechowywany post_type<\/span> jako VARCHAR<\/span> o takiej maksymalnej d\u0142ugo\u015bci. Nale\u017cy unika\u0107 r\u00f3wnie\u017c konfliktu z innymi typami post\u00f3w. Nie korzystaj z przedrostka wp_<\/span> w nazwie, poniewa\u017c to te\u017c mo\u017ce wygenerowa\u0107 konflikt.<\/p>\n \u017beby WordPress wiedzia\u0142, \u017ce stworzony element ma by\u0107 wykorzystywany, musisz go za\u0142\u0105czy\u0107 w pliku g\u0142\u00f3wnym:<\/p>\n Po aktualizacji plik\u00f3w nowy rodzaj postu b\u0119dzie widoczny w panelu:<\/p>\n WordPress daje mo\u017cliwo\u015b\u0107 podzia\u0142u postu na grupy \u2013 tworzenie taksonomii. Podstawowe g\u0142\u00f3wne typy to kategorie oraz tagi. Kategorie tworz\u0105 hierarch\u0119, a tagi s\u0105 typem p\u0142askim. W ramach post_type<\/span> mo\u017cesz korzysta\u0107 z wielu taksonomii r\u00f3\u017cnego rodzaju.<\/p>\n Je\u017celi chcesz doda\u0107 funkcj\u0119 grupowania utworzonych klient\u00f3w, zdefiniuj taksonomi\u0119:<\/p>\n Warto\u015b\u0107 ‘hierarchical’ => true<\/span> definiuje taksonomi\u0119 w formie kategorii, a false<\/span> definiuje j\u0105 jako tag. Nazewnictwo mo\u017cna r\u00f3wnie\u017c przedstawia\u0107 w formie array();<\/span> z wi\u0119ksz\u0105 liczb\u0105 warto\u015bci:<\/p>\n Po zmianie nazewnictwa otrzymasz poni\u017csz\u0105 form\u0119 taksonomii:<\/p>\n Na potrzeby test\u00f3w oraz \u0107wicze\u0144 mo\u017cesz definiowa\u0107 taksonomie w j\u0119zyku polskim, natomiast dobr\u0105 praktyk\u0105 jest u\u017cywanie angielskich nazw.<\/p>\n Po aktualizacji wtyczki dost\u0119pne b\u0119dzie okre\u015blone wcze\u015bniej grupowanie:<\/p>\n Nasze fachowe poradniki poszerz\u0105 Twoj\u0105 wiedz\u0119, a nasz Elastyczny Web Hosting sprawi, \u017ce Twoja strona b\u0119dzie dzia\u0142a\u0107 niezale\u017cnie od liczby odwiedzaj\u0105cych.<\/strong><\/p>\n Ponadto na naszych serwerach dost\u0119pne jest ju\u017c popularne narz\u0119dzie WP-CLI, kt\u00f3re przy wi\u0119kszej liczbie instalacji WordPressa automatyzuje szereg powtarzalnych czynno\u015bci. Posiadamy tak\u017ce LiteSpeed Cache dla WordPressa, kt\u00f3ry znacznie skr\u00f3ci czas \u0142adowania Twojej strony.<\/p>\n WYPR\u00d3BUJ HOSTING<\/strong><\/a><\/p>\n<\/div>\n Dodaj kilku klient\u00f3w za po\u015brednictwem panelu administracyjnego:<\/p>\n Teraz utw\u00f3rz shortcode. W tym celu wewn\u0105trz folderu includes<\/span> dodaj plik shortcode.php<\/span>. Wewn\u0105trz okre\u015bl sw\u00f3j shortcode oraz ustal, co dok\u0142adnie ma zosta\u0107 pobrane:<\/p>\n Wtyczka b\u0119dzie obs\u0142ugiwa\u0142a shortcode z atrybutem w postaci grupy, np. [dh_clients grupa=”katowice”]<\/span>. Je\u017celi grupa nie zosta\u0142a wybrana i wstawisz wy\u0142\u0105cznie [dh_clients]<\/span>, zostan\u0105 wy\u015bwietlone wszystkie elementy.<\/p>\n Teraz stw\u00f3rz zapytanie (WP_Query<\/span>) oraz p\u0119tl\u0119 generuj\u0105c\u0105 elementy do wy\u015bwietlenia:<\/p>\n Teraz, tak jak poprzednio, za\u0142\u0105cz nowy plik w clients-carousel.php<\/span>:<\/p>\n Po aktualizacji plik\u00f3w wtyczki na serwerze b\u0119dziesz w stanie doda\u0107 shortcode w dowolnym miejscu w panelu administracyjnym z parametrem grupy lub bez niego:<\/p>\n Po otwarciu strony ujrzysz dodanych klient\u00f3w:<\/p>\n Teraz mo\u017cesz przyst\u0105pi\u0107 do stylowania oraz utworzenia karuzeli.<\/p>\n Wewn\u0105trz folderu \/public\/css<\/span> dodaj plik style.css<\/span> i zamie\u015b\u0107 w nim poni\u017cszy kod:<\/p>\n Nast\u0119pnie w folderze includes<\/span> dodaj plik functions.php<\/span> i wykonaj w nim operacj\u0119 wp_enqueue_style<\/span>:<\/p>\n W p\u00f3\u017aniejszym etapie w podobny spos\u00f3b dodasz pliki JS zmieniaj\u0105c wp_enqueue_style<\/span> na wp_enqueue_script<\/span>. Teraz za\u0142\u0105cz plik functions.php<\/span> w pliku g\u0142\u00f3wnym (tak jak pozosta\u0142e pliki wcze\u015bniej).<\/p>\n Do stworzenia karuzeli wykorzystam Owl Carousel 2 (rozszerzenie do jQuery na licencji MIT) oraz bibliotek\u0119 ikon Font Awesome. Dodaj plik carousel.js<\/span> do folderu \/public\/js<\/span> a nast\u0119pnie pozosta\u0142e pliki Owl Carousel 2.<\/p>\n Teraz wewn\u0105trz pliku carousel.js<\/span> okre\u015bl zgodnie z dokumentacj\u0105 oraz swoimi potrzebami w\u0142a\u015bciwo\u015bci karuzeli:<\/p>\n W piku CSS mo\u017cesz na\u0142o\u017cy\u0107 dowolny styl na karuzel\u0119.<\/p>\n Efekt ko\u0144cowy karuzeli z logotypami klient\u00f3w:<\/p>\n Powy\u017csza wtyczka zosta\u0142a stworzona wy\u0142\u0105cznie na potrzeby tego poradnika. Mo\u017cesz j\u0105 rozszerza\u0107 o dodatkowe funkcje, np. mo\u017cliwo\u015b\u0107 zmiany liczby wy\u015bwietlanych element\u00f3w, kolorystyki czy rozmiar\u00f3w. Dobr\u0105 praktyk\u0105 by\u0142oby r\u00f3wnie\u017c dodanie folderu languages<\/span>, co pozwoli\u0142oby u\u017cytkownikom przet\u0142umaczy\u0107 wtyczk\u0105 na dowolny j\u0119zyk, np. przez Loco Translate.<\/p>\n Mam nadziej\u0119, \u017ce powy\u017cszy poradnik by\u0142 dla Ciebie dobrym wst\u0119pem do tego ogromnego tematu. Tak jak m\u00f3wi\u0142em wcze\u015bniej, najwa\u017cniejsza jest praktyka, zatem pobierz wtyczk\u0119 i do dzie\u0142a.<\/p>\n Pliki wtyczki mo\u017cesz pobra\u0107 tutaj<\/a>.<\/p>\n![\"wygl\u0105d](\"http:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2020\/12\/1.jpg\" "\\"\\"")
<\/a><\/p>\n<\/a><\/p>\n<\/span>Do kogo kierowany jest ten poradnik?<\/span><\/h2>\n
\n
\r\n\t\r\n<\/a>\r\n
\r\n
<\/div><\/span>Czego potrzebujesz?<\/span><\/h2>\n
\n
<\/span>Czego si\u0119 nauczysz?<\/span><\/h2>\n
<\/span>Krok 0 \u2013 informacje na start<\/span><\/h2>\n
\/** \n* Dla programist\u00f3w: tryb debugowania WordPressa. \n* \n* Zmie\u0144 warto\u015b\u0107 tej sta\u0142ej na true, aby w\u0142\u0105czy\u0107 wy\u015bwietlanie ostrze\u017ce\u0144 \n* podczas modyfikowania kodu WordPressa. \n* Wielce zalecane jest, aby tw\u00f3rcy wtyczek oraz motyw\u00f3w u\u017cywali \n* WP_DEBUG w miejscach pracy nad nimi. \n*\/ \ndefine('WP_DEBUG', true);<\/code><\/pre>\n\n<\/span>Krok 1 \u2013 Struktura i tworzenie pliku g\u0142\u00f3wnego<\/span><\/h2>\n
\n<?php \n\/* \nPlugin Name: Karuzela klient\u00f3w \/ poradnik dhosting \nPlugin URI: https:\/\/dhosting.pl \nDescription: Karuzela z logotypami wywo\u0142ywana za pomoc\u0105 shortcode'a, w panelu mo\u017cliwo\u015b\u0107 utworzenia w\u0142asnego podzia\u0142u - kategorii. Realizacja w ramach poradnika odno\u015bnie pisania wtyczek na WordPress. \nAuthor: Roman Lorent \nVersion: 1.0.0 \nAuthor URI: https:\/\/pozyskajklienta.pl \n*\/<\/code><\/pre>\n\n<\/a><\/p>\n<\/a><\/p>\n<\/span>Krok 2 \u2013 Dodawanie i rejestrowanie nowego typu post\u00f3w<\/span><\/h2>\n
<?php \n \nfunction register_dh_client() \n{ \n register_post_type( 'dh_clients', array( \n 'labels' => array( \n 'name' => __( 'Klienci' ), \n 'singular_name' => __( 'Klient' ), \n 'add_new' => __( 'Dodaj klienta' ), \n 'add_new_item' => __( 'Dodaj nowego klienta' ), \n ), \n 'public' => true, \n 'supports' => array( 'title', 'thumbnail') \n )); \n} \nadd_action( 'init', 'register_dh_client', 0);<\/code><\/pre>\n<?php \n\/* \nPlugin Name: Karuzela klient\u00f3w \/ poradnik dhosting \nPlugin URI: https:\/\/dhosting.pl \nDescription: Karuzela z logotypami wywo\u0142ywana za pomoc\u0105 shortcode'a, w panelu mo\u017cliwo\u015b\u0107 utworzenia w\u0142asnego podzia\u0142u - kategorii. Realizacja w ramach poradnika odno\u015bnie pisania wtyczek na WordPress. \nAuthor: Roman Lorent \nVersion: 1.0.0 \nAuthor URI: https:\/\/pozyskajklienta.pl \n*\/ \n \ninclude_once( plugin_dir_path( __FILE__ ) . 'includes\/clients.php'); <\/code><\/pre>\n<\/a><\/p>\n<\/span>Krok 3 \u2013 tworzenie taksonomii dla nowego typu postu<\/span><\/h2>\n
function register_dh_client_tax() \n{ \n register_taxonomy( 'grupa', 'dh_clients', array( \n 'rewrite' => array( 'slug' => 'grupa' ), \n 'label' => __('Grupy klient\u00f3w'), \n 'hierarchical' => true, \n )); \n} \nadd_action( 'init', 'register_dh_client_tax', 0); <\/code><\/pre>\n$labels = array( \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'name'\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f => __( 'Grupy klient\u00f3w'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'singular_name'\u202f\u202f\u202f\u202f => __( 'Grupa klient\u00f3w'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'search_items'\u202f\u202f\u202f\u202f\u202f => __( 'Szukaj grupy' ), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'all_items'\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f => __( 'Zobacz wszystkich grupy'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'parent_item'\u202f\u202f\u202f\u202f\u202f\u202f => __( 'Nadrz\u0119dna grupa'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'parent_item_colon' => __( 'Nadrz\u0119dna grupa:'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'edit_item'\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f => __( 'Edytuj grup\u0119'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'update_item'\u202f\u202f\u202f\u202f\u202f\u202f => __( 'Aktualizuj grup\u0119'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'add_new_item'\u202f\u202f\u202f\u202f\u202f => __( 'dodaj now\u0105 grup\u0119'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'new_item_name'\u202f\u202f\u202f\u202f => __( 'Nazwa nowej grupy'), \n\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f'menu_name'\u202f\u202f\u202f\u202f\u202f\u202f\u202f\u202f => __( 'Grupy'), \n\u202f\u202f\u202f\u202f\u202f); <\/code><\/pre>\nfunction register_dh_client_tax() \n{ \n $labels = array( \n 'name' => __( 'Grupy klient\u00f3w'), \n 'singular_name' => __( 'Grupa klient\u00f3w'), \n 'search_items' => __( 'Szukaj grupy' ), \n 'all_items' => __( 'Zobacz wszystkich grupy' ), \n 'parent_item' => __( 'Nadrz\u0119dna grupa'), \n 'parent_item_colon' => __( 'Nadrz\u0119dna grupa:'), \n 'edit_item' => __( 'Edytuj grup\u0119'), \n 'update_item' => __( 'Aktualizuj grup\u0119'), \n 'add_new_item' => __( 'Nowa grupa'), \n 'new_item_name' => __( 'Nazwa nowej grupy'), \n 'menu_name' => __( 'Grupy'), \n ); \n $args = array( \n 'hierarchical' => true, \n 'labels' => $labels, \n 'rewrite' => [ 'slug' => 'grupa' ], \n ); \n register_taxonomy( 'grupa', [ 'dh_clients' ], $args ); \n \n} \nadd_action( 'init', 'register_dh_client_tax', 0); <\/code><\/pre>\n<\/a><\/p>\n<\/a><\/p>\n\n<\/span>Krok 4 \u2013 Pobieranie i wy\u015bwietlanie klient\u00f3w<\/span><\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<?php \n \nadd_shortcode( 'dh_clients','dh_clients_shortcode'); \nfunction dh_clients_shortcode( $atts ) { \n \n $atts = shortcode_atts( array( \n 'grupa' => '' \n ), $atts ); \n \n if (!empty($atts['grupa'])) { \n $args = array('post_type' => 'dh_clients', \n 'tax_query' => array( \n array( \n 'taxonomy' => 'grupa', \n 'field' => 'slug', \n 'terms' => array(sanitize_title( $atts['grupa'])), \n ), \n ), \n ); \n } \n else{ \n $args = array('post_type' => 'klienci', \n ); \n \n } <\/code><\/pre>\n} \n $loop = new WP_Query($args); \n $output = '<div class="dh-clients"> <div class="owl-carousel">'; \n \n while($loop->have_posts()) : $loop->the_post(); \n $img = get_the_post_thumbnail_url(get_the_ID(),'full'); \n $output .= '<div class="item"> <img src="' . \n $img . \n '"\/><div class="client-name"><span>'. \n get_the_title(). \n '<\/span><\/div><\/div>'; \n endwhile; \n \n wp_reset_query(); \n $output .= '<\/div><\/div>'; \n return $output; \n}<\/code><\/pre>\ninclude_once( plugin_dir_path( __FILE__ ) . \n'includes\/shortcode.php');<\/code><\/pre>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/span>Krok 5 \u2013 Dodawanie plik\u00f3w CSS<\/span><\/h2>\n
.client-name { \n color: white; \n background-color: #231F20; \n padding: 5px 5px 5px 20px; \n} <\/code><\/pre>\n<?php \n \nfunction load_dh_clients_scripts($hook) { \n \n wp_enqueue_style( 'style', plugins_url( '\/klienci\/public\/css\/style.css')); \n \n} \nadd_action('wp_enqueue_scripts', 'load_dh_clients_scripts');<\/code><\/pre>\n<\/span>Krok 6 \u2013 Tworzenie karuzeli<\/span><\/h2>\n
$('.owl-carousel').owlCarousel({ \n loop: true, \n nav: true, \n navText: [ \n "<i class='fa fa-long-arrow-left'><\/i>", \n "<i class='fa fa-long-arrow-right '><\/i>" \n ], \n autowidth:true, \n margin:13, \n autoplay: false, \n responsive: { \n 0: { \n items: 1 \n }, \n 600: { \n items: 3 \n }, \n 1000: { \n items: 4 \n } \n } \n}) <\/code><\/pre>\n<\/a><\/p>\n<\/span>Podsumowanie<\/span><\/h2>\n