• Blog
  • Darmowe konsultacje
  • O mnie
  • Kontakt
Wyklikane.pl
  • Blog
  • Darmowe konsultacje
  • O mnie
  • Kontakt

WordPress

  • Strona główna
  • WordPress
  • WordPress: własny kursor myszy

WordPress: własny kursor myszy

  • Opublikowane przez Damian Kmieciak
  • Data 22 lutego 2021
  • Komentarze 3 komentarze

Witaj na wyklikane.pl – miejscu gdzie dowiesz się jak samodzielnie stworzyć a następnie zarządzać stroną internetową w oparciu o platformę WordPress. Dziś chciałbym Ci pokazać, jak dodać taki wizualny wodotrysk, jakim jest własny kursor myszy na stronie.

Jak to może wyglądać? Przyjrzyj się obrazkowi poniżej. Pamiętaj, to tylko propozycja, za chwilę dowiesz się, jak ustawić kursor o własnym kształcie!

Własny kursor myszy
Możesz ustawić dowolny obrazek, który zastąpi standardowy kursor myszy.

Własny kursor myszy

Jesteś zaciekawiony? Więc zacznij działać. Wszystko czego potrzebujesz, to prostej wtyczki oraz własnego obrazka, który zastąpi kursor. Ze względu na fakt, że modne są dzisiaj okrągłe kursory, może właśnie Ty też chcesz taki posiadać? A może chcesz się wyróżnić i zastosować coś nieszablonowego?

Przygotuj sobie plik graficzny w programie typu Photoshop lub Canva i zapisz jako obraz PNG (koniecznie bez tła). Możesz też poszukać gotowego pliku w wyszukiwarce Google. Ja stworzyłem i użyłem takiej łezki. Jeśli chcesz, kliknij na nią prawym przyciskiem myszy i zapisz na swoim komputerze.

Wszystko czego potrzebujesz poza grafiką, to wtyczka Mouse cursor customizer. Wejdź w menu “Wtyczki -> Dodaj nową“, wpisz jej nazwę a następnie zainstaluj i włącz. Możesz też pobrać paczkę .zip i wgrać ją na serwer.

Ustaw własny kursor

Gdy już zainstalujesz i włączysz wtyczkę, przejdź do jej ustawień, które znajdziesz w menu “Wygląd -> Cursor Settings”. Ponieważ masz już własny obrazek zachowany na komputerze, wystarczy że prześlesz go na stronę, a wtyczka zrobi swoje jak na poniższym obrazku.

Odpowiednim suwakiem ustaw wielkość kursora i zapisz ustawienia. Brawo!

Od teraz na całej Twojej stronie domyślny kursor zostanie zastąpiony Twoim obrazkiem.

kursor WordPress
Jeśli chcesz podmienić kursor również tam, gdzie na linkach pojawia się łapka z palcem wskazującym, to dodaj ten sam obrazek i wielkość w części odpowiedzialnej za linki.

Podsumowanie

Jak widzisz, własny kursor myszy na stronie WordPress to nic skomplikowanego. Nie musiałeś napisać ani jednej linijki kodu. Chcesz bardziej podrasować wizualnie swoją stroną? Zastanów się, czy nie byłoby Ci wygodniej używać Elementora. Jest prosty w obsłudze i daje Ci duże możliwości rozbudowy strony lub bloga.

PS. Daj znać w komentarzu, czy artykuł był pomocny i zajrzyj czasem na moją stronę Facebook, gdzie zamieszczam aktualności i ciekawostki ze świata WordPress. Możesz być też zainteresowany filmami na kanale YouTube.

Wersja wideo

 

ZAPISZ SIĘ DO NEWSLETTERA!

Bądź na bieżąco! W newsletterze będziesz otrzymywać m.in. informacje o nowych wpisach na blogu, poradnikach na YouTube, e-bookach oraz ważnych wydarzeniach ze świata WordPress. Wysyłam jedynie wartościowe treści.

Tag:kursor myszy

  • Udostępnij:
author avatar
Damian Kmieciak

Programista, twórca gier i aplikacji na urządzenia mobilne oraz komputery PC. Projektant stron i sklepów internetowych, logotypów, wizytówek, opakowań, ulotek i etykiet. Ostatnio pracownik FIBARO odpowiedzialny za utrzymanie i rozwój strony internetowej.

Poprzedni wpis

Trendy sprzedażowe w social commerce na 2021 rok
22 lutego 2021

Następny wpis

WordPress: pasek postępu czytania
8 marca 2021

Może Ci się spodobać

Sierotki w WordPress
Sierotki w WordPress. Wiszące spójniki i przyimki
5 grudnia, 2022
przełącznik języka na ekranie logowania
Jak wyłączyć przełącznik języka na ekranie logowania
7 listopada, 2022
Jak podzielić długi wpis na podstrony
Paginacja wpisu. Jak podzielić długi wpis na podstrony?
29 sierpnia, 2022

Znajdź na stronie

Kategorie

  • Darmowe motywy
  • Design / Grafika
  • Elementor
  • SEO / Optymalizacja
  • Serwer / IT
  • WooCommerce
  • WordPress

Najnowsze wpisy

Jak wymusić 9 cyfr numeru telefonu w WooCommerce
Jak wymusić 9 cyfr numeru telefonu w WooCommerce
30st.2023
Jak zmienić nazwę sklepu WooCommerce
Jak zmienić nazwę sklepu WooCommerce
16st.2023
Jak wyświetlić polecane produkty
Jak wyświetlić polecane produkty w WooCommerce
02st.2023
Jak zbudować sklep internetowy
Jak zbudować sklep internetowy w WordPress
19gr.2022
Sierotki w WordPress
Sierotki w WordPress. Wiszące spójniki i przyimki
05gr.2022
Wyklikane Logo
+48 503 865 645
kontakt@wyklikane.pl