Jak zmienić kolor linku w WordPressie? (Bez kodu)

Opublikowany: 2022-12-13

Zastanawiasz się, jak zmienić kolor linku w WordPressie? Jeśli tak, ten artykuł jest właśnie tym, czego szukałeś.

Możesz zmienić kolor tekstu linku, korzystając z różnych metod, które wymieniliśmy poniżej. Dlatego czytaj dalej, aby łatwo zmienić kolor linków na swojej stronie WordPress.

Ale najpierw dowiedzmy się, dlaczego powinieneś zmienić kolor linku w WordPress.

Spis treści

Znaczenie zmiany koloru linku w WordPress

Podczas instalowania motywu jest on dostarczany z domyślnym kolorem łącza. Czasami może ci się podobać ten kolor. Niemniej jednak, jeśli nie podoba Ci się domyślny kolor linku, będziesz chciał go zmienić, aby pasował do klimatu Twojej witryny.

Poza tym zmiana koloru linku może poprawić estetykę Twojej witryny i zwiększyć dostępność Twojej witryny WordPress.


Jak zmienić kolor łącza w WordPressie bez użycia kodu (4 proste sposoby)

A teraz przejdźmy do metod zmiany koloru łącza w WordPress. Ponadto nie potrzebujesz wiedzy na temat kodowania, jeśli używasz tych metod.

1. Niestandardowy kod CSS

Pierwszą metodą jest użycie niestandardowego kodu CSS. Zasadniczo będziesz potrzebować kodu szesnastkowego koloru, którego chcesz użyć w swojej witrynie.

Po zalogowaniu się do pulpitu nawigacyjnego WordPress przejdź do Wygląd >> Dostosuj .

Nawigacja dostosowywania

Na pasku bocznym wybierz opcję Dodatkowy CSS . Następnie dodaj następujący kod:

{

kolor: #ff0000 ;

}

Nie zapomnij nacisnąć przycisku Publikuj , aby zapisać wszystkie zmiany. Kolor łącza całej witryny będzie teraz (ff0000) czerwony . Oczywiście, jeśli nie jesteś zadowolony z koloru, możesz zmienić wybrany kod szesnastkowy.

Jak zmienić kolor łącza w WordPress za pomocą dodatkowego CSS

2. Konfigurator WordPress

Druga metoda polega na użyciu narzędzia do dostosowywania WordPress. Za pomocą aktywnego motywu WordPress możesz zmienić kolor swojego linku. Ważnym pytaniem jest, który motyw zapewnia łatwiejsze i bardziej wszechstronne opcje zmiany linku.

Cóż, Zakra to temat, który sugerujemy z naszej strony. Zakra oferuje ponad 80 wersji demonstracyjnych odpowiednich do tworzenia dowolnego rodzaju niszowej witryny WordPress. Poza tym jest wysoce konfigurowalny i zoptymalizowany pod kątem szybkości.

Nowa strona Zakry

Aby zmienić kolor łącza za pomocą Zakry, musisz najpierw zainstalować motyw. Po zainstalowaniu i aktywacji motywu Zakra przejdź do Wygląd >> Dostosuj . Następnie kliknij Global >> Colors >> Link Colors opcja. Istnieją dwie opcje, które są następujące:

  • Normalny : Zmień kolor linku w swojej witrynie.
  • Najedź : Za pomocą tej opcji możesz zmienić kolor łącza po najechaniu.
Globalna zmiana koloru łącza Zakry

W darmowej wersji Zakry możesz dostosować powyższe dwie opcje. Niemniej jednak Zakra pro oferuje więcej opcji dostosowywania. Jeśli więc chcesz mieć większą kontrolę i opcje zmiany koloru linku na swojej stronie, zainstaluj i aktywuj dodatek Zakra Pro.

Tak jak poprzednio, przejdź do Wygląd >> Dostosuj >> Globalny >> Kolory >> Połącz kolory . Oprócz dwóch opcji wymienionych powyżej, możesz zauważyć, że istnieje więcej opcji, które omówiliśmy poniżej:

  • Kolor aktywny : Wybierz kolor łącza w stanie Aktywny .
  • Focus Color : Wybierz kolor łącza na Focusie .
  • Odwiedzony kolor : Zmień kolor łącza Odwiedzone w Twojej witrynie.
Zakra Pro Link Zmiana koloru

Oto opcje linków kolorów, które możesz zmienić za pomocą uniwersalnego motywu Zakra. Na koniec naciśnij przycisk Publikuj , aby zapisać wszystkie zmiany.


3. Korzystanie z Elementora

Kolejną łatwą metodą zmiany koloru linku w WordPress jest użycie jednej z najpopularniejszych wtyczek do tworzenia stron typu „przeciągnij i upuść” – Elementor. Oczywiście wtyczka musi być zainstalowana i aktywowana na Twojej stronie, aby zmienić kolor linku.

Elementor

Po zakończeniu procesu instalacji otwórz stronę lub post w edytorze Elementor.

W lewym górnym rogu znajdziesz ikonę Hamburger ; Kliknij na to. Następnie wybierz opcję Ustawienia witryny . Następnie kliknij opcję Typografia .

Zmiana koloru łącza Elementora

Następnie w opcji Łącze możesz zmienić kolor łącza Normalny i kolor łącza po najechaniu kursorem . Ponadto dostępne są dwie opcje — Kolor i Typografia .

Kolor : Dostępne są domyślne kolory. Poza tym dostępny jest również próbnik kolorów , dzięki czemu można dodać kod szesnastkowy lub wybrać wybrany kolor.

Domyślny próbnik kolorów

Typografia : wraz z kolorem możesz chcieć zmienić typografię linków w swojej witrynie. Możesz dostosować rodzinę , rozmiar , wagę , styl , dekorację , wysokość linii , odstępy między wyrazami i inne.

Opcja typografii

Elementor pozwala również zmienić kolor linku w Hover . Podobnie jak w przypadku opcji Kolor, możesz zmienić kolor i typografię linku po najechaniu kursorem na swoją witrynę. Jeśli jesteś zadowolony z dostosowania, naciśnij przycisk Aktualizuj .


4. Edytor WordPressa

Wszystkie powyższe metody są przydatne do zmiany koloru linku w całej witrynie. Możesz jednak chcieć, aby określona strona wyróżniała się bardziej niż reszta strony. W takich przypadkach możesz zmienić kolor linku na pojedynczej stronie za pomocą standardowego edytora WordPress .

Otwórz wybraną stronę lub wpis. Teraz zaznacz link URL, do którego chcesz zmienić kolor. Pojawi się pływający pasek narzędzi; po prostu wybierz ikonę rozwijaną i kliknij opcję Podświetl . Dostępne są jeszcze dwie opcje — Tekst i Tło.

Zmiana koloru linku URL

Dostępny jest również wstępnie zdefiniowany kolor tekstu i niestandardowy kolor tekstu. Dzięki opcji niestandardowego koloru tekstu możesz łatwo dodać preferowany kod szesnastkowy .

Kod szesnastkowy edytora WordPress

Jak sama nazwa wskazuje, opcja Tło umożliwia dodanie/zmianę koloru tła. Po zakończeniu procesu dostosowywania zaktualizuj lub opublikuj stronę/opublikuj.


Podsumowanie!

I to jest podsumowanie tego artykułu o tym, jak zmienić kolor łącza w WordPress. Powyżej wymieniliśmy 4 różne metody, dzięki którym możesz zmienić kolor łącza zarówno globalnie, jak i indywidualnie. Jeszcze raz poniżej wspomnieliśmy o metodach:

  • Korzystanie z niestandardowego CSS
  • Konfigurator WordPressa
  • Korzystanie z wtyczki Elementor
  • Edytor WordPressa

Możesz wybrać dowolną metodę, z którą czujesz się komfortowo.

Mam nadzieję, że podobał Ci się ten artykuł, a jeśli tak, podziel się nim ze znajomymi i rodziną w mediach społecznościowych. Możesz śledzić nas na Twitterze i Facebooku, aby otrzymywać regularne aktualizacje i ekscytujące wiadomości.

Zanim przejdziesz, oto kilka interesujących artykułów na temat tworzenia wielokolumnowego formularza w WordPress oraz tworzenia LMS za pomocą WordPress i nauczania online.