Нови Сад – 4 Радионица за израду Вордпрес тема, 20 октобар 2018

Нови Сад – Радионица за израду тема
Полазници четврте радионице за израду Вордпрес тема

У суботу, 20 октобра 2018, у новосадском Стартит Центру је одржана четврта радионица за израду Вордпрес тема. Радионица је била посвећена мало напреднијој теми, Walker_Nav_Menu.

Изборник је таксономија док су ставке изборника post_type објекти.

Walker_Nav_Menu::start_lvl

Односи се на отварајућу ознаку листе, <ul>, сваког под-изборника. Враћа целокупан markup пре <ul>, као и <ul> са класама и одговарајућим размацима, item_spacing.

Уколико је потребно само променити или додати класе или аргументе изборника, онда се може користити доступан филтер, nav_menu_submenu_css_class, и нема потребе иницијализовати цео Walker.

Извор: Walker_Nav_Menu::start_lvl

Walker_Nav_Menu::end_lvl

Односи се на затварајућу ознаку листе, </ul>, сваког под-изборника.

Извор: Walker_Nav_Menu::end_lvl

Walker_Nav_Menu::start_el

Односи се на отварајућу ознаку сваке ставке, <li>, као и на одговарајућу везу, <a></a>. Овде је могуће изменити и/или додати атрибуте за сваку ставку без обзира ком нивоу изборника припада, као и за сваку везу.

Могуће је поништити или дефинисати аргументе из wp_nav_menu(), као што су before, after, link_before и link_after, што уз употребу одговарајућих кондиционала значајно олакшава додавање помоћних ознака код ставки које садрже под-изборнике.

Чак је могуће убацити било који садржај везан за ставку – ако је чланак или страница онда имамо на располагању све што можемо приказати у њиховим шаблонима (наслов, садржај, исечак, издвојену слику, аутора, коментаре, датум итд); ако је у питању таксономија могуће је приказати њене чланове, број чланака у сваком члану..

Доступни филтери: nav_menu_item_args, nav_menu_css_class, nav_menu_item_id, nav_menu_link_attributes, the_title, nav_menu_item_title и walker_nav_menu_start_el.

Могућности су неограничене, не само у модификацији изборника већ и у сврси за коју се може користити.

Извор: Walker_Nav_Menu::start_el

Walker_Nav_Menu::end_el

Односи се на затварајућу ознаку сваке ставке, </li>.

Извор: Walker_Nav_Menu::end_el

Корисна Вордпрес функција wp_trim_words()

Комплетан код са радионице се може преузети са званичног налога Вордпрес Србија заједнице на Github-u.

У следећем термину ћемо наставити са подразумеваним особинама теме, подршком за пост формате, HTML5, те осталим подразумеваним шаблонима.

Радионице су бесплатне али је потребно пријавити се на Meetup групи Вордпрес Србија заједнице.

Нови Сад – 3 Радионица за израду Вордпрес тема, 06 октобар 2018

Трећа радионица за израду Вордпрес тема је одржана у суботу, 6 октобра 2018, у просторијама новосадског Стартит Центра. Цела радионица је била посвећена подразумеваним особинама теме које се активирају помоћу add_theme_support() функције.

Полазници треће радионице за израду Вордпрес тема – аутор Стевица Голошин

Прилагођени лого

Да би се користила функционалност прилагођеног логоа у прилагођавачу неопходно је, пре свега, активирати је уз помоћ add_theme_support( ‘custom-logo’ ) функције. Затим се на месту где желимо да прикажемо лого, најчешће у header.php шаблону, позивају функције за приказ логоа. Неке од њих су has_custom_logo(), the_custom_logo() и the_custom_logo().

У ситуацијама када нам предефинисани Вордпресов markup не одговара, можемо користити доступне филтере, као што је филтер копча get_custom_logo. На овај начин врло једноставно прилагођавамо приказ логоа нашим потребама при чему и даље користимо предности Вордпресове предефинисане функционалности.

Аутоматске везе довода

Ова особина не мења изглед и функционалност веб места али је изузетно важна за сваки блог. Додавањем add_theme_support( ‘automatic-feed-links’ ) у functions.php датотеку омогућавамо посетиоцима веб места да се лако пријаве на претплату нових чланака и коментара.

Ознака наслова

Помоћу add_theme_support( ‘title-tag’ ) функције активирамо подршку за ознаку наслова што омогућава страницама веб места адекватан наслов за претраживаче. Подразумевани наслови су дефинисани у wp_get_document_title() функцији у којој можемо пронаћи и филтере за измену наслова, document_title_parts, и сепаратора, document_title_separator.

Прилагођена позадина

Прилагођена позадина за <body> ознаку се активира додавањем add_theme_support( ‘custom-background’ ) функције. Ова функционалност додаје две нове контроле у прилагођавачу и нуди читав низ подешавања које можемо дефинисати као подразумеване, укључујући боју и слику.

Издвојена слика

Функционалност издвојене слике, која се активира додавањем add_theme_support( ‘post-thumbnails’ ) функције, баш као и прилагођени лого, захтева додатни код у шаблонима. За приказ издвојене слике, онако како је предефинисан у Вордпресу, довољно је свега пар функција као што су has_post_thumbnail() и the_post_thumbnail(), док су за прилагођавање доступни филтери.

Димензије слика се могу прилагодити помоћу add_image_size() функције. Како бисмо применили нове димензије и на све већ постојеће слике у галерији садржаја, препоручен је Force Regenerate Thumbnails додатак. Његова предност у односу на друге сличне додатке је што он, поред тога што примењује нове димензије на све постојеће слике, проверава све регистроване димензије и уклања оне слике које су сечене према димензијама које се више не користе.

Прилагођено заглавље

Функционалност прилагођеног заглавља омогућава додатни издвојени садржај, слику или видео, које је предвиђен да буде допуна идентитету веб места али је, у пракси, могуће користити је у било коју сврху. Активира се помоћу add_theme_support( ‘custom-header’ ) функције и, као и прилагођена позадина, има читав низ подешавања који се могу дефинисати као подразумевани.

За разлику од прилагођене позадине, прилагођено заглавље захтева додатни код у шаблонима. Неке од доступних функција су get_header_image(), get_custom_header(), header_image() и the_custom_header_markup().

Изборници

Изборници се користе у различите сврхе на веб местима. Основна функционалност кретања кроз веб место се постиже функцијом wp_nav_menu(). Додатна функционалност и већа контрола над изборницима се постиже регистрацијом прилагођених изборника, register_nav_menus().

Аутор форографија Стевица Голошин.

Комплетан код са радионице се може преузети са званичног налога Вордпрес Србија заједнице на Github-u.

У следећем термину ћемо се посветити прилагођавању изборника кроз Walker_Nav_Menu класу.

Радионице су бесплатне али је потребно пријавити се на Meetup групи Вордпрес Србија заједнице.

Нови Сад – 2 Радионица за израду Вордпрес тема, 29 септембар 2018

На другој радионици за израду Вордпрес тема, одржаној 29-ог септембра у новосадском Стартит Центру, полазници су започели израду самосталне теме за Вордпрес, назване “Радионица”.

Полазници друге радионице за израду Вордпрес тема – аутор Филип Петронијевић

Решавањем грешака и упозорења од стране Вордпреса, полазници су се упознали са минимумом кода, неопходним да се нова тема доведе у стање да може да се инсталира.

Ово, пре свега, подразумева постојање style.css датотеке са добро познатим коментаром; затим је неопходна index.php датотека у којој се позивају заглавље, get_header(), и подножје, get_footer(); те шаблони за заглавље, header.php, и подножје, footer.php, са неопходним позивима за адекватне копче: wp_head() и wp_footer().

Приказивање садржаја на “frontendu” смо започели функцијама за приказивање назива и описа веб места: bloginfo(), get_bloginfo(), home_url(); основном петљом и двема функцијама за приказ наслова, the_title(), и садржаја, the_content(), уноса у оквиру петље. Такође, увели смо још једну датотеку, function.php, неопходну за учитавање стилова, style.css.

Милана Цап - Радионица за израду тема
Милана Цап, предавач – аутор Филип Петронијевић

Како Вордпрес подржава три основна типа шаблона: чланак, страница и архива; полазници су се упознали са датотекама за ове основне шаблоне: single.php и page.php, при чему је index.php престао да буде датотека за све шаблоне и постао шаблон само за архиве.

Овом приликом су полазницима представљене основе подразумеваних шаблона и њихових делова, различити шаблони за приказ чланака, страница као и специфична хијерархија Вордпресових шаблона.

Велику помоћ у развијању чистог и одрживог кода чине тзв. делови шаблона, get_template_part() и кондиционали (is_archive(), is_home(), is_single(), is_front_page()). Полазници су се упознали са основним начином функционисања и употребом делова шаблона и кондиционала, које ће све више користити у даљем раду и развоју теме. У међувремену, листа свих кондиционала се може пронаћи овде.

За крај смо додали главни wrapper и  основни markup за уносе како би цела страница добила на семантици. Овом приликом смо се упознали са још неколико функција, корисних у оквиру петље: post_class(), the_ID(), the_category() и the_tags().

Аутор форографија Филип Петронијевић.

Комплетан код са радионице се може преузети са званичног налога Вордпрес Србија заједнице на Github-u.

На следећој радионици, која ће се одржати 6 октобра 2018, ћемо се упознати са подршком теме (add_theme_support()), шта она представља и како се имплементира подршка за различите особине теме.

Радионице су бесплатне али је потребно пријавити се на Meetup групи Вордпрес Србија заједнице.