WordPress, Youtube i Wikipedia – połączenie darmowych mocy

Przez ostat­ni rok praktycz­nie nie robiłem nic innego jak nauka WordPress'a i Bootstrap'a. Budowa­łem strony na gotowych szablo­nach (www​.talker​si​.pl), na elastycz­nych szablo­nach jak Genera­te­Press (www​.wpt​.gda​.pl) czy w całości opartych na własnym pomyśle (www​.sztum​.gda​.pl lub www​.vivaden​tal​.pl). Z musu zainte­re­so­wa­łem się API Youtu­be i stworzy­łem wtycz­kę, która zarzą­dza stroną opartą o kanał stworzo­ny w tym popular­nym porta­lu (www​.vivaden​tal​.tv). Bootstrap Studio – tania aplika­cja, a życie progra­mi­sty staje się łatwiej­sze 🙂 Bootstrap 4 okazał … 

Czytaj więcej

Generator pętli w WordPress [wp_​query]

Bardzo ważną funkcją w WordPres­sie jest 'the_​post()', która zawie­ra wszyst­kie zmien­ne dotyczą­ce wpisu lub strony. Pętla obiek­tu wp_​query to kod PHP używa­ny przez WordPress do wyświe­tla­nia postów. Używa­jąc pętli, WordPress przetwa­rza każdy wpis, który ma być wyświe­tla­ny na bieżą­cej stronie i forma­tu­je go zgodnie z zadany­mi kryte­ria­mi. Każdy kod HTML lub PHP w pętli będzie przetwa­rza­ny w każdym poście.

Czytaj więcej

Wersje językowe w WordPress. Polylang – od tego zaczynaj!

Jeżeli twoja strona ma być wielo­ję­zy­ko­wa, to od razu należy zainsta­lo­wać wtycz­kę obsłu­gi wersji języko­wych. Warto pomyśleć o tym nawet jeżeli nie planu­jesz jeszcze rozbu­do­wy. Klient za chwilę się namyśli i zaczną się proble­my. Dlacze­go to takie ważne? Bo żeby wersje języko­we działa­ły, trzeba dodać oznacze­nie języka do adresu url, co zmienia struk­tu­rę pozio­mów. Jeżeli w css stosu­jesz linki bez http://, ale nacelo­wa­ne na konkret­ny zasób, to po wprowa­dze­niu zmian w adresie przybę­dzie ci jeden poziom i wszędzie trzeba będzie albo dodać nazwę języka albo wstawić dodat­ko­we przej­ście na poziom wyżej '../​'. Najlep­szym rozwią­za­niem wydaje się być wtycz­ka 'Polylang'

Czytaj więcej

Własne pole w WordPress. Advanced Custom Fields w akcji.

Czasa­mi jest tak, że potrze­bu­je­my stworzyć stronę nie tylko z treścią główną, ale z dodat­ko­wy­mi boksa­mi umiesz­czo­ny­mi w dowol­nym miejscu. Jeżeli dobrze znamy HTML i CSS to nie ma większe­go proble­mu. Wystar­czy stworzyć klasy, przypi­sać do konte­ne­rów i po krzyku. Co w sytuacji, gdy oddaje­my stronę klien­to­wi, który się nie zna? Na 100% po kilku dniach zadzwo­ni telefon z rekla­ma­cją, że wszyst­ko się rozsy­pa­ło. Aby temu zapobiec musimy stworzyć "własne pole".

Czytaj więcej

register_​sidebar – nowe pola dla widgetów w WordPress

Pierw­szy projekt strony pod WordPres­sem jaki buduję od podstaw, czyli z własnym szablo­nem tworzę na bazie "czyste­go szablo­nu" Under­sco­res. Domyśl­nie szablon ten zawie­ra tylko jedno pole dla widge­tów w prawym sideba­rze, utworzo­ne za pomocą funkcji 'register_​sidebar'. Mój projekt przewi­du­je cztery pola w sekcji 'footer'. Po utworze­niu szablo­nu, który nazwa­łem 'vitadent' dosta­łem plik z podsta­wo­wy­mi funkcja­mi: function.php. Aby dodać inne pola dla widge­tów należy otworzyć ten plik i dopisać kilka linijek kodu.

Czytaj więcej

Bootstrap – wprowadzenie

Bootstrap – frame­work CSS, rozwi­ja­ny przez progra­mi­stów Twitte­ra, wydawa­ny na licen­cji MIT. Zawie­ra zestaw przydat­nych narzę­dzi ułatwia­ją­cych tworze­nie inter­fej­su graficz­ne­go stron oraz aplika­cji inter­ne­to­wych. Bazuje głównie na gotowych rozwią­za­niach HTML oraz CSS (kompi­lo­wa­nych z plików Less) i może być stoso­wa­na m.in. do styli­za­cji takich elemen­tów jak teksty, formu­la­rze, przyci­ski, wykre­sy, nawiga­cje i innych kompo­nen­tów wyświe­tla­nych na stronie. Frame­work korzy­sta także z języka JavaScript.

Notice: ob_end_flush(): failed to send buffer of zlib output compression (0) in /home/arporo/public_html/prostykod.pl/wp-includes/functions.php on line 5275