Przestań martwić się o swoją stronę!
jak zmienić szablon w WordPressie - motywy

Jak zmienić szablon w WordPressie? Yyy znaczy motyw, znaczy się…

Jak zmienić szablon w WordPressie? A po co w ogóle to robić?

Do niedawna tak było. Kiedy ktoś pytał mnie “Jak?” – ja pytałam “Ale po co?”

Przyszła jednak przysłowiowa “kryska na Matyska”, czyli i mnie wzięło na zmianę strategii bloga e-kreatywnie. Decyzja ta związana była z kilkoma przemyśleniami:

  • Przede wszystkim chciałam oddzielić blog e-kreatywnie od informacji ofertowo-firmowych. Co raz częściej miałam wrażenie, że na e-kreatywnie jest wszystkiego za dużo. W gąszczu informacji trudno było pokazywać to, co najbardziej mogło Ciebie – Czytelniku – zainteresować.
  • Główna przelewała się treścią: tu banery z ofertą firmy, tam wpis blogowe, informacje o Kursie WordPressa (by the way: czy wiesz, że znów ruszyła jego sprzedaż? zajrzyj!) gdzie tylko się dało, informacje o firmie (bo przecież muszą być dostępne), portfolio… Tak, zdecydowanie było już tego ZA DUŻO.
  • Kwestia techniczna: wiedziałam, że zbliża się czas pożegnania z Visual Composerem. Nie zrozum mnie źle. Nadal uważam, że to świetna wtyczka i mocno ułatwia życie (zwłaszcza na początku), ale po pierwsze jakoś przestałam jej potrzebować, a po drugie – generowała ogromne ilości kodu, przez co e-kreatywnie wczytywało się z dnia na dzień wolniej.
  • I coś, co jest wyrazem mojej ostatniej fascynacji – minimalizm. Chciałam, żeby blog był jasny, czytelny, przejrzysty.

Decyzja więc zapadła – zmieniam motyw (szablon) WordPressa!

[su_divider top=”no” divider_color=”#b00f15″ size=”1″ margin=”10″]

K’woli wyjaśnienia. Prawidłowa nazwa tego, co zmieniałam (ang. theme) tłumaczy się na motyw. Szablon to plik składowy motywu. We wpisie używam tak, a nie inaczej dla tych, którzy o tym jeszcze nie wiedzą.

[su_divider top=”no” divider_color=”#b00f15″ size=”1″ margin=”10″]

Jak zmienić szablon w WordPressie? Łatwo, prosto i przyjemnie!

Skoro czytasz ten wpis – wnioskuję – stoisz przed podobną decyzją. Skoro szukasz w ogóle informacji na ten temat – zakładam, że spodziewasz się trudności. Może taka zmiana wydaje ci się ogromnie trudna, przerastająca twoje umiejętności, może myślisz, że – nie znając się na programowaniu – zwyczajnie nie dasz rady, może… No właśnie. Jaka jest największa trudność, jaką widzisz? Zapisz ją sobie!

Wracając do tematu muszę ci się do czegoś przyznać: mimo, że na co dzień zajmuję się WordPressem zawodowo to przy zmianie motywu mojego własnego bloga i mnie udało się popełnić kilka błędów. Wydłużyło mi to prace, czasem wręcz zniechęcało do dalszego pisania, a w konsekwencji spowodowało około dwu miesięczną przerwę w pisaniu wpisów na blogu. Ehh… Czytaj uważnie, żeby moich błędów nie popełnić.

Jak zmienić szablon w WordPressie? Praktyczne wskazówki

 

[su_row]
[su_column size=”1/5″]

[/su_column] [su_column size=”4/5″] Usiądź. Weź coś do pisania, włącz dobrą muzykę, zaparz ulubioną kawę, a później… Przemyśl i spisz sobie (możesz naszkicować) co chcesz na blogu zmienić: czy jest to wygląd pojedynczego wpisu, czy potrzebujesz sidebaru, gdzie go potrzebujesz, czy chcesz wpisy mieć jeden pod drugim, czy dwa w rzędzie, a może układ kafelkowy (grid)? Im więcej wypiszesz, tym szybciej znajdziesz nowy motyw dla swojego bloga. [/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] Skoro już wiesz, jak ma wyglądać twój blog to spokojnie możesz zacząć szukać nowego motywu. Niezależnie czy przeglądasz motywy w oknie ich instalacji, czy w zestawieniach (Bartosz robi dobre! i nie, nie płaci mi za reklamę), czy na wordpress.org, czy w innym popularnym lesie motywów szukaj takiego, który ma odpowiedni układ dla twoich planów blogowych. Nie skupiaj się na grafice, czy kolorach. Za to dobrze przejrzyj układy stron i podstron. Z resztą… Pisałam już jak wybierać motyw dla swojej strony.[/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] Pierwszy krok techniczny – tworzymy kopię bloga. Przy tak wielkich zmianach nigdy nie pracuj na żywym organizmie (oczywiście jeśli koniecznie chcesz, możesz jakąś wtyczką wyłączyć widoczność bloga i pracować, tylko c co z twoimi Czytelnikami w tym czasie?). Skoro masz bloga – zakładam, że masz hosting. Metoda, którą podam, z pewnością nie jest jedyna. Dzielę się wyłącznie swoim doświadczeniem. Utwórz sobie subdomenę (każdy szanujący się hostnig powinien dać ci taką możliwość) i na niej zainstaluj WordPressa (oczywiście najnowszą wersję). I teraz. Po pierwsze: w Ustawienia -> Czytanie zaznacz: Proś wyszukiwarki o nieindeksowanie tej witryny. Po drugie: w panelu admina starego bloga wejdź w Narzędzia -> Eksport i wyeksportuj całą zawartość bloga, zapisz plik na komputerze. I po trzecie: w panelu admina nowej instalacji wejdź w Narzędzia -> Import i zaimportuj plik, który wyeksportowałes/łaś ze starego bloga. To tyle. Najprawdopodobniej zaciągnie ci się wszystko oprócz obrazów wpisów (często są za ciężkie na takie operacje), ale o nich za chwilę. [/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] Drugi krok techniczny – tworzymy i przenosimy kopię bazy danych. Backup – to słowo, które tylko brzmi tak surowo. Oczywiście kopię bazy danych można zrobić za pomocą wtyczki (jest ich mnóstwo), ale nie polecam. Nigdy nie wiem, czy na pewno w takiej kopii mam wszystko. Więc jak? Skaczemy na głęboką wodę i logujemy się do naszej bazy! Jeśli nie wiesz, gdzie ją masz i jak się do niej zalogować spytaj supportu swojego hostingu. Następnie po lewej stronie wybierz odpowiednią bazę (starego bloga) i w górnym menu kliknij Eksport. Jeśli chcesz możesz zmieniać tu ustawienia (wcześniej oczywiście poczytaj co i jak zmieniać), ja zostawiam domyślne i klikam Wykonaj. Zapisz plik na dysku i przejdź do bazy danych nowego bloga. Tu analogicznie: wejdź w Import, wybierz odpowiedni plik z dysku i kliknij Wykonaj. I już. [/su_column] [/su_row]

baza-danych-screen

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] Teraz jest czas na konfigurację i personalizację nowego bloga. Trzeba będzie z pewnością ustawić stronę główną oraz utworzyć i wstawić odpowiednie Menu w odpowiednich miejscach. Jak już skończysz ustawiać swojego WordPressa – zainstaluj wybrany nowy motyw. Oczywiście motyw też trzeba będzie spersonalizować, żeby wyglądał jak w demo, ale to oczywiście wiesz. [/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] Obrazy i grafiki na bloga to rzecz święta. Tu niestety muszę cię zmartwić. Najprawdopodobniej twoje obrazy wpisów starego bloga nie będą odpowiednie dla nowego. Najczęściej motywy różnią się własnie rozmiarem tych obrazów. Dlatego trochę czasu spędzisz prawdopodobnie nad dobraniem nowych obrazów do starych wpisów lub dostosowaniem starych grafik. Ja tego nie przewidziałam (jakoś wypadło mi z głowy!) i to ten etap właśnie najbardziej opóźnił uruchomienie nowej odsłony bloga.[/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] Wtyczki w WordPressie. Jeśli na twoim starym blogu pełniły ważną rolę to tzeba je zainstalować również na nowym. Ustawienia niektórych z nich będą od razu odpowiednio dostosowane, innych niestety nie. Ale na szczęście konfiguracja wtyczek w porównaniu z ogromem pracy, jaką już masz za sobą, to przysłowiowy “pikuś”. W niektórych (np. Disqus) możesz również zrobić eksport-import (dzięki temu na nowym blogu zachowasz stare komentarze). [/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]

[/su_column] [su_column size=”4/5″] Ostatnie dwie (w niektórych wypadkach trzy) czynności to zmiany adresów. I tu po raz drugi się zagapiłam, dzięki czemu odświeżę sobie plik wp-config. Nie popełnij mojego błędu i zrób to w odpowiedniej kolejności. Najpierw w starym blogu, później w nowym. Będziesz potrzebować nowej subdomeny – to na nią przekierujesz stary blog. Utwórz subdomenę, a następnie zmień adres WordPressa w starym blogu: Ustawienia -> Ogólne -> Adres WordPressa (URL) i Adres witryny (URL) wpisz adres url nowej subdomeny. WordPress sam zmieni wszystkie linki. Jeśli jednak podczas sprawdzania okaże się coś poszło źle – pomoże ci ta wtyczka. Upewnij się, że na subdomenie możesz zalogować się do swojego starego bloga. Teraz to samo wykonaj w nowym blogu wpisując w te pola url starego bloga – linki znów zmienią się automatycznie. Jeśli nowy blog jest na innym hostingu, to na sam koniec zmień jeszcze ustawienia DNS domeny (jak to zrobić dowiesz się od dostawców twojego hostingu).  [/su_column] [/su_row]

[su_row]
[su_column size=”1/5″]


[/su_column] [su_column size=”4/5″] I już. I koniec. I gratulacje! Zmieniłeś/łaś motyw swojego bloga!

Twoja kolej. Jeśli o czymś zapomniałam, jeśli coś chcesz uzupełnić, jeśli chcesz podpowiedzieć jakieś usprawnienie, albo po prostu chcesz zabrać głos w dyskusji – koniecznie zostaw komentarz. [/su_column] [/su_row]

baner postawienia kawy w podziękowaniu

O autorce...

Kasia Aleszczyk

Znana jestem z tego, że pomagam innym zaprzyjaźniać się z WordPressem. Na co dzień uczę również, jak żyć w necie, by przeżyć. Cieszę się, że jesteś i zapraszam częściej!

31 thoughts on “Jak zmienić szablon w WordPressie? Yyy znaczy motyw, znaczy się…

  1. Co do obrazków to wystarczy wtyczka “regenerate thumbials”, która odpowiednio zmieni obrazki. Co do linków – nie jest to takie proste – często w widgetach czy treści wpisów są stare linki, które się nie zmienią pp dodaniu nowego adresu w ustawieniach.

    1. Haj dzięki za merytoryczny głos 🙂 z obrazkami i tą wtyczką nie tak prosto. np. jeśli star motyw używał rozmiaru 300x300px, a nowy używa 800x600px, a my na starym blogu mamy obrazki 300x300px (większe nie były potrzebne), to wtyczka nam je zmieni, ale się rozpikselizują, prawda? odnośnie linków w idgetach i w ogóle linków – rzeczywiście trzeba na sam koniec posprawdzać, czy wszystko działa jak należy 🙂

      1. Z WP trzeba myśleć zawsze do przodu po zrobionej około 50 mojej stronie opartej o WP to zrozumiałem – zawsze wrzucam fotki rozmiaru minimum 1080px na strony gdzie są one główna treścią (np. blogi turystyczne, fotografów) tinypng je kompresuje całkiem sprawnie, a resztę załatwia dobrze napisany kod wordpressa i szablonu (motywu)

        1. Tak, oczywiście masz rację i fajnie, że o tym piszesz. Jednak wpis nie ma na celu nauczenia developerów i programistów przenoszenia WP 😉

  2. Hej, podpowiedz proszę ,zmieniłam motyw na personal portfolio…. i dalej jestem tępa 🙁 Na stronie startowej nie wyświetlają się żadne zdjęcia i galerie, pewnie to kwestia kilku minut, ale ja jestem zielona 🙁 Szukam jakiś info, stronę dostałam w spadku, na poprzednim motywie wszystko chodziło, a ja siedzę w WP dopiero od dwóch m-cy….

    1. Poszukaj może dokumentacji nowego motywu (Personal Portfolio wp theme Documentation) – zazwyczaj w niej autorzy tłumaczą, co, jak i gdzie poustawiać. p.s. tak, to kwestia kilku minut, jeśli wcześniej posiedzi się nad odpowiednio dużo czasu 😉

  3. Witam,
    Mam takie pytanie jak zmienić szerokość szablonu wordpressa “colormag.1.1.5”. Chcę aby nie było rozciągnięte na boki tylko tak jak u Pani. Nie wiem jak to dokładnie wytłumaczyć. Pomocy…..

    1. Jeśli dobrze rozumiem… Najczęściej wystarczy dodać widgety do sidebara (Kokpit -> Wygląd -> Widgety). Jeśli nie, to pewnie w CSS trzeba by pogrzebać.

    1. hej tak 🙂
      po zaimportowaniu treści na nowy blog, stary przenosimy na subdomenę, a nowy z subdomeny na domenę docelową 🙂 zamieniamy je miejscami 😀

  4. Kasiu czy subdomena musi byc utworzona na domenie gdzie mam bloga czy niekoniecznie? ja utworzyłam subdomene na innej domenie niż mam bloga, bo nie chciałam za bardzo mieszać na głownej domenie bloga gdyby coś…

    1. Oczywiście, że nie musi. Może być na jakiejkolwiek. Napisałam o subdomenie bloga, bo będzie ona zawsze bezpłatna. Za inną domenę trzeba już najczęściej zapłacić. Powodzenia! Daj znać, jak poszło 🙂

  5. Hej! Dzięki za ten poradnik. Mam jednak nieco wątpliwości odnośnie tego ostatniego punktu. Czy nie stracę w ten sposób pozycji w wyszukiwarkach? Stary motyw zapisywał wpisy w formacie: domena.pl/nazwa-wpisu, nowy z kolei w formacie: subdomena.domena.pl/data/nazwa-wpisu. Po zamianie adresów domyślam się, że cały ten układ zostanie, czyli będę miał wszędzie linki w stylu: domena.pl/data/nazwa-wpisu, których google nie kojarzy. Czy uważasz, że to będzie jakaś duża strata? Czy może jednak lepiej poszukać nowego motywu, który nie wymusza na mnie tej daty w adresie strony?

    1. Konfigurując nową stronę wejdź w Ustawienia -> Bezpośrednie odnośniki i zmień od razu na: Nazwa wpisu. Wtedy będziesz mieć tę samą strukturę linków.

  6. Co zrobić jeśli najpierw zamieniłam adresy url w nowej subdomenie? Adres się zamienił, wszystko fajnie, ale wczytuje się szablon ze starej strony, nie ten nowo utworzony. Czy oznacza to, ze cała moja praca poszła na marne?

  7. Nie do końca rozumiem też co się zadziało, bo teoretycznie przenosząc z subdomeny na domenę to chyba ten wygląd powinien mi się zaimportować (tj. szablon i ustawienia z subdomeny). U mnie zadziało się coś na zasadzie przekierowania, zostawiając stary wygląd bloga :(. Nie wiem czy jest jakaś rada na to oprócz robienia od początku? :/.

    1. Hej Kasia. Czy możesz napisać to pytanie w grupie WordPress (nie tylko) dla blogerów na Facebooku? Będzie nam dużo łatwiej odpowiedzieć, jak podasz więcej szczegółów i link do strony 🙂

  8. Ajjjj mimo, że wpis świetnie poinstruowany to ja jestem spanikowana żeby to ruszyć 😀 właśnie znalazłam piękny nowy szablon na swojego bloga, aczkolwiek chyba mnie to trochę przerasta, zastanawiam się ile kosztowałaby taka profesjonalna pomoc w zmianie szablonu? Jestem zupełnie na początku drogi jeżeli chodzi o wordpresa, ostatnio fajnie udało mi się go skonfigurować, trochę czasu nad tym spędziłam i poprostu nie chciałabym czegoś poplątać

    1. hej Kasia, kazda strona ma jkiś hosting. Jak chcesz dokładniej pogadać, to zapraszam na grupę “WordPress (nie tylko) dla blogerów”.

Skomentuj Kasia Aleszczyk Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Sięgnij po więcej!