Poradnik Pierwsza strona w Wordpress (tworzymy szablon od zera)

Jako ze tez dzieki temu forum uczę się nowych rzeczy,  dzisiaj znalazłem czas zeby cos napisac dla osób z tego forum które marnują czas  na filmiki youtubowe domorosłych “specjalistów” wordpress którzy uczą jak stawiać strony na Wordpress. Oczywiście po  serii filmów takiego guru, osoba oglądająca znów jest w punkcie startu. Pisze  z głowy, przepraszam jak coś pominąłem lub nie rozwinąłem dostatecznie, nie musisz tego czytac.

Wordpress to platforma do blogowania, która teraz rozwinęła się do miana CMS.

Jak zaczac?

1. Moja propozycja obadaj kilka theme frameworków,  wybierz ten który składniowo najbardziej ci odpowiadają - ja używam under strap który oparty jest na underscore. Dlaczego go wybrałem bo ma bootstrap 4, gulp, sass zintegrowany, browser sync.

2. musisz zrozumieć  ten diagram

Link do  full size image: hierarchia szablonów

home.php

page->$slug.php (page-onas.php wraz z Template Name zamieszczonym wewnątrz , page-contact.php z odpowiednim komentarzem w pliku, page-oferta.php z odpowiednim Template Name, itp. )

single->$slug.php  - To ci sie przyda jak zaczniesz tworzyć custom post types

Kiedy zaczniesz tworzyć custom post types to ci się przyda - gdy wordpress nie rozpozna slug  wyświetli to co chcesz za pomocą szablonu który jest wyżej, póki co wystarczy ci na start ze na start będziesz tworzył  Posts, Wybierał category z prawej strony, i na przez siebie stworzonych podstronach wyświetlisz w je pętli.

3, Jak dołączyć  assets - js (wp_enqueue_script) / css (wp_enqueue_style) - do swojego szablonu - assets najszybciej dodasz w swoim pliku functions.php bezpośrednio - co na start ci wystarczy, ale lepiej jak  stworzysz sobie plik enqueue.php w folderze twojfolder - tutaj wrzucasz wszystko, i za pomocą tej linijki kodu:

require get_template_directory() . '/twojfolder/enqueue.php';

Dolaczasz do swojego plik functions.php.

Kod przykładowej funkcji dołączającej  pliki css / javascript która powinna znajdować się w enqueue.php:

if ( ! function_exists( 'add_styles_scripts' ) ) {

function add_styles_scripts() {

wp_enqueue_style( 'styles', get_stylesheet_directory_uri() . '/css/style.css', false, false, false );

wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/script.js', false,false, true );

}

}

add_action( 'wp_enqueue_scripts', 'add_styles_scripts' );

Skrypty js dodawaj sobie do footer - zobacz ostatni parametr w wp_equeue_script - jest true.

4. Pobierz sobie jakiś prosty gotowy html template w bootstrap 4. Wyodrębnij z niego Header, Footer, Navbar,  Content Area, sprawdź jakie assets musisz przerzucić z html theme do swojego nowego szablonu wp - js scripts, css files, kod html, fonts, images, następnie przekopiuj to do odpowiednich plików /  folderów w swoim wordpress szablonie. Pamiętaj że aby wordpress widział twoją podstronę - Na początku pliku należy dodać magiczny komentarz:

/**

* Template Name: Make Cash O nas

*

/

Tworząc strony w swoim wordpress, następnie bedziesz mogl ja wybrać tu = w innym wypadku jest używany page.php :

5. Musisz pamiętać w których miejscach dodawać wp_head(),  wp_footer(), w swoich nowych plikach. Na start nie musisz bo wordpress ci wyświetli  to co chcesz, ale gdy zaczniesz instalować pluginy wordpress - które korzystają z wp_head, wp_footer to  je dodasz.

6. Posts Loops  - za pomocą wp_query bądź innych pętli, metoda- kopiuj wklej z dokumentacji wordpress - musisz zrozumieć parametry jakie może taka funkcja przyjąć.

7.  <?php the_content(); ?> - to  wyświetli ci to co wrzuciłeś tu:

Najprostsza pętla:

while (have_posts()) : the_post(); ?>

<?php the_content(); ?>

<?php endwhile; ?>

Pobierz  XAMPP, pobierz Wordpress, pobierz Understap zainstaluj dependencies, pobierz jakiś  przykładowy szablon html i działaj.

Jak chcesz żebym zerknął co ci nie działa, kup sobie  jakiś hosting do nauki, i w przypadku problemu, prześlij na PW  dane do logowania WP, oraz FTP, w innym przypadku nie mam czasu na wróżenie z fusów.  

Generalnie bajzel, mam trudności ze zrozumieniem czegokolwiek co tutaj jest napisane a już parenaście stron na WP postawiłem (i nie były to przerabiane szablony), jak w takim razie ma coś z tego zrozumieć osoba zakładająca pierwszą stronę na WP ?

Wypluwasz bezsensowne "poradniki" nie pomagające komukolwiek, składniowo jakby pisał 12-latek, nawet kodu w specjalny znacznik nie wrzuciłeś. Dla mnie ten post to śmieć w internecie, wszedłem tu tylko z powodu tytułu, który mnie zainteresował, jednak nijak ma się do treści.

Na pewno więcej wiedzy poprawnej merytorycznie uzyskałbym na youtube.

Nie wypowiadałem się wcześniej gdyż nie chciałem demonizować zawartych treści w tym temacie. Niestety mam takie samo zdanie co @plove, który zajmuje się projektowaniem stron, więc żaden z niego no name. Zdecydowanie ten temat jest dla osób, które znają już PHP a nie dla początkujących.

Dla początkujących to będzie

• jak zainstalować wordpress
• jak wgrać wtyczki, pluginy, motyw

Za to muszę przyznać iż całkiem fajna grafika, przejrzyście i schludnie rozpisana. Czy twojego autorstwa?

Pozdrawiam

edycja: zmieniłem temat na bardziej sprecyzowany

@plove  poradnik jest dla osób które chca tworzyc szablony wp od zera,  posilkujac sie szablonem html, i jakims theme frameworkiem,  nie dla osób które wykorzystuja gotowe szablony - poniewaz  instalujac  gotowy template i  demo content  znajomosc niniejszych pojec nie jest wymagana. Nie jest on takze  dla osob opornych na wiedze krytykujacych wszystkich posiadajacych wieksza wiedza od nich samych. 

Proponuje ci usiasc, i przeanalizowac ten poradnik jak czlowiek,  jezeli poradnik ten jest dla ciebie zbyt  ciezki do przyswojenia, to znaczy ze musisz  uzupelnic swoja  wiedze o wordpress , isc popracowac w normalnej firmie wykorzystujacej wp na codzien,  albo ogladac dalej filmiki na youtube  i hejtuj dalej.

@Harry  tak, napisalem go dzisiaj  specjalnie dla tego forum. 

@plove  i naucz sie JS,  bo  specjalnie wszedlem na twoja strone,  i sprawdzilem czy osoba krytykujaca mnie reprezentuje jakis  poziom  - czy jestes kims równym do dyskusji -  niestety  okazalo sie ze nie .  Twoja strona jest typowo szablonowa z usunietym brandingiem, i w webmaster console  wyplulo bledy. Moze  pogadaj  z swoimi youtubowymi guru jak te bledy naprawic. Jezeli stawiasz swoje  strony, stawiaj je bug free. 

Przeanalizowałem i... dalej sądzę że jest to burdel z którego nic sensownego wyciągnąć się nie da.

Z WP pracuję na co dzień, zarówno pracując na etacie jak i we własnej firmie, nie twierdzę że znam go w 100%, piszę tylko o tym co widzę i czytam, a czytam brednie.

Temat jest o WP, wchodzisz na moją stronę i znajdujesz jakieś kruczki związane z JS xD, które nie mają nawet wpływu na działanie całej strony i są zaciągane z zewnątrz. Jak jednak zauważyłeś trochę projektów zrobiłem, Ty natomiast jesteś nonamem, który nie ma nic w portfolio, za to kracze najgłośniej.

Nigdy nie używałem szablonów WP w swojej pracy a ten bełkot i domniemywanie o tym że moje portfolio jest gotowcem umieszczę sobie w ramce i powieszę nad biurkiem

Kończąc dodam, że nie jesteś podatny na opinie innych osób, co już nie raz na tym forum udowodniłeś, pewnie dlatego dałeś nogę z kraju i próbujesz łamaną polszczyzną pisać mądrości nie mające pokrycia w realnych projektach. Pochwal się paroma realizacjami, chętnie rzucę okiem

PS @Harry diagram akurat jest zajumany z wordpress.org o czym szanowny pan także nie raczył wspomnieć.

Zgadzam się @plove, tekst przypomina odrabianie lekcji na kolanie przez 12-latka :-)

Super, że masz chęci i chcesz pomóc wkładając swoją pracę ale publikując coś na forum licz się z krytyką i ją przyjmuj, a nie odbijasz piłeczkę jak obrażony nastolatek. Jeśli ktoś pisze, że wg. niego jest do du.. to zapytaj "dlaczego? co jest źle? jak to poprawić?", a może czegoś się nauczysz.

Dobrze jest, bo dyskusja się rozpętała, a czy na dobre to czas pokaże. Po kolei, co początkujący musi się zająć ? W jakie tajniki kodowania musi się zagłębić żeby ruszyć z projektem własnej strony ? Rozumiem, że bez podstaw php, javy to ani rusz. Ktoś mi poleci jakieś filmiki na yt. Do udemy mam uraz jako strony która skupia osoby nie umiejące przekazać treści. 

Gdzie szukać tutoriali w zakresie budowania stron opartych na frameworku genesis?

Wysłane z mojego GT-I9305 przy użyciu Tapatalka

@Maximilion  jezeli nie masz doswiadczenia w programowaniu, a w miare szybko chcesz tworzyc customowe aplikacje internetowe, to polecam Ci w framework w ruby - ruby on rails, lub w php - laravel - na pierwszy raz  nie rzucalbym sie na Jave, a jak juz musisz  to java - spring framework, wykorzystujac technologie Spring Boot. Jezeli chcesz  postawic strone, to jak poprzedni wszechwiedzacy  robi - php, i postaw ja na Wordpress na gotowym szablonie. 

@Pr0miL   tu najlepsze howto  https://sridharkatakam.com/ jest to platne, ale pracujac w genesis, warto miec cos takiego bo genesis czasem wkurza

@Apps zgadza sie, jestem otwarty na krytyke,  ale jak wynioskowales z tego co napisalem wyzej,  od osob rownych mi sobie, a nie hejterów  ktorzy sami nic nie napisza, a krytykuja innych, no ale ludzi z takim attitude nie brakuje w internecie te numerki w moim nicku to moj rocznik urodzenia, nie jestem nastolatkiem  

@plove skoncz krytyke, i napisz cos  konkretnego dla ludzi w formacie  pracy inzynierskiej badz w formacie jaki uznasz na najlepiej przyswajalny,  bo tego oczekujesz odemnie, zeby pomoc przyszlych web developerom z naszego forum,  zeby nie musieli marnowac wielu godzin  na  youtubowych filmikach, i zeby nie musieli tracic swoich pieniedzy na jakis nie pewnych zarobkach, a by zarabiali te  pewne 200-400 zl  na stronce. Jestem starszy, i jak na starszego przystalo, koncze z toba dyskusje. 

@Maximilion Nie słuchaj tych bredni, pytasz o strony internetowe a tamten Ci o aplikacjach pisze xD Zacznij od HTML/CSS, liźnij JS no i ogarnij Photoshopa - wystarczy.

@krzysztof86 Konstruktywna krytyka jest nawet wskazana. Ja nie potrzebuję pisać poradników bo wychodzę z założenia, że jeśli czegoś się nie zna w 100% to nie próbuje się tego uczyć innych - Ty masz inne zdanie dlatego wypluwasz takie gnioty. Wyjaśnij mi tylko jak po przeczytaniu tych Twoich wypocin ktokolwiek może wiedzieć o co chodzi ? Zostałeś wywołany przeze mnie do tablicy, szukasz kruczków w moich projektach, mędrkujesz a na razie nie pokazałeś ANI JEDNEGO swojego dzieła.

PS. No jesteś starszy, nie da się ukryć, ale czy wiek idzie w parze z rozumem W dodatku robisz z siebie specjalistę branży IT nie mając na koncie absolutnie żadnego komercyjnego projektu, ubaw po pachy.

57 minut temu, krzysztof86 napisał:

@Pr0miL   tu najlepsze howto  https://sridharkatakam.com/ jest to platne, ale pracujac w genesis, warto miec cos takiego bo genesis czasem wkurza

Dziękuję.

@plove  web development nie konczy sie na  zaprojektowaniu grafiki w  PS, pocieciu i zakodowaniu tego w bootstrap, staram sie doszukac jakiegos skilla z twojego portfolio, ale to sa same  podstawy w ktorych sie wyspecjalizowales 

2 godziny temu, Maximilion napisał:

Rozumiem, że bez podstaw php, javy to ani rusz.

2 godziny temu, krzysztof86 napisał:

na pierwszy raz  nie rzucalbym sie na Jave, a jak juz musisz  to java - spring framework, wykorzystujac technologie Spring Boot.

@Maximilion pewnie chodziło o JavaScript. Java to zupełnie inny język programowania i do innych zastosowań niż JavaScript!  

@Averem  aha, dziekuje za sprostowanie.  @Maximilion   nauka javascript Cie nie ominie, predzej czy pozniej, przyjdzie ci cos w nim zrobic, np. ajax requests,  praktycznie wszystkie strony w internecie  teraz zawieraja w sobie jakies  elementy javascriptu,  bo samym html css nie uzyskasz na tyle duzo elastycznosci  w tworzeniu dynamicznych stron. 

16 godzin temu, krzysztof86 napisał:

@Harry  tak, napisalem go dzisiaj  specjalnie dla tego forum. 

Czy ty właśnie przypisałeś sobie autorstwo do diagramu z hierarchią szablonów w WP? Ten diagram pochodzi z wordpress.org

Moim zdaniem w tym poradniku brakuje co najmniej poprawnego formatowania kodu, bo w tej formie jest nie do końca czytelny.

Pozdrawiam

@llukasz   link jest podany  

Formatowanie kodu - jezeli nie wiesz  kiedy kod php sie zaczyna, a kiedy konczy, to moze lepiej jak zaczniesz od jakiegos podstawowego kursu PHP? 

@krzysztof86 Masz jakieś solidne braki pod kopułą, co post wynajdujesz coś innego, w dodatku uczysz chociaż sam nie masz nic do przekazania - gdzie tu logika ?

Najśmieszniejsze jest jednak to, że twierdzisz iż skilla nie mam ale sam:

- nie masz projektów do pokazania

- zamawiasz usługi graficzne na tym forum xD

- zarabiasz/zarabiałeś w serwisach zarobkowych, które współtworzyłem i tutaj po prostu się popłakałem... ze śmiechu oczywiście

Ty na razie jak pospolity robol coś tam liznąłeś ale portfolio masz żadne. Pozdrawiam.

PS. Web development kończy się na tym co klient sobie zażyczy, ja mam target na front-end więc nie potrzebuję dłubać w czym innym.

@plove  Pomyliles mnie moze  z kims innym o tym samym loginie, w zadnych serwisach zarobkowych nie jestem zarejestrowany i nie zarabiam online  

Pracuje w UK od 6 lat,  nic tu twoje marki nie znacza poza Tesco i Yves Rocher. Duze marki stac na zatrudnienie full time designera lub zatrudniaja inna firme jako podwykonawca, to sam sobie odpowiedz czy jest sie czym szczycic  kiedy "wielka marka" w twoim mniemaniu zatrudnia cie za grosze zatrudnia poprzez oferia

Nie jestem freelancerem, abym musial budowac online presence, nie musze tego posiadac, bo mam dobrze platna prace. Poza tym nie mam takiego prawa abym mogl chwalic sie klientami dla ktorych pracowalem, pracujac w przeszlych i terazniejszej firmie,  bo nikt mi takiego prawa nie dal, tobie tez

Slaby jestes - w photoshop cos ci wychodzi ale  na miejsce takiego grafika jest 10 innych - zapytaj w swojej firmie o podwyzke, to sie przekonasz 

Skoro masz  komfort  robienia  tylko frontendu w firmie w ktorej pracujesz, to siedz cicho i nie wypowiadaj sie w watkach nie dotyczacych Ciebie, wordpress to nie tylko frontend. Rownie dobrze mozesz odpalic Adobe Muse, i  wyeksportowac to  do html / css responsywnego i sie nazwac frontendowcem ... 

4 godziny temu, krzysztof86 napisał:

zgadza sie, jestem otwarty na krytyke,  ale jak wynioskowales z tego co napisalem wyzej,  od osob rownych mi sobie, a nie hejterów  ktorzy sami nic nie napisza, a krytykuja innych, no ale ludzi z takim attitude nie brakuje w internecie te numerki w moim nicku to moj rocznik urodzenia, nie jestem nastolatkiem  

1 godzinę temu, krzysztof86 napisał:

@llukasz   link jest podany  

Formatowanie kodu - jezeli nie wiesz  kiedy kod php sie zaczyna, a kiedy konczy, to moze lepiej jak zaczniesz od jakiegos podstawowego kursu PHP? 

Tym tekstem udowodniłeś, że nie potrafisz przyjąć żadnej krytyki, dostałeś info o formatowaniu i odbijasz piłeczkę. Na większości for taki temat leżał by w koszu zaraz po zajrzeniu przez moda z notką "Brak formatowania".

2 godziny temu, krzysztof86 napisał:

@llukasz   link jest podany  

Formatowanie kodu - jezeli nie wiesz  kiedy kod php sie zaczyna, a kiedy konczy, to moze lepiej jak zaczniesz od jakiegos podstawowego kursu PHP? 

Niezły troll.

"Działa, czego chcieć więcej." Powodzenia w dalszej karierze.