Ludzi w naturalny sposób przyciąga wygląd Witryna internetowa WordPressa, o ile przyciąga ich treść pisana, którą udostępniasz. W rzeczywistości, według Jeff Bullas ", Artykuły ze zdjęciami mają 94% więcej wyświetleń niż artykuły bez zdjęć.

Jeśli o mnie chodzi, to ogromny wzrost liczby odsłon.

I co dokładnie jest powodem?

Po prostu dodaj do treści kilka wysokiej jakości obrazów związanych z artykułem.

Ale co ze zdjęciami na twoim? Witryna internetowa które wykraczają poza zrzuty ekranu i zdjęcia? A co z obrazami, które nie tylko przykuwają uwagę, ale także pełnią użyteczną funkcję?

Tak, mówię o ikonach. Wiesz, te maleńkie obrazki, które można znaleźć na stronach internetowych, aby zachęcić do udostępniania w mediach społecznościowych, aby zilustrować strony kontaktowe właścicieli firm, by wymienić tylko kilka przypadków użytkowania.

Ponieważ pomysł został zaczerpnięty z tej strony, the odwiedzający nie tylko przyciągały ich obrazy na stronach internetowych, ale były też skłonne wchodzić z nimi w interakcję, ludzie zaczęli dodawać je do swoich witryn.

Jednak wraz z postępem technologicznym, jak zawsze, tradycyjne ikony obrazów zaczęły słabnąć jako rozwiązanie graficzne dla witryn internetowych. Dzieje się tak, ponieważ powodują, że strony są znacznie cięższe, a przez to wolniejsze, ale przede wszystkim to rozwiązanie nie zawsze było odpowiednie dla telefonów komórkowych.

Ale jest rozwiązanie: czcionki ikon.

Dzisiaj opowiem Ci, jakie są czcionki ikon i jakie są zalety korzystania z nich w witrynie WordPress. Dodatkowo pokażę ci, jak dodać czcionki ikon do witryny WordPress za pomocą popularnej wtyczki " Lepsza Czcionka Fantastyczna ".

Zacznijmy.

Co to są czcionki ikon i dlaczego warto ich używać?

Czcionki ikon są dokładnie tym, co mówią: czcionkami wbudowanymi całkowicie w ikony. W rzeczywistości ikona czcionki lub „ make-ikona „Można opisać jako czcionkę, która wyświetla tylko znaki lub symbole, a nie litery i cyfry, z którymi związane są tradycyjne czcionki i tekst.

Czcionki ikon służą do wyświetlania powszechnie używanych symboli w Twojej witrynie. Na przykład przyciski mediów społecznościowych, koszyk, przyciski pobierania i przyciski nawigacyjne to przykłady ikon wyświetlających małe, interaktywne obrazy w Twojej witrynie.

Dlaczego warto używać czcionek ikon?

Ikony obrazów sprawdziły się w przeszłości u wielu właścicieli witryn. Jednakże wraz z ewolucją zasad nawigacji, użyteczności i wyglądu, czcionki ikon stały się najlepszym rozwiązaniem do wyświetlania interaktywnych obrazów na strona internetowa.

Oto kilka istotnych powodów, dla których czcionki ikon są najlepszym wyborem:

• Łatwa rozbudowa bez utraty jakości
• Możliwość dostosowania pod względem koloru i odcienia
• 100% reaguje
• Działa jak obrazki CSS, ale zachowuje się jak tekst
• Łatwy w użyciu
• Kompatybilny z przeglądarkami
• Dostosuj krycie, obrót i nie tylko
• Mniejszy rozmiar pliku
• Nie poświęcaj szybkości ani skuteczności witryny

Jak widać, istnieje kilka powodów, dla których możesz chcieć użyć czcionki ikony w swojej witrynie internetowej, a nie ikony obrazu.

Instalowanie ikon czcionek w witrynie za pomocą wtyczki

Lepsza czcionka Awesome to WordPress Plugin darmowe oprogramowanie, które pozwala automatycznie zintegrować najnowszą wersję Font Awesome z projektem WordPress. Co więcej, jest wyposażony w CSS, shortcodes i generator krótkich kodów TinyMCE.

Ta wtyczka ma wiele przydatnych funkcji dla właścicieli witryn:

• Rutynowa aktualizacja najnowszej wersji
• Możliwość przełączania między wersjami Font Awesome bez zmiany krótkich kodów
• Obsługa innych popularnych wtyczek czcionek, w tym ich skrótów
• Wydane przez jsDelivr CDN

Krok 1: Instalowanie i aktywowanie lepszej czcionki Awesome

Aby rozpocząć, zainstaluj i aktywuj wtyczkę „Better Font Awesome” za pośrednictwem pulpitu WordPress, tak jak w przypadku każdej innej wtyczki.

Najpierw przejdź do „ Wtyczki> Dodaj nowe I wyszukaj „ Lepsza Czcionka Fantastyczna ".

Następnie wybierz „ zainstalować teraz »I kliknij« aktywować ".

Po aktywacji wtyczka dodaje linkLepsza Czcionka FantastycznaW menu Ustawienia pulpitu nawigacyjnego WordPress.

Krok 2: skonfiguruj ustawienia wtyczek

Aby skonfigurować wtyczkę « Lepsza Czcionka Fantastyczna ", Zacznij od kliknięcia pozycji menu" Lepsza Czcionka Fantastyczna W obszarze Ustawienia. Gdy to zrobisz, zobaczysz ekran podobny do tego:

Tutaj możesz wykonać następujące czynności:

• Wersja: Wybierz wersję „Better Font Awesome”, której chcesz użyć.
• Użyj Minified CSS: Zaznacz to pole, jeśli chcesz użyć zminimalizowanej wersji CSS.
• Usuń istniejącą czcionkę drukowania: zaznacz to pole, aby spróbować usunąć zakodowane fragmenty i skróty dodane przez inne wtyczki i motywy.
• Ukryj recenzje administratorów: Ukryj domyślne ostrzeżenia administratora, które pojawiają się, gdy wystąpią błędy API i CDN.

Oprócz minimalnej liczby opcji Better Font Awesome, dostępna jest mała sekcja „Użycie” wyjaśniająca, jak dodawać ikony do witryny.

Krok 3: Dodawanie ikon do Twojej witryny

Istnieją trzy proste sposoby dodawania ikon do witryny internetowej za pomocą „Better Font Awesome” - za pomocą shortcode, HTML lub TinyMCE.

# 1. Dodawanie ikon za pomocą shortcode

Aby dodać ikony do swojej witryny za pomocą krótkiego kodu, najpierw odwiedź stronę „ Font Fantastyczny Aby zobaczyć pełną listę dostępnych ikon, których można użyć.

Tutaj możesz wyszukać żądaną ikonę. Na przykład, jeśli chcesz mieć ikonę „e-mail”, po prostu wyszukaj to słowo kluczowe i wybierz ikonę, której chcesz użyć, klikając ją.

Po kliknięciu ikony, którą chcesz dodać, zobaczysz ekran pokazujący obraz ikony z różnymi rozmiarami i mały blok kodu:

Po prostu skopiuj blok kodu i wklej go w dowolnym miejscu na swojej stronie, korzystając z zakładki „Edytor tekstu”. Tak będzie wyglądał edytor na Twojej stronie:

W końcu oto, co odwiedzający zobaczą, kiedy uzyskują dostęp do Twojej witryny:

# 2. Dodawanie ikon za pomocą kodu HTML

Jak widzieliśmy w sekcji „ Stosowanie Masz możliwość wykorzystania kodu HTML do wstawiania ikon na swojej stronie internetowej. Jednak twórcy wtyczek biorą pod uwagę, że używanie HTML wymaga przedrostków specyficznych dla wersji.

Dlatego zalecają zamiast tego używanie skrótów. Jeśli jednak chcesz użyć kodu HTML, Font Awesome ma przydatne informacje tutaj.

# 3. Dodawanie ikon za pomocą TinyMCE

To prawdopodobnie najłatwiejszy sposób dodawania ikon do witryny. W trybie „Edytor wizualny” po prostu kliknij ikonę Wstaw. Następnie przewiń dostępne opcje ikon lub zawęź wyniki, korzystając z funkcji wyszukiwania.

Gdy znajdziesz żądaną ikonę, po prostu ją kliknij. Generator krótkich kodów automatycznie wprowadza wymagane informacje do Twojego posta lub strony.

Jeśli chcesz dowiedzieć się, jak dostosować ikony w swojej witrynie, zapoznaj się z przykładami „ Font Fantastyczny ".