Inspiracja.

To jest mój cel dla Ciebie.

Wielu użytkowników WP nie zdało sobie jeszcze sprawy, jak potężny jest WordPress, więc niech ten post będzie źródłem inspiracji, gdy odkryjesz nowe narzędzia i taktyki dostosowywania swojej witryny WordPress.

Będziesz nadawać markę swojej witrynie, personalizować swoją zawartość, a nawet wprowadzać zmiany w pulpicie administratora.

Do czasu, gdy skończysz czytać, będziesz miał piękniejszą, w pełni markową witrynę.

Jest wiele do nauczenia się tutaj, więc zachowaj tę stronę, abyś mógł wrócić i skończyć, jeśli potrzebujesz więcej czasu.

Zacznijmy od największej taktyki dostosowywania ze wszystkich…

Wybierz nowy motyw

Najszybszym sposobem na dokonanie dramatycznej zmiany w witrynie jest zmiana motywów WordPress.

Przełączanie motywów natychmiast zmieni wszystko o projekcie Twojej witryny.

Ale jest pewien problem…

Istnieje ponad 10,000 motywów WordPress do wyboru!

Możesz łatwo spędzić dni na przeglądaniu i recenzowaniu motywów. W rzeczywistości, wiele osób to robi!

Co tydzień ludzie wysyłają mi e-maile, w których mówią, że przejrzeli setki motywów, zanim wybiorą jeden z moich.

Jeśli chcesz zaoszczędzić sobie trochę czasu, skorzystaj z mojego przewodnika, jak wybrać idealny motyw dla swojej witryny.

Oczywiście, jeśli chcesz od razu przetestować nowy projekt, mamy 19 darmowych motywów WordPress, które możesz podejrzeć prosto ze swojego pulpitu nawigacyjnego WP.

Kolejnym łatwym sposobem na dokonanie ogromnej zmiany w projekcie witryny jest przełączenie się z najnowszych postów na statyczną stronę na stronie głównej.

Przełącz się na statyczną stronę główną

Jest to wskazówka dla wtajemniczonych:

Każda witryna WordPress powinna używać statycznej strony głównej.

Tak, nawet jeśli jesteś blogerem. W rzeczywistości, zwłaszcza jeśli jesteś blogerem!

Zdobędziesz więcej subskrybentów i zarobisz więcej pieniędzy ze swoją witryną, jeśli zrobisz więcej niż lista najnowszych postów.

Na przykład, twoja strona główna może zawierać formularz optin e-mail, aby zbudować swoich subskrybentów, a następnie promować kilka swoich najlepszych postów zamiast po prostu wyświetlać swoje najnowsze posty.

Ta zmiana jest łatwa do wykonania z pulpitu nawigacyjnego WordPress. Wystarczy przerzucić to ustawienie na stronę statyczną:

Or, możesz podążać za tym prostym samouczkiem wideo:

Oczywiście, teraz prawdopodobnie zastanawiasz się, jak utworzyć niestandardową stronę główną. To też jest łatwe do zrobienia z odpowiednim narzędziem.

Twórz niestandardową stronę główną

Możesz użyć Elementora do zaprojektowania niestandardowej strony głównej.

W przypadku gdy nie jesteś z nim zaznajomiony, Elementor jest wtyczką do budowania stron, i jak część „page builder” sugeruje, możesz go użyć do tworzenia całkowicie niestandardowych stron.

Ten dogłębny samouczek wideo nauczy cię jak używać Elementora:

Subscribe to Compete Themes on Youtube

Aby zacząć, możesz zainstalować Elementora na swojej stronie wyszukując go w menu Wtyczki lub pobierając go z wordpress.org.

Po zainstalowaniu Elementora na swojej stronie, można odwiedzić dowolną stronę i kliknąć przycisk „Edytuj za pomocą Elementora”, aby uruchomić edytor.

Zostaniesz przeniesiony do tego interfejsu:

Po lewej stronie ekranu znajdują się wszystkie różne dostępne widżety, które możesz przeciągnąć i upuścić do obszaru zawartości strony.

Aby stworzyć niestandardową stronę, wszystko co musisz zrobić, to dodać widżety, które chcesz do zawartości strony. Każdy z nich ma mnóstwo opcji, które można dostosować, tak jak to:

Gutenberg ma podobne bloki, ale widżety w Elementorze są o wiele bardziej konfigurowalne.

Ale dodawanie i dostosowywanie każdego widżetu jeden na raz może wydawać się dużo pracy. Aby ułatwić sprawę, Elementor posiada stylowe gotowe bloki, które możesz umieścić na każdej stronie:

Jeszcze lepiej, Elementor posiada gotowe strony sprzedaży, które możesz wstawić na swoją stronę za pomocą jednego kliknięcia.

Możesz przeglądać gotowe strony główne, wstawiać swoje ulubione, a następnie zamieniać tekst i obrazy, aby uzyskać idealne dopasowanie.

Istnieje całkiem sporo darmowych stron sprzedaży, ale większość najlepszych z nich jest dostępna tylko w Elementor Pro.

Więc podsumowując jak to wszystko działa…

Będziesz polegał na swoim motywie dla większości stron w twojej witrynie, ale kiedy potrzebujesz całkowicie niestandardowej strony jak dla twojej strony głównej, jest to świetny czas na użycie Elementora. W rzeczywistości, nawet jako twórca motywu, zacząłem tworzyć strony za pomocą Elementora zamiast kodować je samemu, ponieważ jest to tak szybkie i proste.

Sprawdź Elementor →

Teraz, gdy wiesz już o konstruktorach stron, wróćmy do globalnych dostosowań witryny.

Zmień swoją czcionkę

Czcionka, którą wybierzesz ma duży wpływ na charakter twojej strony.

Dlatego możesz być zirytowany, jeśli nie masz możliwości wybrania swojej czcionki.

Cóż, zgaduję, że twój motyw nie ma niestandardowych czcionek, jeśli to czytasz, więc oto proste i darmowe rozwiązanie:

Zainstaluj wtyczkę Google Fonts Typography.

Ta wtyczka da ci pełny dostęp do biblioteki Google Fonts, która jest de facto źródłem czcionek dla sieci.

Używam Google Fonts we wszystkich moich motywach i nie znam żadnych twórców motywów, którzy używają czegoś innego.

Po zainstalowaniu wtyczki Typografia Google Fonts, znajdziesz nowy panel w Customizerze, gdzie możesz szybko przełączyć czcionkę w całej witrynie.

Mam szczegółowy samouczek wideo na temat zmiany czcionki z Google Fonts Typography, jeśli chcesz instrukcji krok po kroku.

Jeśli używasz któregoś z naszych motywów, znajdziesz również Czcionki Google w pełni zintegrowane z uaktualnieniem PRO motywu.

Teraz jest kolejna szybka wygrana, aby dostosować prezentację witryny.

Zmień liczbę postów na stronę

Domyślnie WordPress wyświetla dziesięć postów na głównej stronie bloga i archiwach (kategorie, tagi, autor i archiwa dat).

Dziesięć to dobra wartość domyślna, ale co, jeśli masz układ wielokolumnowy, taki jak układy w Challenger Pro?

Odwiedzający będą przewijać wszystkie dziesięć postów za jednym machnięciem. Twoja witryna będzie działać lepiej, jeśli zamieścisz więcej postów, takich jak 16 lub 20 zamiast tego.

Możesz odwiedzić menu Ustawienia czytania (Ustawienia > Czytanie) i szybko zmienić liczbę postów na stronę za pomocą tego ustawienia:

Proste, prawda?

Kiedy ktoś dotrze do końca twoich postów, może kliknąć na paginację, aby znaleźć więcej, ale jest inna personalizacja, która jest lepsza niż prosta paginacja.

Włącz nieskończone przewijanie

Bądź szczery.

Jak często faktycznie klikasz linki paginacji na dole bloga?

Czasami tak robię, ale wszystko, co kiedykolwiek klikam, to link do następnej strony postów. Wiedząc o tym, czy naprawdę potrzebujesz czegoś więcej niż przycisk „więcej postów”?

Niekończące się przewijanie pozwala odwiedzającym na przewijanie strony i automatyczne ładowanie postów podczas przewijania. Podczas gdy to może działać dobrze dla niektórych witryn, istnieje niewielki tweak, który ma tendencję do pracy lepiej. Rozwiązanie to polega na dołączeniu przycisku „załaduj więcej” po twoich postach, jak poniżej:

Odwiedzający mogą kliknąć przycisk, aby automatycznie załadować posty bez przeładowywania całej strony.

Darmowa wtyczka WordPress Infinite Scroll wykonuje świetną robotę, ale będziesz musiał czuć się komfortowo edytując jakiś kod w swoim motywie.

Jeśli chcesz rozwiązanie bez kodu, istnieje funkcja nieskończonego przewijania zawarta w Jetpack. Nie wszystkie motywy są kompatybilne, ale wszystkie 19 naszych motywów działa z Jetpackiem.

Niekończące się przewijanie sprawi, że odwiedzający będą czytać więcej postów i spędzą więcej czasu na twojej stronie. W rzeczywistości, skoro już jesteśmy przy tym temacie, oto dwa kolejne sposoby na dostosowanie witryny tak, aby odwiedzający czytali więcej Twoich postów.

Używaj spójnych Featured Images

Używasz Featured Images, prawda?

Aby upewnić się, że jesteśmy na tej samej stronie, możesz użyć tej opcji na pasku bocznym dowolnego postu lub strony, aby dodać Featured Image:

A obraz pojawi się na stronie bloga i postu w ten sposób:

Featured Images pomoże każdemu postowi uzyskać więcej uwagi i więcej kliknięć, co oznacza więcej czytelników i subskrybentów.

Ale to nie wszystko.

Niektórzy użytkownicy WordPressa myślą tylko o jednym poście w tym samym czasie, gdy wybierają Featured Images i to sprawia, że ich blog wygląda na rozczłonkowany.

Wybierając Featured Images, upewnij się, że zachowujesz spójny wygląd.

Na przykład, zazwyczaj trzymam się sztuki wektorowej dla Obrazów na blogu Compete Themes.

Wybierz spójną estetykę dla Obrazów na swojej stronie i sprawi, że projekt będzie piękniejszy.

Używam Vecteezy dla grafiki wektorowej i Unsplash jest najlepszym źródłem darmowych, profesjonalnych zdjęć. Możesz również polubić Canva, aby dodać tytuł postu na górze swoich obrazów.

Jeśli chcesz, aby Twój blog był jeszcze bardziej kuszący, postępuj zgodnie z następną wskazówką.

Pisz niestandardowy fragment dla każdego postu

Nie mogę uwierzyć, jak niewiele osób pisze niestandardowe fragmenty!

W prawym pasku bocznym edytora znajdziesz to pole Fragment:

Dopóki używasz dobrze zakodowanego motywu, fragment, który tam napiszesz, pojawi się na głównej stronie bloga i w archiwach.

Są dwa powody pisania niestandardowego fragmentu dla każdego postu.

Po pierwsze, twój motyw prawdopodobnie używa pierwszych 25 słów. Czy nie sądzisz, że możesz napisać bardziej kuszący teaser dla swojego postu, a następnie po prostu złapać pierwsze 25 słów? Odwiedzający będą klikać więcej, jeśli napiszesz przekonujące fragmenty.

Po drugie, możesz upewnić się, że fragment pasuje do projektu dobrze, gdy piszesz niestandardowe fragmenty. Jeśli domyślna długość wygląda zbyt długo lub krótko, pisanie ręcznych fragmentów naprawi ten problem.

Plus, to również sprawi, że Twoja witryna będzie działać lepiej w mediach społecznościowych, jeśli zastosujesz się do tej następnej taktyki dostosowywania.

Customize how your site looks on Facebook

Jeśli podążałeś za moimi dwoma ostatnimi wskazówkami, pokochasz sposób, w jaki twoje posty wyglądają, gdy są udostępniane na Twitterze i Facebooku.

Ale!

Musisz dodać znaczniki „Open Graph” do swojej witryny. Najprostszym sposobem jest zainstalowanie wtyczki Yoast SEO.

Yoast SEO zoptymalizuje Twoją stronę, aby lepiej wypadała w Google. Nie chcę się zbytnio rozwodzić, ponieważ ten post dotyczy projektowania stron internetowych, a nie optymalizacji pod kątem wyszukiwarek, więc możesz przeczytać te samouczki SEO, jeśli chcesz więcej informacji o tym wszystkim.

Inną rzeczą, którą robi Yoast SEO, jest dodanie tagów Open Graph do Twojej witryny 😁

Tagi Open Graph pojawiają się w kodzie źródłowym każdej strony w Twojej witrynie i mówią serwisom społecznościowym, takim jak Facebook, jakie treści mają być używane, gdy ktoś udostępnia Twoją witrynę.

Jeśli dodasz Featured Image i napiszesz niestandardowy fragment, to jest to treść, którą Facebook wyświetli, gdy post zostanie udostępniony, ale tylko wtedy, gdy masz dodane znaczniki Open Graph.

Z Yoast SEO, masz również możliwość dodania innego obrazu tylko dla Facebooka i/lub Twittera.

Jakie to fajne?

Możesz użyć zwykłego zdjęcia jako Featured Image, ale mieć inną wersję z nałożonym tytułem tylko dla ludzi, którzy dzielą się postem na Facebooku.

Gdy mówimy o mediach społecznościowych, ta kolejna personalizacja jest niezbędna do budowania twojej publiczności.

BONUS TIP: Aby zaoszczędzić czas, piszę niestandardowy opis meta dla każdego postu, wprowadzam go do Yoast, a następnie ponownie używam go jako niestandardowy fragment postu.

Dodaj swoje ikony społecznościowe

To dostosowanie WordPressa jest martwe proste.

Jeśli chcesz, aby ludzie podążali za tobą, musisz to ułatwić!

Większość motywów w tych dniach ma wbudowane ikony społecznościowe, takie jak motyw Mission News, który zawiera ikony dla ponad 50+ serwisów społecznościowych.

Gdy ktoś kliknie na jedną z ikon, zabiera gościa prosto do Twojego profilu społecznościowego. Jest to świetny sposób, aby ludzie śledzili cię na dowolnej platformie, którą preferują.

Podczas gdy dodawanie ikon społecznościowych do nagłówka i / lub stopki witryny jest świetne do budowania swojej publiczności, powinieneś również rozważyć dodanie przycisków udostępniania społecznościowego.

Dodaj przyciski udostępniania społecznościowego

Nie chcę cię mylić, więc pozwól mi to wyjaśnić.

W ostatnim kroku zaleciłem dodanie połączonych ikon do twoich profili społecznościowych w nagłówku witryny. To są tylko linki.

Przyciski udostępniania społecznościowego powinny być dodane do twoich postów, tak jak to:

Gdy ktoś kliknie jeden z tych przycisków, otwiera nową kartę z postem wypełnionym i gotowym do udostępnienia.

Istnieją tony wtyczek do wyboru, ale moim nowym ulubionym jest Scriptless Social Sharing.

Problem, który mam z większością wtyczek przycisków udostępniania, polega na tym, że zbytnio spowalniają one twoją witrynę. Scriptless Social Sharing zawiera niezbędne funkcje i nic więcej. Ładuje się super szybko i działa świetnie na pulpicie i telefonie komórkowym.

Z całym nowym ruchem, który uzyskasz, będziesz chciał zrobić kilka dodatkowych dostosowań, aby Twoja witryna była bardziej opłacalna.

Dodaj formularz kontaktowy

Jeśli sprzedajesz usługi w swojej witrynie, to dodanie formularza, aby klienci mogli się skontaktować, jest oczywiste.

Ale formularz kontaktowy jest niezbędną częścią każdej witryny. Nigdy nie wiadomo, jakie możliwości mogą pojawić się na twojej drodze.

Jeśli chodzi o dodanie formularza kontaktowego, WPForms jest moją ulubioną wtyczką.

Jest niesamowicie konfigurowalny i łatwy w użyciu. Plus, aktualizacje premium naprawdę przenoszą rzeczy na następny poziom.

Mój przewodnik po tym, jak dodać formularz kontaktowy do WordPressa, przeprowadzi Cię przez wszystkie kroki.

Jeśli nie sprzedajesz usług lub masz już formularz kontaktowy, możesz chcieć utworzyć nową stronę docelową.

Twórz stronę docelową

Strona docelowa to strona w Twojej witrynie, na której lądują odwiedzający. Innymi słowy, wysyłasz tu nowy ruch, aby przekształcić go w subskrybentów i/lub klientów.

Jeśli z powodzeniem kierujesz ruch do swojej witryny, to nadszedł czas, aby umieścić ofertę na stronie docelowej i wysłać tam odwiedzających.

Zalecam korzystanie z wtyczki Elementor do tworzenia niestandardowych stron docelowych. Mają one gotowe strony docelowe i zestawy witryn, które możesz wykorzystać jako punkt wyjścia.

Jedna sztuczka ze stronami docelowymi polega na tym, że albo usuwasz całą nawigację, albo ograniczasz nawigację na tej stronie. Aby to zrobić, będziesz musiał wiedzieć, jak tworzyć niestandardowe menu.

Twórz niestandardowe menu

Chociaż zależy to od tego, jaki motyw wybierzesz, twoja strona prawdopodobnie wyprowadzi każdą „Stronę” w menu głównym.

To nie jest idealne.

Będziesz chciał utworzyć niestandardowy zestaw linków dla swojego menu i potencjalnie kilka menu, które wyświetlasz na różnych stronach w swojej witrynie.

Aby utworzyć niestandardowe menu, wykonaj kroki w tym samouczku wideo:

Dowiesz się, jak dodać linki do dowolnych postów, stron, a nawet zewnętrznych adresów URL do swojego menu. Możesz również zmieniać ich kolejność i tworzyć rozwijane menu z łatwością.

Dodaj to następne dostosowanie, aby Twoja witryna była jeszcze łatwiejsza w nawigacji.

Uczyń swoje menu „lepkim”

Przewinąłeś już wiele stron w dół tego postu, ale jeśli spojrzysz na górę ekranu, zobaczysz, że główne menu jest nadal widoczne.

Utrzymywanie menu stałego na górze ekranu przez cały czas sprawia, że witryna jest o wiele łatwiejsza w nawigacji, ponieważ odwiedzający nie muszą przewijać całej drogi z powrotem w górę za każdym razem, gdy zdecydują się przejść do nowej strony.

Istnieją dwa proste sposoby aby uczynić twoją nawigację lepką (jeśli twój motyw nie zawiera już tej opcji).

Po pierwsze, możesz zainstalować darmową wtyczkę Sticky Menu on Scroll.

Ta wtyczka działa świetnie, ale musisz wiedzieć jak znaleźć selektor CSS do użycia. Dla wszystkich naszych motywów, możesz użyć #site-header lub #menu-primary-items w zależności od tego czy chcesz aby cały nagłówek lub tylko główne menu było lepkie.

Drugą alternatywą jest użycie opcji lepkiego menu dostępnej w Elementor Pro. Ta metoda nie wymaga użycia żadnych selektorów CSS i można całkowicie dostosować projekt menu, gdy jesteś na nim.

Mam jeszcze jedną wskazówkę, aby Twoja witryna była jeszcze łatwiejsza w nawigacji.

Prawdopodobnie słyszałeś o bajce, Hansel & Gretel.

Jak możesz sobie przypomnieć, upuszczają okruchy chleba podczas podróży przez las, pozostawiając ślad, który mogą śledzić, aby znaleźć drogę powrotną do domu.

Projektanci stron internetowych przyjęli ten sam termin dla śladu linków czasami dodawanych poniżej nagłówka, jak ten przykład na Amazon.

Każdy link zabiera ci jeden krok wstecz w nawigacji stron.

Choć twoja strona jest bez wątpienia mniejsza i mniej złożona niż Amazon, nadal prawdopodobnie skorzystałaby z użycia okruszków chleba.

Jeśli zainstalowałeś wtyczkę Yoast SEO zalecaną wcześniej w tym poście, to nie musisz robić nic więcej. Po prostu kliknij tę opcję, aby włączyć ją z menu ustawień:

Wszystkie nasze motywy są kompatybilne ze ścieżką okruszków Yoast, ale może być konieczne sprawdzenie z deweloperem motywu, jeśli okruszki nie są wyświetlane na twojej stronie.

Z tymi kilkoma ostatnimi wskazówkami, dokonałeś wszystkich najważniejszych dostosowań do swojej nawigacji.

Teraz przejdźmy do brandingu twojej strony, aby uzyskać spójny efekt wizualny.

Dostosuj swoje kolory

Jest to prosty i być może oczywisty krok do budowania marki twojej witryny.

Zmiana koloru akcentu w całej witrynie stworzy spójny efekt wizualny.

Jeśli twój motyw nie zawiera niestandardowych kolorów i nie wiesz jak dostosować swoją witrynę za pomocą kodu, pozwól, że przedstawię ci niesamowite narzędzie: CSS Hero.

Tutaj trochę tła…

CSS to nazwa języka kodowania, którego projektanci stron internetowych używają do stylizacji stron internetowych. CSS Hero jest wtyczką WordPressa, która pozwala ci dostosować twój motyw bez pisania pojedynczej linii CSS.

Na przykład, możesz łatwo zmienić kolor tła twojej strony z CSS Hero. Zacząłbyś od otwarcia edytora wizualnego, który wygląda tak:

Następnie, kliknąłbyś na tło odsłaniając zestaw opcji dostosowywania w lewym pasku bocznym.

Na koniec, użyłbyś opcji koloru tła, aby ustawić go na dowolny kolor, a następnie zapisałbyś swoje zmiany.

CSS Hero może być użyte do zmiany koloru każdego elementu na twojej stronie, jak również czcionek, odstępów i wielu innych aspektów projektowych.

Wypróbuj CSS Hero →

Ta następna technika dostosowywania jest koniecznością dla każdej profesjonalnej strony.

Dodaj swoje logo do zakładki przeglądarki

Jestem pewien, że twoje logo jest już na górze twojej strony. Każdy motyw, jaki kiedykolwiek widziałem, zawiera prostą opcję do tego.

Ale nie powinieneś na tym poprzestać!

Powinieneś również dodać swoje logo do samej karty przeglądarki, tak jak to:

Ta mała ikona jest zwykle określana jako favicon, ale interfejs WordPressa nazywa ją „Site Icon.”

Niemniej jednak, możesz znaleźć tę opcję w Customizerze (Wygląd > Dostosuj).

Wewnątrz Customizera, otwórz sekcję Site Identity i znajdziesz opcję Site Icon na dole.

Wszystko co musisz zrobić to wgrać obraz logo z twojego komputera i wcisnąć przycisk Opublikuj.

Wybierając obraz dla favicon, najlepiej jest użyć ikony, jeśli twoje logo ją zawiera. W przypadku Compete Themes, używam ikony pióra i tarczy, ale gdybym jej nie miał, po prostu zrobiłbym z logo niebieski kwadrat z napisem „CT” w białym tekście.

Możesz być również zaskoczony widząc, że WordPress zaleca, aby twój obraz był 512x512px. That seems kinda large, doesn’t it?

Well besides the icon in the browser tab, your favicon will also be reused in bookmarks that can show up much larger. Na przykład ktoś korzystający z iPada Pro może zapisać twoją witrynę na swoim ekranie głównym Safari, gdzie ikona będzie wyświetlana dość duża.

Możesz podążać za naszym pełnym samouczkiem, jak dodać favicon do WordPressa, jeśli chcesz bardziej szczegółowych wskazówek (jest też samouczek wideo)

Innym sposobem na nadanie witrynie wyraźnego wyglądu jest użycie markowego obrazu tła.

Dodaj obraz tła

Nie widzisz już obrazów tła tak często.

W dzisiejszych czasach większość stron internetowych trzyma się zwykłego białego lub jasnoszarego tła. Jeśli chcesz się naprawdę wyróżnić, spróbuj dodać obraz tła, który jest zarówno piękny jak i zgodny z marką.

Możemy zwrócić się do CSS Hero po raz kolejny w celu dostosowania.

Wybierz tło, ale zamiast ustawiania koloru, wybierzesz opcję obrazu zamiast.

Możesz przesłać dowolny obraz, a nawet zaimportować jeden bezpośrednio z Unsplash.

Teraz weźmy twój branding na następny poziom.

Utwórz markową stronę logowania

Jeśli masz członków logujących się do swojej witryny, tworzenie markowej strony logowania jest koniecznością.

W rzeczywistości, nawet jeśli to tylko ty logujesz się do swojej witryny, branding ekranu logowania zapewnia prawdziwe poczucie profesjonalizmu i satysfakcji. Zaufaj mi!

Umieniłem login Compete Themes i teraz wygląda on niesamowicie:

Zrobiłem to używając darmowej wtyczki Custom Login Page Customizer.

Jeśli chcesz podążać za tymi samymi krokami, napisałem post dla WP Newsify o tym wszystkim.

Jeśli podążasz za mną to twoja strona i ekran logowania są całkowicie markowe, ale nie ma powodu aby na tym poprzestać!

Zabierzmy branding do pulpitu nawigacyjnego witryny, aby pójść jeszcze dalej w dostosowywaniu witryny WordPress.

Dostosuj administratora WP

Po pierwsze, na wszelki wypadek, gdybyś tego nie wiedział, możesz zmienić paletę kolorów pulpitu nawigacyjnego administratora z menu Twój profil.

Przechodząc dalej, schematy kolorów tam prawdopodobnie nie pasują do Twojej marki idealnie. Aby uzyskać pełną kontrolę nad swoim interfejsem administratora, sprawdź wtyczkę WP Custom Admin Interface.

Będziesz miał ogromną kontrolę nad wyglądem interfejsu administratora swojej witryny. Na przykład, możesz stworzyć nową paletę kolorów, która może być wybrana z menu Twój profil.

I możesz nawet zmienić nazwy i kolejność pozycji menu, ukryć menu i dodać całkowicie niestandardowe nowe pozycje menu.

Jeśli chcesz mieć całkowitą kontrolę nad interfejsem administratora, jest to sposób, aby to zrobić.

Teraz, gdy znasz już wszystkie najlepsze sposoby tworzenia marki witryny dla firmy, pokryjmy kilka dostosowań marki osobistej.

Update your Display Name

Widzę to cały czas na nowych stronach WordPress:

Kto to jest admin?

Pozostawienie twojego imienia w ten sposób nie sprawia, że twoja strona wygląda bardzo profesjonalnie i na pewno nie pomaga twojej osobistej marce.

Dobrą wiadomością jest to, że jest to bardzo łatwe do zmiany.

Nazwa, która pojawia się w linijce twojego postu i komentarzy jest określana jako Nazwa wyświetlana, i możesz ją zmienić w menu Użytkownicy > Twój profil.

Po zapisaniu, będzie ona natychmiast aktualizowana w całej witrynie.

Ten film wyjaśnia jak używać Nazwy wyświetlania bardziej szczegółowo:

Z ustawioną nazwą, będziesz chciał również dodać niestandardowy awatar.

Wyświetl niestandardowy awatar

Nie chcesz, aby domyślny awatar wyświetlał się obok twojej nowej Nazwy wyświetlania, tak jak to:

Większość motywów WordPress integruje się z Gravatarem, więc w momencie, gdy dodasz tam obraz, natychmiast pojawi się on na twojej stronie.

W przypadku, gdy nie jesteś zaznajomiony z Gravatarem, jest to bardzo prosta usługa.

Wszystko co robisz to dodajesz adres email i wgrywasz obrazek, który ma się z nim kojarzyć. To wszystko 🙂

Zobaczysz, że obraz Gravatara pojawi się na Twojej stronie i na innych stronach, które integrują się z usługą (wiele z nich to robi).

Alternatywnie, możesz zainstalować wtyczkę Simple User Avatar, aby przesłać obraz profilowy na swoją stronę bez użycia Gravatara.

Umieszczenie swojego imienia i zdjęcia na wszystkich swoich postach to świetny początek, a dodanie „pola autora” może przenieść rzeczy na wyższy poziom.

Dodaj pole autora

Przez „pole autora,” mam na myśli coś takiego:

Pudełka autora są świetne do budowania twojej marki z dwóch powodów.

Po pierwsze, dostają twoje imię i twarz przed odwiedzającymi.

Po drugie, możesz dodać krótkie bio, które pomoże Ci dodać jeszcze więcej osobowości i relacyjności. Plus, możesz połączyć się z dowolnymi stronami, które chcesz.

Ponieważ pole autora pojawia się po treści postu, odwiedzający widząc go właśnie skończyli czytać post, który jest świetnym momentem, aby powiązać się z tą treścią.

Jeśli twój motyw nie ma włączonego pola autora, polecam zainstalowanie wtyczki Simple Author Box.

Dostępnych jest całkiem sporo wtyczek Author Box, ale ta daje moim zdaniem najlepszą równowagę między elastycznością a jakością out-of-box.

Ten samouczek wideo da ci spojrzenie za kulisy, jeśli chcesz najpierw obejrzeć, jak to działa. Możesz też skorzystać z tego przewodnika na temat dodawania pola bio autora.

Kolejny sposób na dostosowanie witryny pomoże ci zbudować twoją osobistą markę jeszcze szybciej.

Dodaj widżet „O mnie”

Jeśli twoja strona ma pasek boczny, jednym z najlepszych dostosowań do budowania twojej marki jest włączenie widżetu O mnie na górze.

To sprawi, że Twoje imię i awatar będą widoczne na każdej stronie, którą publikujesz.

Możesz użyć widżetu tekstowego lub widżetu HTML, aby utworzyć taki układ samodzielnie lub zainstalować wtyczkę Easy Profile Widget.

Im więcej wystawiasz odwiedzających na Twoje imię, awatar i bio, tym bardziej staniesz się dla nich znajomy i tym lepiej będzie działał Twój marketing.

Mówiąc o widżetach, oto kolejny niesamowity sposób na dostosowanie swojej witryny WordPress.

Kontroluj, na których stronach wyświetlają się widżety

Widżety są niesamowite, ale jest jeden problem.

Czasami chcesz dodać widżet do paska bocznego, ale nie chcesz, aby wyświetlał się na każdej stronie Twojej witryny.

Co jeśli mógłbyś wybrać dokładnie, które posty i strony każdy widget wyświetla?

Dzięki wtyczce Widget Options, możesz.

Po zainstalowaniu Widget Options, zobaczysz tę nową sekcję dodaną do każdego widgetu.

Możesz dodać widżety do całych typów stron naraz, takich jak wszystkie kategorie, lub wybrać określone kategorie, a nawet poszczególne strony.

Ponieważ możesz łatwo przerzucić reguły między włączeniem VS wykluczeniem widgetu na wybranych stronach, ta wtyczka daje Twojej witrynie niesamowitą elastyczność.

Jest to kolejny sposób na ulepszenie dostosowywania witryny.

Dodaj opisy kategorii

Zwykły nagłówek kategorii w twojej witrynie może wyglądać tak:

Pomimo że działa to dobrze samo w sobie, możesz faktycznie dodać unikalny opis dla każdej kategorii.

Z dodanym opisem możesz pomóc odwiedzającym zrozumieć dokładnie, co znajdą na stronie, a także jest to dobre dla SEO.

Możesz odwiedzić stronę Kategorie (Posty > Kategorie) i kliknąć na dowolną kategorię, aby ją edytować. Następnie na następnej stronie, wpisz opis w to pole:

Większość motywów wyświetli opis na stronie kategorii poniżej nagłówka, tak jak to:

Możesz zakończyć to dostosowanie w ciągu kilku minut i nadać swojej stronie bardziej profesjonalny wygląd.

Innym sposobem na zwiększenie profesjonalizmu twojej strony jest dostosowanie tekstu stopki.

Dostosowywanie tekstu stopki

Większość motywów WordPress zawiera krótki kredyt projektowy na dole strony.

Choć często nie jest możliwe usunięcie tego tekstu bez pisania kodu, niektóre motywy, takie jak Ignite, zawierają prostą opcję w Customizerze, aby zmienić tekst stopki.

Możesz dołączyć dowolny tekst, ale wiele witryn decyduje się na dołączenie nazwy firmy, bieżącego roku i ikony praw autorskich. Możesz użyć emojis, aby dodać symbol praw autorskich lub po prostu skopiować ten jeden do schowka – ©

Dostosuj wiadomości e-mail wysyłane przez WordPress

To może być dla Ciebie ogromne, jeśli masz członków dołączających do swojej witryny.

WordPress ma wiele wstępnie napisanych wiadomości, które wysyła. Na przykład, istnieją wiadomości e-mail, gdy ktoś dołącza do witryny lub zmienia hasło.

Niektóre z tych wiadomości będą dla Ciebie on-brand, więc możesz zainstalować wtyczkę Powiadomienia, aby uzyskać całkowitą kontrolę nad kopią wiadomości e-mail.

Ta wtyczka jest niesamowicie konfigurowalna i pozwala zmienić kopię istniejących wiadomości e-mail i dodać zupełnie nowe zdarzenia do wysyłania wiadomości e-mail.

Zazwyczaj myślimy o dostosowaniu strony internetowej jako o zmianach wizualnych dla witryny, ale pisanie niestandardowych kopii dla twoich e-maili zabierze dostosowanie jeszcze dalej.

Jeśli naprawdę chcesz, aby każdy aspekt twojej strony był dostosowany, jednym z ostatnich kroków jest edycja twojej strony 404.

Dostosuj swoją stronę 404

Jeśli nie opublikujesz strony lub zmienisz adres URL i ktoś odwiedzi stary adres, zobaczy ekran 404, taki jak ten:

Chociaż chcesz wyczyścić niedziałające linki i błędy 404 na swojej stronie, jest to całkowicie naturalne zjawisko dla strony internetowej.

Ponieważ wiesz, że ludzie będą od czasu do czasu widzieć twoją stronę 404, jest to kolejna szansa na stworzenie niestandardowej strony brandowej.

W tym celu zwrócimy się do wtyczki 404page.

Z tą wtyczką możesz stworzyć całkowicie niestandardową stronę 404 dla swojej witryny. Jest on zaprojektowany w bardzo sprytny sposób.

Dzięki 404page możesz po prostu opublikować zwykłą stronę z dowolną zawartością, a następnie przypisać ją jako swoją stronę 404. Jest to o wiele łatwiejsze i bardziej elastyczne niż używanie niestandardowego edytora dla strony błędu.

Oto ostatnia wskazówka, która da ci o wiele więcej kontroli nad twoją witryną.

Master the HTML widget

Nauka pisania kodu to duża praca, ale w tym rzecz…

HTML nie jest językiem programowania jak PHP czy Javascript. HTML to tylko znaczniki.

To oznacza, że możesz nauczyć się HTML naprawdę szybko, a gdy już poznasz podstawy, przekonasz się, że masz dużo większą kontrolę nad swoją witryną.

Z widgetem HTML, który jest dołączony do WordPressa, możesz stworzyć praktycznie dowolną treść lub układ, jaki chcesz, bez dodawania nowych wtyczek.

Na przykład, poleciłem widget wcześniej do tworzenia widgetu „O mnie” na pasku bocznym, ale można to łatwo zrobić bez dodawania nowej wtyczki, jeśli wiesz, jak pisać HTML.

Jest to świetny pierwszy krok do kodu i gorąco polecam go użytkownikom WordPressa, którzy chcą uzyskać więcej techniki.

Wniosek

Po pierwsze, gratulacje za zrobienie tego tak daleko!

Ten post po prostu się wydłużał, ponieważ wymyśliłem dodatkowe sposoby dostosowania witryny WordPress.

Będąc szczerym, wciąż tylko zarysowałem powierzchnię w tym poście – istnieje mnóstwo innych zmian, które możesz wprowadzić w swojej witrynie.

Powracając do mojego pierwszego punktu, jednym z najlepszych sposobów na rozpoczęcie personalizacji witryny jest wybranie dostosowywanego motywu, więc zanim pójdziesz, spójrz na nasze najlepsze motywy i obejrzyj je na swoim urządzeniu. Wszystkie są całkowicie darmowe do użytku – na zawsze!

Zobacz naszą kolekcję motywów →

Jeśli masz pytania lub inne pomysły do podzielenia się, napisz w sekcji komentarzy poniżej.

Ben Sibley

Ben Sibley jest projektantem motywów WordPress & deweloperem i założycielem Compete Themes.

.