Czy widziałeś strony internetowe, które pokazują ikony plików obok linków do pobierania? Niedawno jeden z naszych czytelników zapytał, czy możliwe jest wyświetlanie ikon plików załączników w WordPress. Tak jest i to całkiem proste. W tym artykule pokażemy, jak dodać ikony plików załączników w WordPress.

Adding file type icons for attachments in WordPress

Kiedy potrzebujesz ikony plików załączników w WordPress

Domyślnie WordPress umożliwia przesyłanie obrazów, audio, wideo i innych dokumentów. Możesz także zezwolić na przesyłanie dodatkowych typów plików w WordPress.

Po przesłaniu pliku za pośrednictwem programu do przesyłania multimediów i dodaniu go do postu lub strony, WordPress spróbuje osadzić plik, jeśli jest to obraz, dźwięk, wideo lub Obsługiwany format pliku.

W przypadku wszystkich innych plików wystarczy dodać nazwę pliku jako zwykły tekst i połączyć ją ze stroną pobierania lub załącznika.

Text links for attachments with no icons for file type

Na powyższym zrzucie ekranu dodaliśmy plik PDF i Docx. Jednak trudno jest użytkownikowi odgadnąć, który plik pobiera.

Jeśli regularnie przesyłasz różne typy plików, możesz wyświetlić ikonę obok łącza, aby użytkownicy mogli łatwo znaleźć typ pliku, którego szukają.

Powiedziawszy to, zobaczmy, jak dodać ikony plików załączników w WordPress dla różnych typów plików.

Metoda 1: Dodaj ikony plików załączników w WordPress za pomocą wtyczki

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Mimetypes Link Icons. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Ustawienia ” Ikony MimeType strona do konfiguracji ustawień wtyczki.

MimeType Link Icon settings

Wtyczka pozwala wybrać rozmiar ikon. Możesz także wybrać pomiędzy ikonami png i gif. Następnie musisz wybrać wyrównanie ikon i typy plików, które będą wyświetlać ikonę.

W opcji Zaawansowane możesz włączyć ukrywanie ikon przez klasy CSS. Linki do pobierania plików zawinięte w te klasy CSS nie będą pokazywać ikon.

Advanced settings

Poniżej znajduje się opcja pokazania rozmiaru pliku obok łącza pobierania. Jest on domyślnie wyłączony, ponieważ może być zasobochłonny. Jeśli jednak chcesz, możesz go włączyć, a także włączyć opcję „rozmiary pobranych plików z pamięci podręcznej”.

Nie zapomnij kliknąć przycisku Zapisz zmiany, aby zapisać swoje ustawienia.

Możesz teraz edytować post lub stronę i dodać link do pobrania pliku za pomocą programu Media uploader. Przejrzyj swój post, a zobaczysz ikonę pliku obok łącza pobierania.

Attachment links with file type icons

Metoda 2: Używanie czcionek ikon dla plików załączników w WordPress

W tej metodzie będziemy używać czcionki ikony, aby wyświetlić ikonę obok łącza pliku załącznika.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować lepszą wtyczkę Font Awesome.

Po aktywacji możesz edytować post lub stronę, na której chcesz dodać link do załącznika.

Zauważysz nowy przycisk „Wstaw ikonę” na górze edytora postów. Kliknięcie na niego wyświetli okienko, w którym możesz wyszukać i wybrać ikonę, którą chcesz dodać.

Insert icon into your WordPress post

Font Awesome zawiera mnóstwo ikon i ma ikony dla najczęściej używanych typów plików. Kliknij ikonę, którą chcesz dodać, a wtyczka automatycznie doda wymagany shortcode w edytorze postów.

Teraz możesz przesłać plik i wstawić do posta za pomocą programu Media uploader.

Add attachment links

Możesz również dodać własny niestandardowy CSS dla ikony pliku, dodając własną klasę css do krótkiego kodu, w ten sposób:

[icon name= „file-pdf-o” class=””unrefixed_class=”pdf-icon”]

Możesz teraz użyć .pdf-icon Klasa, aby zmienić rozmiar ikon, kolor i styl do własnych potrzeb.

Font icons used as attachment file type icons

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać ikony plików załączników w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat osadzania plików PDF, arkuszy kalkulacyjnych i innych w postach na blogu WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…