Dostosuj Swój Motyw WordPress Za Pomocą Tych Przydatnych Narzędzi

Masz cztery sekundy-dokładnie tyle czasu, ile potrzebujesz, aby stworzyć trwałe pierwsze wrażenie na odwiedzających – aby odpowiedzieć na to następne pytanie. Co ewentualnie zrobić, aby odróżnić swój biznes online od niezliczonych innych firm tam? Tik tak … trzy, dwa, jeden. Czas minął.

Prawdopodobnie wymyśliłeś te między innymi odpowiedzi:

• Masz najbardziej niesamowite produkty
• Opowiedz wspaniałą osobistą historię, dlaczego robisz to, co robisz
• Zbuduj niesamowitą obecność w Internecie
• Porozmawiaj z kimś w Finally Famous, Inc, która jest całkowicie fikcyjną firmą

Pomijając fikcję, wróćmy do punktu numer trzy na naszej liście; budowanie ogromnej obecności w Internecie. Łatwiej powiedzieć niż zrobić, budowanie obecności online, która pozwala wyróżnić się z tłumu, wiąże się z kilkoma czynnikami, które wiążą się z dobrą stroną internetową.

Świetna strona? To prawda; twoja strona internetowa jest, między innymi, twarzą twojego biznesu online – Twoja jedyna szansa, aby zrobić wielkie pierwsze wrażenie na swoich perspektywach. W dzisiejszym poście ujawnimy narzędzia 20, których możesz użyć, aby dostosować swój motyw WordPress do swoich potrzeb biznesowych i zwabić klientów włokami. Zanim jednak pojawi się lista narzędzi, oto kilka prawd na temat dostosowywania motywów WordPress, o których musisz pamiętać, wprowadzając zmiany w swoich motywach.

Jak dostosować motywy WordPress

Jeśli nigdy wcześniej nie dostosowałeś motywu WordPress, możesz uwierzyć, że jest to tak skomplikowany proces wymagający mózgów naukowca rakietowego i odporności neurochirurga. Nic bardziej mylnego. Zmiana wyglądu i funkcji WordPress jest łatwiejsza niż kiedykolwiek wcześniej dzięki szerokiej gamie motywów premium WordPress z zaawansowanymi opcjami motywów. Wiele motywów, takich jak Total, zawiera wbudowane kreatory stron i opcje dostosowywania, dzięki czemu można stworzyć jedyną w swoim rodzaju witrynę bez użycia kodu.

Niemniej jednak, nawet przy mnóstwie opcji do twojej dyspozycji, niektóre funkcje i style po prostu nie są wbudowane, co oznacza, że musisz je dodać ręcznie. Ale próba nakłonienia kogoś, kto ma mało czasu lub doświadczenia do ręcznego pisania kodu nie wywołuje najlepszych uczuć,więc jakie dokładnie są Twoje opcje, jeśli chodzi o dostosowywanie motywów WordPress?

Szukając idealnego motywu WordPress, możesz wybrać motyw premium (taki jak Total), darmowy motyw lub szablon motywu w zależności od wymagań biznesowych, a także osobistych preferencji. Dzięki darmowemu motywowi nie odkładasz karty kredytowej, ale nieadekwatność funkcji i opcji sprawi, że będziesz żałował, że nie miałeś. Oczywiście, zawsze możesz uzyskać wtyczki do dowolnej funkcjonalności pod słońcem, ale wszyscy wiemy, jak to działa.

Dzięki premium WordPress themes otrzymasz funkcje, wygląd, aktualizacje i niesamowite wsparcie w cenie. Wystarczy powiedzieć, że Twój motyw premium z wyboru może nie mieć wszystkich funkcji i opcji, których potrzebujesz, aby wrócić do punktu wyjścia. Komercyjne ramy motywów oferują elastyczność, najlepsze standardy internetowe, czysty kod, wsparcie itp., ale jeśli nie wiesz, co robisz, a przynajmniej co to jest motyw potomny, utknąłeś i nie osiągniesz wiele w dziedzinie dostosowywania motywów, a nawet rozwoju.

Wystarczająco zaskakujące, korzystanie z motywu dziecięcego jest najlepszym sposobem na dostosowanie motywu WordPress. W przeszłości omawialiśmy motywy potomne WordPress, więc nie będę wchodził w szczegóły, ale nigdy nie należy bezpośrednio dostosowywać plików motywu, aby zapobiec utracie wszystkich zmian za każdym razem, gdy aktualizujesz motyw. Zamiast tego powinieneś użyć motywu podrzędnego. Motywy podrzędne pozwalają zbudować witrynę swoich marzeń w oparciu o motyw nadrzędny bez ryzyka utraty dostosowania podczas aktualizacji.

Korzystanie z pliku arkusza stylów motywu podrzędnego (styl.css), możesz zmienić wygląd całej witryny za pomocą kilku linijek kodu. Ze specjalnym plikiem PHP znanym jako functions.php, możesz dodawać funkcje lub zmieniać swoją witrynę strukturalnie. Możesz pójść o krok dalej i utworzyć pliki szablonów dla motywu podrzędnego, co daje absolutną kontrolę nad projektem i strukturą motywu.

Gdy twój motyw potomny jest na miejscu, możesz obrócić swój motyw w dowolny sposób i zgadnij co, możesz edytować CSS w pewnym stopniu bezpośrednio z pulpitu administratora WordPress. Jednak zmiany, które możesz wprowadzić w ten sposób, są ograniczone, stąd potrzeba dodatkowych narzędzi.

Narzędzia do dostosowywania motywu WordPress

Narzędzia, które omawiamy w tej sekcji, obejmują edytory kodu, klientów FTP, inspektorów kodu, manipulatorów obrazów i prawdopodobnie Wszystko inne, co jest zachowane dla programistów internetowych, projektantów stron internetowych i właścicieli witryn zaawansowanych technologicznie. Jeśli jesteś idealnym początkującym, znajdziesz również kilka klejnotów, ale w Twoim najlepszym interesie jest znajomość HTML, CSS i PHP – rzeczy, z których składa się WordPress. Mając to na uwadze, oto lista narzędzi potrzebnych do owocnego dostosowania motywu WordPress.

TemplateToaster

Jedną z najprostszych opcji jest użycie niestandardowego narzędzia do tworzenia motywów, takiego jak TemplateToaster Theme builder. oprogramowanie. Po zainstalowaniu na komputerze masz wszystko, czego możesz potrzebować, aby zaprojektować własny motyw.

Użyj wbudowanego kreatora wizualnego przeciągnij i upuść, aby utworzyć własny szablon. Istnieje mnóstwo opcji dla kolumn, nagłówków, niestandardowych menu, galerii, obszarów widżetów i innych. Wszystko bez konieczności kodowania. Możesz nawet dodawać zawartość podczas tworzenia układów, aby zaoszczędzić czas później po przesłaniu motywu do aktywnej witryny. Ponadto wszystko jest w pełni responsywne (więc nie musisz się martwić o stylizację projektu witryny dla różnych urządzeń), a także gotowe do pracy w trybie RTL i wielojęzycznym. A kiedy skończysz tworzyć swój własny motyw z TemplateToaster wszystko, co musisz zrobić, to go wyeksportować!

Narzędzia Programistyczne Chrome

Masz zainstalowany motyw WordPress i gotowy do pracy, ale skąd dokładnie wiesz, który element dostosować? Jeśli spojrzysz na swój motyw z front-endu, nie możesz powiedzieć, który element jest który. Zaplecze nie jest lepsze, ale dzięki narzędziom programistycznym Chrome możesz przeglądać zmiany struktury motywu i CSS, dzięki czemu możesz zobaczyć, jak wyglądają przed ich kodowaniem. Możesz wizualnie sprawdzić dowolny element za pomocą podejścia wskaż i kliknij, które ułatwia pracę. W Google Chrome możesz otworzyć Narzędzia programistyczne, klikając prawym przyciskiem myszy na swojej stronie i wybierając „Inspect Element”.

Notepad++

Dostosowywanie motywu WordPress wymaga (lub będzie wymagało) pisania dużej ilości kodu. Do tego potrzebny jest potężny edytor tekstu, który pozwala Ci być na bieżąco. Notepad++ jest najlepszym rozwiązaniem, ponieważ jest łatwy w użyciu, wygląda świetnie i zawiera wiele niesamowitych funkcji, które sprawią, że pisanie kodu będzie świetną zabawą.

Wysublimowany Tekst

Notepad++ działa z systemem Windows, ale jeśli potrzebujesz jedynego w swoim rodzaju edytora tekstu na komputerze Mac, Sublime Text jest doskonałym wyborem (tego używamy tutaj w WPExplorer podczas kodowania wszystkich naszych motywów). Jest wyposażony w tryb bez rozpraszania uwagi, podzieloną obsługę edycji i pozwala dostosować wszystko podczas natychmiastowego przełączania między projektami.

Serwer lokalny (WAMP, XAMPP, MAMP, LAMP)

Najlepszym i najłatwiejszym środowiskiem do dostosowania (lub opracowania) motywów WordPress jest serwer lokalny. Eliminuje proces logowania i przesyłania na serwer live, oszczędzając czas i wysiłek. Oznacza to również, że masz pełną kontrolę nad serwerem, aby dostosować go w zależności od różnych potrzeb. Nie musisz kupować miejsca hostingowego ani rejestrować domen/tworzyć subdomen, aby dostosować lub rozwijać motywy, co jest Świetne dla Twojego portfela. Nie ma przestojów ani ograniczeń użytkowania, a także wszystkich innych rzeczy, których nienawidzisz z obecnym hostem WordPress.

Aby utworzyć własny serwer lokalny, potrzebujesz programów takich jak WAMP i XAMPP Dla Windows, MAMP dla Mac OS X lub LAMP Dla Linux. Używam WAMP i do tej pory było super tak dobrze. Chcesz dowiedzieć się, jak zainstalować WordPress? Sprawdź nasz przewodnik!

Adobe Photoshop

Czekaj, nie jestem grafikiem. Chcę tylko dostosować mój motyw(y) WordPress. Możesz mi powiedzieć, dlaczego potrzebuję Adobe Photoshop? Oto miły mały cytat dla Twojej przyjemności:

[Photoshop] to standardowe oprogramowanie defacto do manipulacji obrazami. Używam go do edycji Logo, zmiany kolorów na gradientach tła i poprawiania [prawie] dowolnego elementu obrazu na stronie internetowej. – Chris Cree, Web Savvy Marketing.

Teraz widzisz, dlaczego potrzebujesz Adobe Photoshop, aby dostosować motywy WordPress? Jest tak wiele innych rzeczy, które możesz zrobić w Photoshopie, w tym tworzenie makiet, wybieranie kolorów internetowych, Zapisywanie obrazów w Internecie itp. Photoshop kosztuje około 20 dolarów miesięcznie, co jest trochę drogie w moim świecie, ale warto.

GIMP

Jeśli dopiero zaczynasz i masz napięty budżet, wyłudzanie 20 dolarów miesięcznie za Photoshopa jest czymś, czego prawdopodobnie nie chcesz robić. Wchodzi GIMP i dzień i $240 rocznie jest zapisywane. Chociaż trudno jest skonfigurować, GIMP jest godną alternatywą dla Adobe Photoshop.

GenerateWP

Po rozpoczęciu dostosowywania motywów będziesz potrzebował fragmentów kodu dla różnych komponentów, takich jak taksonomie, paski boczne, niestandardowe typy postów, menu, skróty i paski narzędzi, aby wymienić tylko kilka. Podczas gdy można wybrać, aby spędzić godziny na koniec Googling kody, GenerateWP oferuje najprostszy i najszybszy sposób tworzenia niestandardowego kodu dla Twojego projektu przy użyciu najnowszych API WordPress i standardów kodowania. Wygeneruj dowolny kod jednym kliknięciem.

WhatFont

Zmiana drobnych szczegółów (np. czcionek) na Twoim motywie może mieć duży wpływ na wygląd i wrażenia użytkownika. Ale wybór idealnej czcionki dla witryny WordPress może być wyzwaniem z tysiącami czcionek. Nie martw się jednak, dzięki narzędziu WhatFont możesz łatwo znaleźć czcionki używane na dowolnej stronie internetowej. Po prostu zainstaluj rozszerzenie WhatFont browser, uruchom je i najedź kursorem na dowolny blok tekstu. Proste jak 1, 2, 3.

CSSViewer

Narzędzie „Inspect Element” działa świetnie, ale czy jest tak imponujące jak CSSViewer? To stanowcze NIE. Chociaż nie możesz wizualnie edytować CSS (jak w „Inspect Element”), CSSViewer to prosta i intuicyjna przeglądarka CSS, która sprawi, że dostosowywanie motywów WordPress będzie proste. Wszystko, co musisz zrobić, to zainstalować rozszerzenie i najechać kursorem na elementy, aby zobaczyć zakres właściwości CSS.

Zawartość Obojętna

W większości przypadków, gdy nabywasz motyw WordPress, otrzymujesz tylko to-puste płótno motywu bez żadnej treści. Nadal możesz dostosować kolor i inne rzeczy, ale bez fałszywej zawartości trudno jest sprawdzić, czy coś jest nie tak. Ale skąd dostanę jakąś fajną treść? Mamy Twoje plecy pokryte; możesz pobrać przykładową zawartość z Theme Unit Test na Kodeksie lub WordPress przykładowa zawartość na WPCandy.

WPBakery (dawniej Visual Composer)

Popularna pozycja w CodeCanyon w momencie pisania, WPBakery builder to niezwykle przyjazny dla użytkownika i responsywny Kreator stron typu przeciągnij i upuść, który zawiera edytory wizualne wśród innych słodkich funkcji. Mówiąc prościej, możesz użyć Visual Composer do zbudowania dowolnej strony WordPress, jaką można sobie wyobrazić. Brzmi jak narzędzie, które chcesz mieć po swojej stronie podczas dostosowywania motywu WordPress, prawda?

Dzięki responsywnemu projektowi, ponad 45 elementom treści, szablonom, obsłudze wielu języków i łatwości użycia wśród innych funkcji, Visual Composer jest dokładnie tym, czego potrzebujesz, aby zbudować motyw WordPress swoich marzeń. Ma ponad sprzedaż 388,000, imponującą ocenę kupującego 4.65 / 5.00 i kosztuje tylko $ 64 bucks.

Theme Test Drive

Theme Test Drive to dobrze oceniona wtyczka autorstwa Vladimira Prelovaca, renomowanego programisty z ponad 25 wtyczkami pod paskiem. Wtyczka nie robi nic fantazyjnego – po prostu dostajesz się do ” … bezpiecznie przetestuj dowolny motyw jako administrator, podczas gdy odwiedzający używają domyślnego [motyw].”

To prawda, korzystając z motywu Test Drive, możesz uruchomić dwa motywy w swojej witrynie WordPress w tym samym czasie. Oczywiście twoi czytelnicy zobaczą tylko jeden, podczas dostosowywania drugiego. Po zalogowaniu będziesz mógł zobaczyć tylko motyw, który dostosowujesz, co pozwoli Ci wprowadzać zmiany w przejrzysty sposób, bez zauważania przez użytkowników, że uruchomiłeś inny motyw dla siebie.

Czy Reaguję

Dostosowując swój motyw WordPress za pomocą nowych funkcji i stylów, chcesz zobaczyć, jak dostosowany motyw wygląda i działa na różnych urządzeniach. Jeśli nie wiesz od czego zacząć, czy reaguję to twoja odpowiedź. Gdy jesteś na stronie Am I Responsive, po prostu dodaj swój adres URL i kliknij GO! guzik i tyle.

Inne odpowiednie alternatywy to Responsive Design Checker lub Mobile Responsive Design Testing firmy StudioPress. Nie chcesz, aby niestandardowe elementy nakładały się na siebie lub wypadały z linii po zmianie szerokości ekranu, prawda?

WordPress Theme Customizer

To narzędzie powinno być pierwsze na tej liście, ale hej, kto i tak liczy. Poza tym, WordPress Theme Customizer to łatwe w użyciu narzędzie WordPress, które pozwala dostosować dowolny motyw w podglądzie na żywo. Możesz dostosować wszystko, od nagłówka po menu, kolory po widżety i wiele więcej, w zależności od opcji dostępnych w Twoim szablonie. Aby użyć WordPress Theme Customizer, po prostu przejdź do Wygląd > Dostosuj w panelu WordPress.

CSS Hero

Jest to wszechstronne narzędzie do projektowania stron internetowych, które pomaga łatwo dostosować motyw WordPress. Wystarczy wskazać i kliknąć, aby edytować marginesy, padding, kolory, tła, czcionki i dodać efekty wizualne, takie jak cienie i najedź kursorem między innymi. Od CSSHero.org, to narzędzie „…jest ostateczną wtyczką WordPress, aby łatwo dostosować każdą właściwość swoich motywów za pomocą łatwego i intuicyjnego interfejsu wskaż i kliknij.”

Evernote

Niezależnie od tego, czy dostosowujesz motyw własny, czy Klienta, potrzebujesz narzędzia do zapisywania notatek i śledzenia postępów. Możesz przejść do starej szkoły i zapisywać notatki na papierze, które później stracisz, lub wskoczyć na modę Evernote i zachować porządek i synchronizację notatek na wszystkich urządzeniach. Wybór należy do ciebie. Najlepsza część? Evernote jest darmowy!

FileZilla

Podczas dostosowywania motywu WordPress i po nim musisz przesłać pliki na serwer WWW. Możesz użyć funkcji menedżera plików dostarczanej z Twoim kontem hostingowym lub skorzystać z FileZilla, klienta FTP dla wielu użytkowników. Jest darmowy i kompatybilny m.in. z Windows i Mac OS X.

FireFTP

Jest to świetne rozszerzenie przeglądarki dla miłośników WordPressa z myślą o Firefoksie. FireFTP działa dobrze z Firefoksem, dzięki czemu możesz przesyłać/pobierać pliki bezpośrednio z ulubionej przeglądarki bez konieczności pobierania samodzielnego klienta FTP. Na dodatek FireFTP jest darmowy, działa jak reklamowane i z liczb, dość popularne narzędzie. W rzeczywistości jest to najlepsze internetowe narzędzie FTP!

Basecamp

Jeśli dostosowujesz motywy do życia, oczywiście masz projekty działające łeb w łeb. Jeśli nie uda Ci się śledzić swojej pracy, sprawy w końcu oszaleją, coś, czego na pewno nie chcesz. Basecamp kosztuje od $25 do $ 150 miesięcznie i jest najlepszym narzędziem do ” … przypisywania zadań, sprawdzania terminów, współpracy nad projektami, udostępniania plików i prowadzenia dyskusji.”Basecamp oferuje 60-dniowy bezpłatny okres próbny, więc nie bój się przeprowadzić testu – nie poprosi o kartę kredytową.

ActiveCollab

Jeśli Basecamp nie przypadnie Ci do gustu, ActiveCollab jest imponującą alternatywą. Dzięki wielu niesamowitym funkcjom i już od $25 miesięcznie, ActiveCollab oferuje wszystkie narzędzia potrzebne do pozostania na szczycie każdego projektu, a nie tylko dostosowywania motywów.

Over to You…

Jeśli jeszcze nie rozpoczniesz dostosowywania motywów WordPress, jest to łatwe, zwłaszcza teraz, gdy masz więcej niż niesamowite narzędzia 20, które ułatwią Ci pracę i sprawią, że Twoja praca będzie łatwiejsza i przyjemniejsza. Jeśli nie czujesz się komfortowo w kodowaniu, zalecamy użycie bogatego w funkcje motywu, takiego jak Total, aby dokonać dostosowań. Jeśli dostosujesz motywy WordPress, jakich innych narzędzi używasz? Jeśli podobał Ci się ten post, podziel się z nami swoimi przemyśleniami, zawsze czekamy na Twoją opinię. Ad astra.