Obecnie na rynku jest ich całkiem sporo (zarówno tych darmowych jak i płatnych). Bardzo często jednak najbardziej odpowiednie i w naszym guście wydają się nam motywy (szaty graficzne) zobaczone na innych witrynach. I tu pojawia się pytanie jak nazywa się ta konkretna skórka?

Jak sprawdzić z jakiego motywu (szablonu) korzysta strona oparta o WordPress?

Istnieje kilka sposobów na ustalenie nazwy wykorzystywanego przez stronę motywu. WordPress stosuje stałe nazwy katalogów więc ustalenie nazwy skórki dla doświadczonego użytkownika nie stanowi problemu.

Sprawdzenie w kodzie strony

Do sprawdzenia jakiego motywu aktualnie używa strona nie potrzeba wcale specjalistycznej wiedzy. Wystarczy sprawdzenie w kodzie strony ( prawy przycisk myszy -> źródło strony lub wyświetl źródło strony) w jakim katalogu znajduje się np. plik style.css lub pliki JavaScript (.js). Najłatwiej jest szukać po style.css ponieważ jest to standardowy plik motywu.

Lokalizacja mojego pliku CSS to:
http://www.aurainweb.pl/wp-content/themes/blog/style.css

Gdzie link składa się z adresu strony, katalogów wp-content/themes (katalogi gdzie instaluje się domyślnie motywy – ten fragment jest taki sam we wszystkich WordPress). Plik style.css znajduje się w WordPress zawsze w katalogu głównym motywu tak więc łatwo ustalić, że mój motyw nazywa się blog.

W podobny sposób możemy ustalić jakie wtyczki zostały zainstalowane w CMS. Jednak to wymaga już pewnego nakładu pracy.

Jak sprawdzić z pomocą aplikacji internetowej

Z pomocą przychodzi nam pewna aplikacja zamieszczona na stronie whatwpthemeisthat.com dzięki niej nie musimy już sami przeglądać kodu strony. Jedyne co musimy zrobić to w polu wyszukiwania wpisać adres strony internetowej, której motyw chcemy sprawdzić i przycisnąć przycisk szukaj. Po chwili uzyskamy nazwę oraz różne informacje o motywie, dodatkowo dowiemy się również z jakich wtyczek witryna korzysta.

Przykładowo tak wygląda fragment wyniku sprawdzania mojego blogu:

Teraz można zobaczyć, że używam motywu o nazwie Blog, widzimy również adres strony autora oraz jego nazwę. W przypadku innego motywu wynik był by podobny zmieniły by się jedynie dane.

Poniżej znajdziecie również inne informacje dotyczące sprawdzaniej witryny.

Dodatkowe tagi:

• themplate, skórka, motyw strony internetowej
• name of theme
• szablon, motyw wykorzystywany aktualnie przez stronę internetową
• jak ustalić obecny wygląd
• Jaki szablon, motyw jest stosowany w tym konkretnym wordpressa, wordpressu, wordpresie

Artykuł Jak sprawdzić z jakiego motywu korzysta WordPress? pochodzi z serwisu Kurs WordPress od podstaw.

Jednak nie jest to jedyne rozwiązanie kiedy bowiem np. budujemy własny szablon lub użycie wtyczki wydaje nam się zbyt kłopotliwe możemy samodzielnie dopisać taką opcję.

Jeśli jednak wolicie skorzystać z wtyczki polecam wtyczki post in page.

Co trzeba wiedzieć na początek!

Gdzie jest w tym o czym piszę haczyk? O tuż po aktualizacji pobranej z Internetu skórki nasza zmiana może zostać nadpisana. Jednak jeśli stworzymy dodatkowy wygląd (inny szablon strony) w motywie i w nim umieści się spersonalizowany kod to dodatkowa funkcjonalność powinna pozostać nie tknięta. Na wszelki wypadek warto jednak zachować kopię zapasową w tedy po aktualizacji w razie potrzeby wystarczy dodać ponownie przez FTP nasz plik. Inny typ szablonu strony oczywiście wybieramy podczas edycji artykułu w prawym panelu bocznym.

Dość istotne jeśli nie masz doświadczenia w tego typu modyfikacjach by przed przystąpieniem do pracy zapoznać się z kilkoma innymi moimi wpisami.

• link stałe
• inny wygląd podstrony
• pliki szablonu

Wypisywanie wpisów z kategorii o nazwie takiej jak strona

W celu wypisania postów z danej kategorii trzeba w pliku wykołysać poniższy kod. Kod najlepiej umieścić pod wypisaniem treści artykułu – w ten sposób będziemy mieć pewność iż pobierze poprawnie nazwę kategorii.

<?php
  $nameofkat = $post->post_name;
    query_posts('category_name='.get_permalink().'&post_status=publish,future');
    while (have_posts()) : the_post();
      echo "<div class=''>";
       the_post_thumbnail();
      echo "<h3 class='entry-title'>";
      echo "<a href='".get_permalink()."'>";
            the_title();
      echo "</a>";
      echo "</h3>";
        the_content();
      echo "</div>";
   endwhile;
?>

By lepiej można go było zrozumieć przedstawię teraz co robią poszczególne elementy specyficzne dla WordPress, czyli daruję opis pobocznych elementów HTML, PHP i odwołania do CSS.

$nameofkat = $post->post_name;
query_posts('category_name='.get_permalink().'&post_status=publish,future'); // bież pod uwagę posty znajdujące w kategorii nazywającej się tak samo jak nazwa strony 

query_posts('cat=6'); // weź pod uwagę posty z kategorii o id=6

W tym przypadku pod treścią artykułu pokażą się wpisy (posty) należące do kategorii o takiej samej nazwie jak strona.

Podobny efekt można uzyskać – Zmiana adresów stałych.

Wypisywanie wpisów z kategorii innej niż nazwa strony

W drugim przypadku kod będzie wyglądał tak:

<?php
 query_posts('cat=7');
 while (have_posts()) : the_post();
 echo "<div class=''>";
 the_post_thumbnail();
 echo "<h3 class='entry-title'>";
 echo "<a href='".get_permalink()."'>";
 the_title();
 echo "</a>";
 echo "</h3>";
 the_content()
 echo "</div>";
 endwhile;;
?>

Teraz id kategorii ustawione jest na sztywno. W efekcie wszystkie strony korzystające z pliku z tym kodem będą wyświetlać te same wpisy.

Powyżej wypisałam 2 różne sposoby uzyskania listy postów z kategorii. W pierwszym przypadku w zależności od strony zostanie wzięta pod uwagę inna grupa wpisów. Spełniać ona musi jednak warunek posiadania takiej samej nazwy jak strona np. na stronie Oferta wyświetlą się wpisy z kategorii Oferta o ile taka istnieje.

W drugim przypadku na każdej stronie z tym szablonem wypisujemy posty z kategorii posiadającej id=7.

the_title(); // wypisanie tytułu postu

get_permalink() // adres postu, jego lokalizacja np. http://www.aurainweb.pl/przykladowy-post

the_content(); // wypisuje urywek tekstu, aż do "read more"

Czasami może przydać się również kod:

get_the_date; // data utworzenia postu

W powyższym kodzie ominęłam składnię CSS ze względu na zróżnicowaną budowę dostępnych szablonów.

Jeżeli mapie jakieś pytania lub sugestie możecie zostawić je w formie komentarza.

Dodatkowe tagi

• Jak dodać wpis do wybranej przeze mnie strony na wp?
• Umieszczenie wpisu na innej stronie
• Wypisywanie postów z szablonu
• modyfikacja szablonu, bez wtyczki

Artykuł Wyświetlanie wpisów na statycznej stronie bez wtyczki – WordPress pochodzi z serwisu Kurs WordPress od podstaw.

Od czego zacząć?

Na początek trzeba określić czego nam tak naprawdę potrzeba. W brew pozorom większość ludzi tak naprawdę tego nie wie.

Szablony (skórki) można mieć z różnych miejsc. Większość użytkowników korzysta z repozytorium WordPress’a. Jest to darmowa baza zawierająca nie tylko szablony, ale również mnóstwo wtyczek. Do repozytorium możemy wejść z pomocą panelu WordPress lub bezpośrednio na stronę. Motywy te w wersji dostępnej na stronie są darmowe.

Szablon można również zrobić samemu (jeśli ktoś potrafi) lub kupić gotowy motyw.  W internecie jest istnieje wiele stron oferujących płatne szablony – w większości z dodatkowymi wtyczkami. Dość spory wybór ciekawych szablonów znajdziecie np. na ThemeForest

Po zakupie szablonu dostajemy go najczęściej w formie archiwum – zawierającego wszystkie niezbędne pliki.

W podobnej formie możemy pobrać szablon ze strony WordPress.

Wgrywanie archiwum z nowym szablonem

Na początek musimy się zalogować do panelu administracyjnego. Następnie przejść do zakładki Wygląd -> Motywy. Znajdują się w niej już zainstalowane szablony. Teraz odnajdujemy przycisk Dodaj nowy powinien się znajdować obok nazwy zakładki.

Po kliknięciu w niego zostaniemy przeniesieni na stronę z proponowanymi motywami, które możemy zainstalować w naszym CMS. Nas one jednak nie interesują. Odnajdujemy tutaj przycisk Wyślij na serwer. Będzie się on mieścił w tym samym miejscu co poprzedni przycisk.

Po przyciśnięciu otworzy się opcja umożliwiająca wgranie nam archiwum do WordPress.
„Jeżeli posiadasz motyw w formacie .zip, możesz zainstalować go poprzez wysłanie go na serwer za pośrednictwem tej strony.”

Postępujemy teraz analogicznie jak przy dodawaniu załącznika do e-mail lub plików do biblioteki mediów.

Po wybraniu pliku Instalujemy go. Dzięki temu pojawi się w CMS nowy motyw, który będziemy mogli aktywować.

Ręczne dodawanie szablonu

Jeżeli nie chcemy wgrywać pobranego szablonu z pomocą panelu lub stworzyliśmy własny  możemy go samodzielnie umieścić na serwerze. W przypadku archiwum oczywiście trzeba je rozpakować.

Następnie za pomocą programu z obsługą FTP umieścić pliki na serwerze. Katalog z szablonem umieszczamy w lokalizacji wp-content/themes.

Teraz logujemy się do panelu administracyjnego WordPress-a i wchodzimy do zakładki wygląd mieszczącej się w lewym menu.

Odnajdujemy nowy szablon  i go uruchamiamy. Kolejnym krokiem jest konfiguracja – przebiega ona w różny sposób w zależności od wybranego szablonu. Warto wtedy sprawdzić czy np. nie ma jej opisu od autora.

Dodawanie szablonu z repozytorium

W drugim przypadku od razu musimy być zalogowani w panelu administracyjnym WordPress-a. Wchodzimy do zakładki wygląd, następnie wybieramy opcję „zainstaluj motywy„. Zostaniemy wtedy przeniesieni do wyszukiwarki motywów. Nie musimy zaznaczać żadnych (ale możemy by lepiej dobrać preferencje) opcji wystarczy wybrać przycisk „szukaj”. Następnie z pośród zaproponowanych odszukać nowy szablon spełniający nasze potrzeby.

Po nieprzyciśnięciu miniaturki pokaże się podgląd szablonu. Jeśli szablon nam się spodoba możemy go zainstalować za pomocą opcji instaluj lub jeśli nam się nie spodobał zamykamy podgląd i szukamy innego.

W procesie instalacji motyw zostanie pobrany na nasz serwer.  Na koniec aby skórka była aktywna trzeba ją włączyć.

Czy to już koniec?

Nie do końca teraz pora na skonfigurowanie naszego motywu. Czyli np.

• dodanie menu
• uporządkowanie panelu bocznego

Dodatkowe tagi:
jak spersonalizować szablon
instalacja szablonu, szaty graficznej, skórki
personalizacja szablonu

Artykuł Instalacja nowego szablonu / motywu w WordPress pochodzi z serwisu Kurs WordPress od podstaw.