11 komentarzy Wordpress Poradniki, Wtyczki Wordpress

Tworzą bloga zawsze szukamy idealnego szablonu, który by spełniał wszystkie nasze oczekiwania, co do wyglądu. Jednak nie zawsze taki szablon znajdziemy. Bywają szablony podobne, ale np. z inną kolorystyką, trochę innym ułożeniem widgetów. Czasem potrzebujemy zmienić pewne rzeczy, bez ingerencji w cały kod szablonu. Osoba zielona w html’u i css nie da rady zmienić nic w kodzie php szablonu. Ale wystarczy poznać, choć trochę style css, zainstalować odpowiednie wtyczki wordpress i zmienimy wygląda naszego bloga, bez zagłębiania się w kod szablonu, co będzie bezpieczniejsze.

W tym artykule przedstawię Ci dwie ciekawe wtyczki wordpress, które po zainstalowaniu pomogą poprawić lub upiększyć, co nieco na naszym blogu, przez dodanie niestandardowego kodu css.

1) Wtyczka wordpress –Simple Custom CSS

wtyczka wordpress do css

Co daje nam ta wtyczka? Bardzo prosto jesteśmy w stanie dodać kod css i zmienić wygląd wybranego fragmentu na stronie np. koloru czcionki itp. Kod css wpisany do tej wtyczki zastąpi nam kod css, domyślnie użyty w szablonie.

Cechy wtyczki

  • Nie potrzeba konfiguracji
  • Prosty interfejs zbudowany na WordPress UI
  • Praktycznie nie ma wpływu na wydajność stronie
  • Brak skomplikowanych zapytań do bazy danych
  • Dokładna dokumentacja

Co najważniejsza wtyczka kompatybilna jest z najnowszą wersją wordpress 4.1.1 I dodatkowo aktualizowana przez autorów.

2) Wtyczka WordPress –Theme Junkie Custom CSS

css wtyczka wordpress theme junkie custom css

Wtyczka jak poprzednia zastępuje domyślny styl css bez ingerencji w kod szablonu. Dodatkowo możemy przypisać nowy styl css dla wtyczek, a nie tylko stron czy wpisów. Zaletą tej wtyczki jest fakt, że możemy zobaczyć “podgląd na żywo”, gdy przypisujemy niestandardowy kod css.

Cechy wtyczki:

  • Nie potrzeba konfiguracji
  • Podgląd na żywo
  • Łatwy w obsłudze
  • Procedura od instalowania

Wtyczka kompatybilna do: 4.0.1, Aktualizowana, ale w przeciwieństwie do poprzedniej wtyczki opisanej wyżej znacznie mniejsza ilość pobrać.

To są dwie ciekawe wtyczki wordpress, które pozwolą nam zastąpić domyślny kod css i poprawić, uatrakcyjnić naszego bloga o niestandardowy css. Jednak nie zalecam stosowania wtyczek, jeśli chcemy poprawić bardzo dużo na naszym blogu. Wtedy lepiej stworzyć osobno temat dziecka “child theme” (o tym w innym artykule będzie), dla naszego szablonu i tam wprowadzać dużo kodu css i nie tylko. Wiadomo, że zbyt dużo wtyczek może spowolnić naszego bloga, a tego Google jak i internauci nie lubią. Warto sprawdzić czy nasz blog nie jest zbyt obciążony i przeanalizować wydajność wtyczek i ich wpływ na szybkość ładowania się bloga.

Dlaczego polecam tylko wybrane te dwie wtyczki, skoro w repozytorium WordPress jest ich znacznie więcej? Wybrałam takie wtyczki, które są aktualizowane i aktualizacja była min. na koniec zeszłego roku. Brałam również pod uwagę ilość pobrań danej wtyczki i w przypadku pierwszej omawianej jest, to ponad 100 000 razy, a w przypadku drugiej 8 000 razy. Kompatybilność z najnowszą wersją WordPressa jest bardzo ważna, gdyż mamy pewność, że wtyczka będzie działać prawidłowo i nie spowoduje problemów.

Dodatkowo nie polecam osobą początkującym i bez wiedzy o html i css, php grzebania i nadpisywania kodu szablonu, ponieważ możemy mocno popsuć naszego bloga.

Jeśli zdecydowałeś/aś się na wymienioną wtyczkę, ale nie wiesz jak ją uruchomić na własnym blogu przeczytaj instrukcję jak dodać wtyczkę do bloga wordpress

W kolejnym artykule przedstawię ci praktyczne zastosowanie wtyczki do podmiany stylu css w odniesieniu do pytania zadanego przez czytelnika mojego bloga, przez formularz zadaj pytanie. Poprawimy wygląd, uatrakcyjnimy widgety tworząc ciekawą ramkę wokół nich.

 

 


Kamila Nitschka on Facebook
Kamila Nitschka
Specjalizuję się w Wordpressie od kilku lat. Tworzę strony internetowe w oparciu o WP dla swoich klientów. WordPress wykorzystuje nie tylko do budowy stron internetowych, ale także to budowania platform dla kursów online, sprzedaży kursów mailowych i innych.
Tagi
11 Komentarzy
  1. Krzysztof

    No w końcu Kamilo jest artykuł na Twoim blogu.Myślałem,że już nic nie napiszesz -:)Zaglądałem na bloga codziennie a tu nic.
    Artykuł jak zawsze bardzo dobry -:)
    Pozdrawiam
    Krzysztof ostatnio opublikował…Jak pisać blogaMy Profile

    Reply
    1. Kamila

      Ciężko mi powrócić do pisania 3 artów w tygodniu ze względu na projekty, które robię, ale się staram 😉
      Jak zawsze dziękuje za ocenę pozytywną 🙂

      Reply
  2. odlot

    Co my byśmy zrobili bez tego css’a. Pamiętam jeszcze czasy tylko htmlowych stron, to była masakra 😉
    odlot ostatnio opublikował…FAQ Pilota drona – czyli 6 rzeczy, o których musisz wiedziećMy Profile

    Reply
    1. Mateusz Jaworowicz Webdeveloper

      jak sobie przypomnę moje pierwsze strony (prywatne, nie dla klientów) i te tabelki, tebeleczki to, aż dziw bierze, że kiedyś człowiek o CSS nie wiedział i to jakoś chodziło…
      Mateusz Jaworowicz Webdeveloper ostatnio opublikował…e-Commerce Tools Bundle – potężne narzędzia marketingowe z MEGA zniżkamiMy Profile

      Reply
  3. Marek

    Dla blogerów, którzy orientują się w stylach CSS napiszę, że wygląd elementu bloga możemy edytować także w pliku style.css używanego szablonu wordpressa bez konieczności instalacji pluginów.

    Wystarczy w kokpicie bloga wejść w Wygląd ->Edytor -> Odnaleźć plik style.css i napisać odpowiednią regułę 🙂
    Marek ostatnio opublikował…Kurs HTML i CSS dla początkującychMy Profile

    Reply
    1. Kamila

      Zgadza się, można grzebać i dłubać w kodzie źródłowym styli dla danego szablonu wordpress. Ale jest kilka przeszkód
      1) osoba która nie ma o tym zielonego pojęcia nie zrobi tego bo gdy zobaczy kod css to się przerazi.
      2) łatwo można coś popsuć w pliku i może nam się posypać szablon.

      i najważniejszy punkt

      3) bez sensu jest nadpisywanie plików szablonu czyli w tym przypadku pliku style.css, ponieważ w momencie kiedy dokonamy aktualizacji szablonu (a często jest wydawana nowa wersja) to stracimy całą pracę i kod css, który dopisaliśmy do pliku i będzie trzeba na nowo ostylować.

      Tak więcej grzebanie w kodzie css czy innych plikach źródłowych jest stratą czasu i bez sensu. Bardzo tego odradzam.

      Zamiast instalować plugin do edycji css, lepszym rozwiązaniem byłoby stworzenie szablonu dziecka i tam ostylowanie. Jednak artykuł był dla bardzo początkującej osoby, i na dodatek jest nie dokończony.

      Reply
      1. Jacek

        Co do punktu trzeciego to od tego są motywy potomne “child theme”. Tworząc je unikamy niespodzianek podczas aktualizacji motywu.
        Jacek ostatnio opublikował…Jak zdobyć wędrowne konie w Howrse?My Profile

        Reply
        1. Kamila

          Tak są motywy potomne i warto z nich korzystać. Jednak wiele osób jest nietechniczna i stworzenie motywu potomnego może być dla nich bardzo trudne. A wtyczka załatwia sprawę nawet dla laika.

          Reply
  4. Przemek

    Szukam wtyczki za pomocą, której będę mógł zmienić wygląd widgeta menu. Chodzi mi o jeden konkretny widget na stronie dla stworzenia menu z produktami. Czy da się w ogóle coś takiego zrobić, żeby jeden widget na sidebarze wyróżniał się od innych kolorem tła, kolorem ramki, czcionką?
    Przemek ostatnio opublikował…10 kanałów do nauki angielskiego na YoutubeMy Profile

    Reply
    1. Kamila

      Oczywiście, że się da zarówno za pomocą wtyczki jak i dodanie niestandardowego kodu css dla konkretnej klasy widgetu. Postaram się opublikować artykuł jak to zrobić.

      Reply
  5. Adam

    Polecam te dwie wtyczki, używam ich na codzień i muszę powiedzieć że za ich pomocą można uzyskać fajne efekty na stronie.
    Adam ostatnio opublikował…10 najważniejszych wskazówek dla początkującego kamerzysty.My Profile

    Reply

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

CommentLuv badge