Ciekawe projekty WordPress dla strony personalnej

Jesień kojarzy nam się nie tylko z widokiem spadających liści z drzew, lecz także z aktywnościami biznesowymi. Po wakacjach, z nowymi siłami można podbijać nowe szczyty zawodowe. Z tego punktu widzenia jesień jest dobrych czasem, aby uruchomić stronę osobistą oraz aktualizować ją. Także w ciągu jesieni można znaleźć sporo ciekawych ofert od twórców motywów oraz popularnych marketplace. A jeśli poczekać na Czarny Piątek, można kupić TOPowy motyw WordPress nawet o połowę taniej. No i na sam koniec, widoki żółtych liści spadających z drzew, inspirują nas do przeprowadzenia zmian na stronie… oraz tworzenie nowej. Więc zachęcamy wykorzystać ten okres roku na realizację swoich pomysłów 😉

W dzisiejszym wpisie wybraliśmy najnowsze szarty graficzne, które pomogą stworzyć stronę osobistą, blog, portfolio fotograficzne itd. Część templatek posiada dodatkowe układy dla stron i elementów witryny, wizualny kreator i dodatkowe opcje zarządzania wyglądałem. Dzięki temu możecie szybko dostosować wybrany motyw do własnych potrzeb. Templatki także wspierają fonty webowe Google. To pozwala podłączyć ciekawe czcionki na stronę, aby wyróżnić zawartości tekstowe na niej.

Do innych przewag templatek można zaliczyć responsywność i kompatybilność z popularnymi przeglądarkami internetowymi. Motywy udostępniane są razem z niezbędną dokumentacją i obrazami komercyjnymi (dotyczy nie wszystkich produktów). Oprócz tego możecie liczyć na wykwalifikowaną pomóc techniczną. Ona jest zapewniana przez zespół TemplateMonster i/oraz twórców produktu (wszystko zależy od rodzaju problemu). Dlatego każdy problem będzie rozwiązany w jak najkrótszym czasie.

Zapraszamy do bliższego zapoznania się z wybranymi motywami.

Uwaga: klikając w ZOBACZ a następnie w przycisk Zobacz live demo zobaczysz działanie każdej skórki!

 

Emily Benson

Jeśli poszukujecie eleganckiego motywu do portfolio fotograficznego, warto użyć ten produkt. Projekt templatki został wykonany w szarych kolorach i zawiera duże czarno-białe zdjęcia. Warto także podkreślić ciekawe efekty animacyjne. Dzięki nim strona „ożywa” podczas poruszania się myszką oraz najechania na elementy graficzne. Przy tym strona nie jest przeciążona skryptami i grafiką. Dlatego będzie szybko ładować się na różnych urządzaniach.

Motyw został zbudowany w postaci landing page i posiada tylko kluczowe rozszerzenia. Do użytku dostępne są galeria, opcje mediów społecznościowych, dynamiczne menu. Także można skorzystać z Elementora i dodatkowych wtyczek do niego. To są JetElements, JetBlocks, JetTabs i JetThemeCore. Motyw również jest responsywny s przyjazny dla SEO.

ZOBACZ>>>

 

Mearts

Za pomocą tego motywu można stworzyć rozbudowane CV oraz portfolio osobiste. Templatka ma nie tylko nowoczesny projekt, lecz także zawiera szereg rozszerzeń. Dzięki temu możecie P dodawać różne typy zawartości na stronę główną. Do przewag templatki można także odnieść wygodne opcje personalizacji. Z ich pomocą możecie szybko dostosować wygląd templatki do własnych potrzeb.

Motyw Mearts zawiera MegaMenu, usługi i serwisy, licznik umiejętności, galerię, opinie klientów, formularz kontaktowy i opcje mediów społecznościowych. Motyw także wspiera popularne wtyczki dla WordPress. Dlatego możecie szybko dodać brakujące opcje na stronę. Templatka również ma czysty kod, który został optymalizowany pod kątem SEO.

ZOBACZ>>>

 

Atom

Atom to rozbudowany motyw, który przypadnie do gustu freelancerom, fotografom i agencjom webowym. Templatka posiada 6 unikatowych układów dla strony głównej, gotowe projekty dla nagłówku i stopki oraz dodatkowe opcje personalizacji. To pozwala wybrać interesujący układ i dalej dopasować go do potrzeb projektu.

Do motywu zostały dodane rozwijane menu, galeria, opcje mediów społecznościowych, suwak, formularz kontaktowy itd. Templatka także wspiera WPML, Yoast SEO, MailChimp, WooCommerce i inne popularne wtyczki z repozytorium WordPress. Motyw również wspiera fonty Google. Dzięki temu możecie wyróżnić zawartości tekstowe za pomocą stylowych czcionek. Templatka również jest responsywna i optymalizowana pod katem SEO.

ZOBACZ>>>

 

Aports

Poszukujesz  ciekawy motyw dla portfolio osobistego? Podana templatka świetnie nadaje się do tego celu. Jej projekt został zbudowany w postaci landing page. Dzięki temu wszystka kluczowa informacja o Tobie będzie umieszczona na jednej stronie. Przy tym motyw posiada szereg rozszerzeń, co pozwala umieścić różne typy zawartości na stronie. Zarządzać wszystkimi elementami można za pomocą Elementora.

Motyw został zbudowany w oparciu o Redux Framework. Oprócz bazowych narzędzi frameworku do użytku dostępne są rozwijane menu, galeria, licznik umiejętności, opinie klientów, formularz kontaktowy i opcje mediów społecznościowych. Motyw wspiera popularne wtyczki dla WordPress. To pozwala szybko dodać brakujące opcje na stronę. Templatka także ma poprawny kod, który został optymalizowany pod kątem SEO.

ZOBACZ>>>

 

Flairo

Na tle pozostałych templatek, motyw wyróżnia się jaskrawymi kolorami, ciekawymi układami strony domowej i dodatkowymi układami dla elementów witryny. Przy tym motyw ma uniwersalny projekt, co upraszcza jego dostosowanie do różnych tematów niszowych. Dzięki obecności szeregu rozszerzeń, templatka może być stosowana jako strona osobista, blog, portfolio webowe i CV. Wszystko zależy od Waszych potrzeb.

Do motywu zostały włączone rozwijane menu, galeria, mediateka, usługi i projekty, licznik umiejętności, opinii klientów, opcje mediów społecznościowych itd. Dodatkowo możecie skorzystać z Elementora. On pozwala tworzyć nowe strony oraz zarządzać obecnymi za pomocą metody „Przyciągnij i Upuść”. Motyw także wspiera fonty Google i technologię Retina. 4

ZOBACZ>>>

 

Singum

Ten motyw przyda się zarówno do tworzenia bloga jak i strony osobistej. Ma odpowiedni projekt i posiada niezbędne rozszerzenia dla tworzenia tego typu stron www. Także warto wydzielić wizualny kreator stron oraz rozbudowane opcje zarządzania wyglądem. Dzięki temu możecie szybko przebudować templatkę bez potrzeby „wchodzić” w kod.

Motyw Simgum nie jest przeciążony wtyczkami. Do niego zostały dodane tylko kluczowe rozszerzenia, co jednak pozwala korzystać z rozwijanego menu, suwaku, opinie klientów, mediateki, formularza zapisywania na newsletter itd. Templatka zawiera Elementor i następne wtyczki do niego: JetElements, JetBlocks, JetTabs oraz JetThemeCore. Kod motywu został zbudowany w zgodności ze standardami W3C i jest optymalizowany pod kątem SEO.

ZOBACZ>>>

 

Blogy

Nazwa templatki wskazuje, że ona jest przeznaczona do tworzenia blogów. Projekt motywu został wykonany w tradycyjnych biało-czarnych kolorach. Główny nacisk położono na duże obrazy i typografię. Dzięki temu uwaga odwiedzający będą skupieni na zawartości. W projekcie zostały wykorzystane stylowe efekty animacyjne, które dodają dynamiczności stronie. Przy tym używane skrypty nie przeciągają stronę www.

Do motywu zostały dodane Contact form 7, Kirki Toolkit, Elementor, rozwijane menu, mediateka, opcje mediów społecznościowych. Templatka także wspiera WPML, Yoast SEO, MailChimp i inne popularne wtyczki dla WordPress. To pozwala szybko dodać brakujące opcje na stronę. Możecie P również podłączyć fonty Google, aby wyróżniać zawartości tekstowe na stronie. Do innych przewag templatki można odnieść responsywność i kompatybilność z przeglądarkami W3C.

ZOBACZ>>>

 

Holes

Jeszcze jeden ciekawy motyw blogowy. Za jego pomocą możecie stworzyć tematyczną stronę i dzielić się różnymi poradami i historiami z czytelnikami. Templatka ma uniwersalny projekt, posiada szereg widgetów i dodatkowe opcje zarządzania wyglądem. Oprócz tego możecie skorzystać z Elementora, aby stworzyć własne strony w trybie wizualny.

Templatka posiada tylko kluczowe wtyczki i widgety. Wśród nich można wyróżnić suwak, MegaMenu, manager pasku bocznego, mediatekę, opcje mediów społecznościowych itd. Możliwości Elemetora zostały rozszerzone za pomocą wtyczki JetElements. Dodatkowo możecie P skorzystać z wtyczek na repozytorium WordPress. Ten motyw jest kompatybilny z popularnymi rozszerzeniami. On także wspiera fonty Google i technologię Retina. 4

ZOBACZ>>>>


Tutor

Jeśli prowadzicie szkolenia i kursy edukacyjne, wtedy trafiliście na dobry motyw. Templatka nie tylko ma tematyczny projekt, lecz także posiada szereg gotowych funkcji do użycia. Dodatkowo możecie skorzystać z wygodnych opcji zarządzania wyglądem. Znajdziecie je w sekcji „Personalizacja” panelu administracyjnego. W paczce z motywem znajduje się niezbędna dokumentacja, która pomoże opanować możliwości produktu.

Motyw posiada wtyczkę LearnPress, która pozwala tworzyć strony edukacyjne. Także do użycia dostępne są rozwijane menu, produkty i usługi, opinie klientów, opcje mediów społecznościowych, galeria itd. Motyw wspiera inne rozszerzenia z repozytorium WordPress. Dodatkowo można podłączyć ponad 900+ fontów Google, aby wyróżniać zawartości tekstowe na stronie.

ZOBACZ>>>

 

Justly

Za pomocą tego motywu można stworzyć stronę dla prawnika. Templatka ma charakterystyczny projekt. W nim połączone są jakościowe grafiki, duże typografie i ciekawe efekty animacyjne. Strona wygląda nowocześnie, jest dynamiczna i przyciąga do siebie uwagę internautów. Przy tym projekt nie jest przeciążony skryptami i elementami graficznym. Dlatego strona będzie mieć dobre wyniki w testach Google PageSpeed i GTmetrix.

Motyw opiera się Unyson Framework. To pozwala skorzystać z MegaMenu, suwaka, opinii klientów, licznika umiejętności, zespołu pracowników, opcji mediów społecznościowych itd. Templatka także wspiera WPML, Yoast SEO, WooCommerce, MailChimp i inne popularne wtyczki dla WordPress. Kod motywu został zaprojektowany zgodnie z rekomendacjami wyszukiwarek internetowych. Dlatego nie musicie dopasowywać kod do wymagań SEO.

ZOBACZ>>>

 

Autor: Janusz Kamiński

Ikony w menu WordPress . Dodaj ręcznie i za pomocą wtyczki

Zastanawiasz nad dodaniem ikon do menu strony? W tym przypadku trafiłeś na dobry temat. Przygotowaliśmy dla Ciebie proste i wygodne rozwiązania, które pomogą aktualizować witrynę i dodać odpowiednie elementy graficzne do menu. Jak zwykle mamy dla Ciebie dwa rozwiązania: ręczne wprowadzenie potrzebnych funkcji do kodu oraz korzystanie z gotowej wtyczki, która rozszerza możliwości CMS. Każdy z tych sposobów ma swoje wady i zalety. Dlatego możesz wybrać ten, który Ci najbardziej odpowiada.

Przejrzymy każdy ze sposobów po kolei.

  1. Modyfikacja kodu motywu

Na samym początku warto zaznaczyć, że płatne motywy mogą posiadać funkcję dodania ikon do menu. Dlatego zalecamy zapoznać się z dokumentacją templatki, aby nie dublować kodu. Jeśli jesteś pewien, że Twój motyw nie oferuje takiej funkcji, możesz spróbować go zmodyfikować za pomocą poniższych rekomendacji.

Importować ikony będziemy z serwisu Font Awesome. Tutaj znajduje się ponad 1500 elementów graficznych, które można używać za darmo. A jeśli potrzebujesz jeszcze większego wyboru ikon (ponad 7700 elementów), możesz zamówić roczny plan w wysokości $99.

I tak, przechodzimy do sekcji Wygląd – Menu, aby stworzyć menu. Warto zaznaczyć, że zaproponowany sposób działa tylko z elementami, które stworzone jako Własne odnośniki (rys. 1).

Rysunek 1. Tworzenie menu

Wybieramy element Własne odnośniki, dodajemy adres URL oraz tekst odnośnika. Dalej dodajemy ten element do menu (rys. 2) i przechodzimy na stronę Font Awesome.

Rysunek 2. Dodanie kodu ikony do elementu menu

W naszym przypadku dodaliśmy odnośnik do blogu i będziemy poszukiwać charakterystyczną ikonę. Dla przykładu wybierzemy ten obraz (rys. 3):

Rysunek 3. Dodanie kodu ikony do elementu menu

Aby wstawić powyższą ikonę do menu warto skopiować kod <i class=”fab fa-blogger-b”></i> i wstawić go w pole Etykieta nawigacji, aby nazwa elementu menu była pomiędzy znacznikami <i> </i>, czyli: <i class=”fab fa-blogger-b”>Blog</i>

Teraz przechodzimy na stronę i… widzimy, że ikona się nie pojawiła (rys. 4). 🙂

Rysunek 4. Brak ikony w menu

Sprawa polega na tym, że dodaliśmy tylko kod ikony do elementu menu. Jednak nie podłączyliśmy samej czcionki znaków na stronę. Aby to zrobić warto wykonać 1 lub 2 krok (1 krok może nie działać na niektórych motywach):

  1. Przejść do pliku php motywu domyślnego. Zrobić to można przez sekcję Wygląd – Edytor motywu i dalej wybrać potrzebny plik (rys. 5). Na końcu warto wstawić poniższy kod:

add_action( ‘wp_enqueue_scripts’, ‘enqueue_font_awesome’ );

function enqueue_font_awesome() {

       wp_enqueue_style( ‘font-awesome’, ‘//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css’ );

}

Rysunek 5. Edycja pliku functions.php

  1. Przejść do pliku header.php (także przez Wygląd – Edytor motywu). I pomiędzy znacznikami <header></header> wstawić poniższy tekst (rys. 6):

<link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.7.1/css/all.css” integrity=”sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr” crossorigin=”anonymous”>

Rysunek 6. Edycja pliku header.php

Teraz możecie sprawdzić każdy z tych sposobów po kolei. W końcu menu musi wyglądać tak:

Rysunek 7. Menu z ikonami

Jak widać, wszystko działa poprawnie. Więc przechodzimy do następnego sposobu.

 

  1. Instalacja wtyczki

Na repozytorium WordPress jest sporo rozwiązań dla dodania ikonek do menu. Ze swojej strony możemy polecić wtyczkę Menu Image. Ona ma ponad 90 tys. aktywnych instalacji i dobrą średnią ocenę. Wtyczka jest darmowa.

Zainstalować wtyczkę można bezpośrednio przez panel administracyjny WordPress: sekcja Wtyczki – Dodaj nową i wpisać słowo kluczowe „Menu Image”. Po instalacji i aktywacji wtyczki pojawi się sekcja Menu Image na panelu (rys. 8).

Rysunek 8. Ustawienie wtyczki Menu Image

Wtyczka posiada minimalną liczbę ustawień dotyczących rozmiarów ikon. W naszym przypadku zostawimy wszystko bez zmian i przejdziemy do menu (rys. 9).

Rysunek 9. Dodanie ikony do elementu menu

Jak widać na rysunku 9, element menu posiada dodatkowe ustawienia. Można załadować ikonę, dodać ikonę, która będzie pojawiać się po najechaniu myszą oraz ustawić położenie dla ikony menu. Załadujemy ten sam obraz z literą B jaką ikonę do menu i ustawimy położenie Przed. Po zapisywaniu zmian strona wygląda następnie:

Rysunek 10. Ikony w menu

Jak widać, obrazek się pojawił. Jednak warto jego rozmiar dostosować do menu. Zrobić to można za pomocą opcji wtyczki.

 

Podsumowanie

Jeśli planujecie dodać ikony do elementów menu, zrobić to można ręcznie, edytując kod, oraz za pomocą wtyczki. W dzisiejszym artykule pokazaliśmy jak modyfikować menu według tych dwóch sposobów. Jak pisaliśmy wcześniej, każdy z nich mam swojej wady i zalety. Dlatego zachęcamy wybrać ten, który będzie Ci jak najbardziej pasował.

Jeśli masz dodatkowe pytania lub uwagi, prosimy pozostawiać komentarze.

Autor: Janusz Kamiński

 

Jak dodawać zakładki do wpisów i stron WordPress

Jak dodawać zakładki do wpisów i stron WordPress?

Zakładki są dość powszechną funkcją na wielu stronach internetowych, zwłaszcza w e-sklepach. Właściciele sklepów internetowych zwykle używają ich do opisania produktu, w których publikują recenzje, opisy, specyfikacje i inne informacji. Przykładem może służyć strona produktowa na TemplateMonster marketplace (rys. 1). Na niej użytkownik może szybko przełączyć się pomiędzy informacjami o funkcjach i szczegółach, zapoznać z recenzjami, komentarzami itd.

Rysunek 1. Strona produktowa na TemplateMonster

Ale zakładki stosowane są nie tylko w sklepach internetowych. Można je zobaczyć na portalach informacyjnych, witrynach biznesowych i blogach. Jeśli wchodziłeś na stronę wordpress.org, pewnie też zauważyłeś takie zakładki na stronach wtyczek (rys. 2).

Rysunek 2. Strona wtyczki na repozytorium WordPress

Jeśli chcesz dodać zakładki na własną stronę, musisz napisać funkcję samodzielnie oraz skorzystać z gotowej wtyczki. Niestety WordPress nie posiada standardowych shortcodes oraz dodatkowych rozszerzeń do tworzenia zakładek. Ale nie warto się przejmować! Do użytku dostępne są darmowe narzędzia, które pomogą Ci realizować powyższy cel. W dzisiejszym wpisie pokażemy Ci kilka sposobów jak to zrobić za pomocą kreatorów stron oraz wtyczki z repozytorium WordPerss.

 

  1. Użycia kreatorów stron

Jeśli korzystasz z motywu posiadającego Elementor oraz WPBakery na pokładzie, możesz dodać zakładki na stronę bez potrzeby instalowania dodatkowej wtyczki. Potrzebne opcje dostępne są bezpośrednio w tych kreatorach.

W przypadku Elementora sprawa wygląda prościej. Widget „zakładki” jest dostępny w darmowej wersji kreatora, którą można pobrać na stronie wordpess.org. Potrzebna sekcja znajduje się w panelu elementów (rys. 3).

Rysunek 3. Widget „Zakładki” w Elementorze

Podstawowe opcje do tworzenia zakładek (rys. 4).

Rysunek 4. Opcje widgetu „Zakładki”

Aby skorzystać z zakładek w WPBakery, musisz posiadać płatną wersję tego kreatora. Więc ten przykład będzie ciekawy przede wszystkim dla użytkowników płatnych motywów zawierających WPBakery oraz miłośników wspomnianego kreatora.

Moduł zakładek w WPBakery różni się od rozwiązania w Elementarze (rys. 5). Przy dodaniu sekcji na stronę pola będą puste. Jednak podany kteator posiada więcej możliwości do personalizacji zakładek (oprócz wbudowanych parametrów stylu w Elementorze).

Rysunek 5. Widget „Zakładki” w WPBakery

  1. Użycie gotowych wtyczek

W repozytorium WordPess można znaleźć sporo wtyczek, które pozwalają tworzyć zakładki we wpisach i na stronach. Wystarczy wstawić zapytanie „Tabs WordPress” do wyszukiwarki, aby się o tym przekonać (rys. 6).

Rysunek 6. Poszukiwanie wtyczki w repozytorium WordPress

Dla przykładu pokażemy Ci jak dodawać zakładki do wpisów i stron za pomocą wtyczki Tabs. Ma dobre oceny użytkowników i ponad 20 tysięcy pobrań. Jeśli ta wtyczki Ci nie będzie pasowała, możesz skorzystać z innego rozwiązania 🙂

Po instalacji wtyczki Tabs w panelu administratora pojawi się sekcja Tabs Responsive (rys. 7).

Rysunek 7. Sekcja Tabs Responsive w panelu administratora

Za pomocą tej sekcji można tworzyć nowe zakładki i dalej używać ich w odpowiednich wpisach i na stronach. Pokażemy jak to wygląda na praktyce.

Przechodzimy do sekcji Add New Tabs (Dodać nową zakładkę). Przewijamy informacje reklamowe i oferty z gotowymi zakładkami. Nas będzie interesować rozdział Add Tabs czyli Dodaj zakładkę (rys. 8).

Rysunek 8. Dodanie zakładek

Sekcja kierowania zakładką zawiera (rys. 9) pole z tytułem (Tab Title), opisem (Tab Description), ikoną (Tab Icon) i włączeniem/wyłączeniem ikony obok tytułu (Display Above Icon).

Rysunek 9. Sekcja kierowania zakładką

Dodajemy przykładowe dane do tych pół, wybieramy potrzebną ikonę i przechodzimy do następnych ustawień zakładek. Po prawej stronie znajduje się sporo dodatkowych opcji, które pomogą spersonalizować zakładki: ustawić kolory tła i fontów, rozmiary ikon i tytułów, położenie tych elementów itd. (rys. 10).

Rysunek 10. Ustawienie zakładek

W naszym przypadku zostawimy te opcje bez zmian i przejdziemy do zapisywania zakładek stworzonych przez nas. Dlatego warto wstawić nazwę w pole Dodaj tytuł i kliknąć przycisk Opublikuj (rys. 11).

Rysunek 11. Zapisywanie projektu zakładek

Po wykonaniu tego kroku można przejść do sekcji Tabs Responsive – All tabs (Wszystkie zakładki), aby zobaczyć nasz projekt (rys. 12). Nas będzie interesował shortcode, który warto skopiować i dalej wstawić w potrzebny wpis lub stronę.

Rysunek 12. Zapisywanie projektu zakładek

No i na sam koniec, można przejść do potrzebnego wpisu lub strony i wstawić w zawartość potrzebny promokod. W naszym przypadku to dowolny artykuł (rys. 13).

Rysunek 13. Dodanie shortcode do wpisu

Po zapisywaniu zmian nasz wpis wygląda następnie:

Rysunek 14. Wygląd zakładek na stronie

Jak widać z powyższego rysunku, w artykule pojawiły się zakładki, więc wtyczka działa poprawnie.

 

Podsumowanie

W dzisiejszym wpisie pokazaliśmy Ci kilka sposobów na dodanie zakładek do wpisów i stron witryny.  Jeśli korzystasz z Elementora oraz WPBakery – popularnych kreatorów wizualnych, – masz potrzebne widgety na pokładzie. Z ich pomocą możesz łatwo dodać zakładki do potrzebnego artykułu lub strony. W przeciwnym razie możesz skorzystać z gotowych wtyczek dla WordPress. Na stronie wordpress.org jest sporo takich rozwiązań. W tym wpisie pokazaliśmy Ci wtyczkę Tabs, która ma dobre oceny od użytkowników, jest darmowa i posiada potrzebne opcje do użycia.

P.S. Czy używasz zakładek na stronie? W jaki sposób je tworzysz? Prosimy podzielić się doświadczeniem.

10 stylowych projektów dla bloga na WordPressie

Liczba stron internetowych na świecie ciągle się zwiększa. Zgodnie z danymi serwisu statista.com (od lutego 2019 r.) na świecie jest ponad 1,6 miliarda stron internetowych, a ponad 500 milionów to są blogi. Wśród dostępnych blogów ponad 50 milionów to są strony oparte na WordPress.

Jakie wnioski można wyciągnąć z tych danych? Po pierwsze, jeśli planujecie stworzyć blog, warto zerknąć na WordPress. Temu systemowi ufają miliony użytkowników na całym świecie. Po drugie, konkurencja wśród blogów jest duża. Więc, aby Wasza strona zyskała popularna, musicie zadbać nie tylko o jakość zawartości oraz optymalizację witryny, lecz także o jej wygląd. Blog powinien przyciągać do siebie uwagę internautów i być wygodny w użytkowaniu. Dlatego warto odpowiedzialnie podchodzić do wyboru motywu i zwracać uwagę tak na funkcje, jak i na projekt.

Jeśli nie macie czasu na poszukiwanie i wybranie najlepszego motywu z pośród tysięcy pozycji, trafiliście na dobry temat. Zebraliśmy 10 ciekawych motywów dla bloga na WordPressie. Oprócz tego możecie znaleźć sporo innych tematycznych templatek dla popularnego CMS w rozdziału „Blogowanie i ebiznes”.

Do zalet poniższych motywów można zaliczyć:

  • Użycie jaskrawych kolorów w projektach. Każda templatka ma ciekawy projekt, w którym stosowane są jaskrawe kolory i obrazy. Dzięki temu blog będzie wyglądać stylowo i młodzieżowo.
  • Poprawny kod przyjazny do SEO. Motywy zaprojektowane są w zgodności ze standardami W3C i rekomendacjami wyszukiwarki Google.
  • Własne wtyczki i widgety. Każda templatka posiada własne rozszerzenia, które pomogą zbudować profesjonalny blog. Oprócz tego możecie skorzystać z popularnych wtyczek dostępnych na repozytorium WordPress. Motywy są kompatybilne z nimi.
  • Responsywność i kompatybilność z przeglądarkami www. Wasze blogi będą poprawnie wyświetlać się na różnych urządzeniach internautów.
  • Dokumentacja. W paczce z templatką można znaleźć niezbędną dokumentację oraz odnośnik do dokumentacji na stronie producenta. Za pomocą tej informacji możecie szybko opanować funkcje motywu.
  • Wsparcie techniczne. Wsparcie techniczne jest zapewniane przez twórców motywu. Dlatego w razie pojawienia jakiegokolwiek problemu możecie liczyć na wykwalifikowaną pomóc.

Jak widać, wybrane motywy pomogą Wam zbudować profesjonalny blog, o którym dawno marzyliście, więc zapraszamy lektury.

Klikając w ZOBACZ a następnie w przycisk Zobacz live demo zobaczysz działanie każdej skórki!

 

GutenX

GutenX to rozbudowany motyw dla popularnych typów blogów. Do użytku dostępnych jest 5 unikatowych projektów dla strony, gotowe układy dla elementów witryny i wygodne opcje personalizacji. Oprócz tego możecie skorzystać z różnych widgetów, aby dodać ciekawe informacji na stronę. Dozalet projektu można dopisać duże obrazy, proste efekty animacyjne i wygodne opcje nawigacji.

Podany motyw jest dopasowany pod możliwości Gutenbergu. Zawiera także MegaMenu, suwak, formularz zapisywania na newsletter, opcje mediów społecznościowych itd. Templatka wspiera fonty webowe Google i technologię Retina. Jej kod został dopasowany pod wymagania standardu W3C i rekomendacji Google. Dlatego strona będzie przyjazna do SEO.

ZOBACZ>>>

 

Adit

Prosty i wygodny motyw do stworzenia bloga personalnego. Projekt templatki został wykonany w biało-czarnych kolorach. Dodatkowo jest stosowana pomarańczowa barwa, która wyróżnia elementy nawigacyjne i dodatkowe informacje na stronie. Także warto wyróżnić duże obrazy i typografie, które pomagają przykuć uwagę internautów do zawartości.

Motyw Adit zawiera niezbędne rozszerzenia, w tym rozwijane menu, galerię, opcje mediów społecznościowych, formularz kontaktowy i różne widgety nawigacyjne. Jeśli wyniknie potrzeba dodać nowe funkcji, możecie zainstalować popularne motywy dla WordPress. Podana templatka jest kompatybilna z nimi. Ona także ma czysty kod i jest przyjazna dla SEO.

ZOBACZ>>>

Holes

Ten motyw ma uniwersalny projekt wykonany w jasnych kolach. Dzięki temu oraz obecności ciekawych widgetów, może być dostosowanych do różnych tekstów niszowych. Od poprzedników motyw Holes wyróżniają ciekawe efekty animacyjne. One dodają dynamiczności stronie, przy tym nie obciążają jej. Dlatego blog będzie szybko ładować się na różnych urządzeniach internautów.

Do motywu zostały dodane MegaMenu, suwak, manager panelu bocznego, galeria, opcje mediów społecznościowych. Także można skorzystać z Elementora i wtyczki JetElements, która rozszerza możliwości kreatora stron. Motyw także wspiera WPML, Yoast SEO, MailChimp i inne popularne wtyczki dla WordPress. On jest responsywny i kompatybilny z przeglądarkami www.

ZOBACZ>>>

24.Storycle

Jeśli poszukujecie  uniwersalnego motywu do stworzenia różnych typów blogów, na pewno musicie zwrócić uwagę na 24.Storycle. Templatka posiada 16 unikatowych układów dla strony głównej, 10 układów dla osobnego wpisu, gotowe projekty dla nagłówku i stopki. Także warto podkreślić rozbudowane opcje personalizacji i różne widgety. To wszystko pozwoli Wam szybko stworzyć blog, o którym dawno marzyliście.

Motyw opiera się o Cherry Framework 5.1 i posiada popularne wtyczki Cherry na pokładzie. Do templatki został dodany Elementor i dodatkowe wtyczki do niego od zespołu ZEMEZ. To są JetElements, JetMenu, JetBlog, JetTab, JetReviews, JetTricks itd. Motyw Także wspiera WMPL, Yoast SEO, MailChimp i inne wtyczki z repozytorium WordPress.

ZOBACZ>>>

4News

Ten motyw pasuje zarówno do realizacji portali informacyjnych, jak i blogów. Takie szeroki spektrum zastosowania templatki jest możliwe dzięki uniwersalnemu projektowi, obecności gotowych układów elementów witryny, wygodnym opcjom personalizacji oraz ciekawym wtyczkom. Dlatego możecie szybko zmodyfikować wygląd zgodnie z Waszymi potrzebami.

Motyw 4News opiera się o Cherry Framework 5.1 i posiada kluczowe wtyczki Cherry. Dzięki temu możecie skorzystać z rozwijanego menu, galerii, mediateki, managera panelu bocznego, opcje mediów społecznościowych itd. Templatka również posiada Elementor i wtyczki JetElements oraz JetBlog do niego. Ona ma czysty kod i jest optymalizowana pod kątem SEO.

ZOBACZ>>>

Relarum

Proste i wygodne rozwiązanie do tworzenia kobiecych blogów o modzie, urodzie, lifestyle itd. Do użytku dostępnych jest 7 ciekawych układów dla strony głównej, 10 układów dla osobnych postów, rozszerzone opcje personalizacji i obrazy komercyjne. Dodatkowo macie szereg ciekawych widgetów do użycia. Dzięki temu możecie wybrać interesujący projekt i dalej przebudować go w zależności od potrzeb.

Ten motyw posiada MegaMenu, suwak, mediatekę, opcje mediów społecznościowych itd. Także możesz skorzystać z Elementora i wtyczek JetElements oraz JetBlog. Motyw również wspiera WPML, Yoast SEO, MailChimp i inne popularne rozszerzenia dla WordPress. Do innych przewag templatki można odnieść responsywność i kompatybilność z przeglądarkami internetowymi. 

ZOBACZ>>>

WorldMap

Planujecie dzielić się swoim doświadczeniem i historiami z podróży? Za pomocą tego szablonu możecie stworzyć nowoczesny blog, który spełni Wasze potrzeby i oczekiwania internautów. Ma ciekawy projekt, w którym główny nacisk został zrobiony na duże obrazy i typografie. Dostępne są ciekawe widgety, w tym nawigacyjne. Dzięki im można szybko przejść do interesującego tematu.

Podana templatka posiada rozwijane menu, mediatekę, manager pasku bocznego, opcje mediów społecznościowych, kreator stron Elementor itd. Motyw również wspiera fonty webowe Google, co pozwala podłączać 900+ ciekawych typografie na stronie. Kod templatki został zbudowany w zgodności ze standardami W3C i rekomendacjami wyszukiwarek www. Dlatego strona będzie przyjazna do SEO.

ZOBACZ>>>

Techtonix

Za pomocą tego motywu można stworzyć ciekawy blog o technologiach webowych, narzędziach i gadżetach. Projekt templatki zawiera czarną, białą i niebiską barwę. Ich połączenie razem z jaskrawymi obrazami i ciekawymi typografiami przykuwa uwagę odwiedzających do zawartości tekstowych na stronie. Zarządzać kolorami, widgetami i układami elementów można za pomocą opcji personalizacji w panelu administracyjnym.

Do motywu Techtonix zostały dodane Elementor, MegaMenu, mediateka, manager panelu bocznego, formularz zapisywania na newsletter i szereg innych widgetów. Templatka także wspiera fonty webowe Google i technologię Retina. Oprócz tego możecie skorzystać z popularnych wtyczek dostępnych na repozytorium WordPress. Motyw jest kompatybilny z nimi.

ZOBACZ>>>

Techguide

Jeszcze jeden ciekawy motyw do stworzenia bloga w temacie technicznym. Templatka ma charakterystyczny projekt i szereg widgetów do wyświetlenia różnych typów informacji na stronie. Także warto zauważyć proste efekty animacyjne. One dodają dynamiczności stronie, jednak nie odwracają uwagi odwiedzających od przeglądu wpisów.

Motyw Techquide zawiera tylko kluczowe rozszerzenia, w tym rozwijane menu, galerię i mediatekę, opcje mediów społecznościowych itd. Jeśli wyniknie potrzeba dodać nowe funkcji, możecie śmiało instalować popularne wtyczki do WordPress. Strona na pewno nie „posypie się”. Motyw również wspiera fonty Google i technologię Retina.

https://www.templatemonster.com/pl/szablony-wordpress-71739.html?aff=pufal

 

Vulitin

Vulitin to ciekawy i rozbudowany szablon do tworzenia blogów o różnych tematach niszowych. Templatka posiada 4 unikatowe układy dla strony głównej, gotowe projekty nagłówka i stopki oraz wizualny kreator stron WPBakery. Dzięki temu możecie wybrać interesujący projekt i szybko zmodyfikować go w trybie wizualnym.

Podany motyw opiera się o Redux Framework i posiada wszystkie niezbędne funkcji do tworzenia profesjonalnego blogu. Do użytku dostępne są rozwijane menu, suwak, galeria, opcje mediów społecznościowych itd. Templatka także wspiera WPML, Yoast SEO, WooCommerce i inne popularne wtyczki ze strony wordpress.org. Ona ma czysty kod i jest przyjazna do SEO.

ZOBACZ>>>

Autor: Janusz Kamiński

 

Darmowe motywy do tworzenia strony biznesowej na 2019 rok

Jedną z kluczowych przewag WordPress nad konkurentami to duży wybór gotowych motywów. Dzięki temu możecie  znaleźć najbardziej odpowiedni projekt dla strony i dalej dopasować go do własnych potrzeb. Ponadto dobre motywy posiadają dodatkowe opcje zarządzania wyglądem. Z ich pomocą można zarządzać kolorami, fontami, elementami na stronie itd. w trybie wizualnym (bez potrzeby „wejścia” w kod).

Niestety rozbudowane możliwości  personalizacji strony oferują tylko płatne templatki. Jeśli potrzebujesz darmowego motywu, możesz liczyć na bazowe opcje zarządzania wyglądem. Chociaż niektóre dostawcy starają się rozszerzyć je za pomocą wizualnych kreatorów stron. Jeden z nich to Elementor, który posiada darmową wersję i jest jednym z najpopularniejszych kreatorów dla WordPress. Z jego pomocą można tworzyć własne strony i układać elementy na nich zgodnie z metodą „Przeciągnij i Upuść”.

Chcecie wypróbować darmowy motyw z wizualnym kreatorem? Wybraliśmy dla Was najlepsze bezpłatne produkty ze stajni TemplateMonster, które mają Elementor na pokładzie. Oprócz kreatora templatki zawierają bazowe wtyczki i widgety. One także są kompatybilne z popularnymi wtyczkami dla WordPress. Dzięki temu możecie szybko dodać brakujące opcje na stronę.

Do zalet wybranych motywów można zaliczyć poprawny kod, który został zoptymalizowany pod kątem SEO. Templatki także są responsywne i kompatybilne z przeglądarkami www.  Dlatego Wasze strony będą poprawnie wyświetlać się na różnych urządzeniach internautów.

Jednak warto zaznaczyć, że darmowe motywy nie są udostępniane z plikami PSD i obrazami komercyjnymi. Oprócz tego nie możecie skorzystać z pomocy wsparcia technicznego TemplateMonster. Jednak twórcy templatek aktualizują je usuwając krytyczne błędy i ulepszając bezpieczeństwo. Tamte aktualizacje są darmowe.

Więcej szczegółów o motywach możecie  znaleźć w opisach poniżej.

 

Furnicom

Ten motyw idealnie nadaje się do przedstawienia produktów lub usług meblarskich. Ma charakterystyczny projekt, w którym połączone są duże obrazy i typografie. Dzięki temu uwaga odwiedzających będzie skupiona na zawartościach strony. Także warto podkreślić udane połączenie kolorów i efekty animacyjne, które dodają dynamiczności stronie.

Funkcjonalność motywu jest realizowana w oparciu o Cherry Framework 5.1. Dzięki temu możecie skorzystać z MegaMenu, suwaku, projektów i usług Cherry, licznika umiejętności, galerii, opcji mediów społecznościowych itd. Templatka także zawiera Elementor i wspiera WPML, Yoast SEO, MailChimp, Ecwid, WooCommerce i inne popularne wtyczki dla WordPress.

Pobieranie>>>  

Demo>>>

 

Spellolite Lite

Spellolite Lite to ciekawy motyw dla szkoły języków obcych. Chociaż możecie go dopasować do innych tematów edukacyjnych. Macie do tego wygodne opcje zarządzania wyglądem i wizualny kreator stron. Oprócz tego motyw posiada ciekawe widgety, które pozwalają dodawać różne typy zawartości na stronę.

Podany motyw zawiera popularne wtyczki i widgety wchodzące do Cherry Framework 5.1. To pozwala korzystać z rozwijanego menu, galerii i mediateki, opinii klientów, newslettera, opcji mediów społecznościowych itd. Motyw także wspiera fonty webowe Google i technologię Retina. Jest responsywny i kompatybilny z przeglądarkami internetowymi.

Pobieranie>>>

Demo>>>

 

Worky Lite

Za pomocą tego motywu możecie  stworzyć nowoczesną stronę dla firm pracujących w branży budowlanej. Przy tym strona główna jest wizytówką dla firmy. Na niej umieszczone są kluczowe informacjeo przedsiębiorstwie i oferowanych usługach. Oprócz tego odwiedzający mogą szybko skontaktować się z managerem strony za pomocą formularza kontaktowego.

Do motywu Worky Lite zostały dodane Elementor, MegaMenu, galeria, mediateka, opcje mediów społecznościowych itd. Templatka także wspiera fonty webowe Google. Dzięki temu możecie stosować 900+ typografie do wyróżnienia zawartości tekstowych na stronie. Motyw również ma poprawny kod, który został optymalizowany pod kątem SEO.

Pobieranie>>>

Demo>>>

 

JohnnyGo Lite

Prowadzicie  firmę oferującą usługi? Wtedy na pewno musicie zwrócić uwagę na motyw JohnnyGo Lite. Ma tematyczny projekt i posiada wszystkie kluczowe widgety, które pomogą w najlepszy sposób zaprezentować usługi firmowe. Zarządzać wyglądem strony oraz elementami na nich można za pomocą menu personalizacji oraz dzięki wizualnemu kreatorowi.  

Ten motyw zawiera kluczowe funkcje, które pomogą zbudować nowoczesną stronę. A jeśli wyniknie potrzeba rozszerzenia funkcjonalności witryny, możecie skorzystać z popularnych wtyczek dla WordPress. Templatka będzie kompatybilna z nimi. Do innych zalet motywu można zaliczyć poprawny kod, który został zbudowany w zgodności ze standardami W3C i rekomendacjami wyszukiwarek internatowych.

Pobieranie>>>

Demo>>>

 

Imperion Lite

Podany motyw pasuje firmom, które pracują w dziedzinie finansów, doradztwa, obsługi itd.Ma kreatywny projekt, w którym główny nacisk został położony na duże typografie i obrazy. Oprócz tego w projekcie były wykorzystane ciekawe efekty animacyjne, które dodają dynamiczności stronie. Jednak one nie odwracają uwagi odwiedzających podczas poszukiwania potrzebnych informacji na stronie.

Motyw Motyw Imperion Lite zawiera kluczowe wtyczki i widgety. To są MegaMenu, suwak, licznik umiejętności, mediateka oraz opcje mediów społecznościowych itd. Dodatkowo do templatki został dodany Elementor. Templatka również wspiera fonty webowe Google i technologię Retina. Mma poprawny kod i jest przyjazna dla SEO.

Pobieranie>>>

Demo>>>

 

Autor: Janusz Kamiński