Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak dodać ikony typów plików załączników w WordPress (łatwy samouczek)

Nasi czytelnicy często pytają nas, czy możliwe jest wyświetlanie ikon plików załączników w WordPressie. Dodawanie ikon plików może pomóc użytkownikom w szybkim zidentyfikowaniu typu pliku, który pobierają.

Używanie ikon plików załączników to prosty sposób na uczynienie Twojej witryny bardziej przyjazną dla użytkownika. Dodaje wizualnych wskazówek, które pomagają odwiedzającym lepiej zrozumieć Twoje treści.

W WPBeginner używamy różnych ikon na naszej stronie, aby poprawić doświadczenie użytkownika. Od ikon mediów społecznościowych po załączniki plików, ikony sprawiają, że nawigacja jest jaśniejsza i bardziej intuicyjna.

W tym przewodniku pokażemy Ci, jak łatwo dodać ikony plików załączników w WordPressie. Dzięki naszym krokom możesz wyświetlać ikony plików pasujące do typów plików na Twojej stronie.

Jak dodać ikony typów plików załączników w WordPress

Kiedy potrzebujesz ikon plików załączników w WordPressie

Domyślnie WordPress pozwala na przesyłanie obrazów, dźwięku, wideo i innych dokumentów. Możesz również włączyć dodatkowe typy plików do przesłania w WordPress.

Po przesłaniu pliku za pomocą narzędzia do przesyłania multimediów i dodaniu go do posta lub strony, WordPress spróbuje osadzić plik tak, jakby był obrazem, dźwiękiem, wideo lub w obsługiwanym formacie pliku.

Dla wszystkich innych plików, po prostu doda nazwę pliku jako zwykły tekst i połączy ją ze stroną pobierania lub załącznika.

Wyświetl linki do pobrania

Na powyższym zrzucie ekranu dodaliśmy plik PDF i plik Docx. Jednak użytkownikowi trudno jest zgadnąć, jaki typ pliku pobiera.

Jeśli regularnie przesyłasz różne typy plików, możesz chcieć wyświetlić ikonę obok linku. W ten sposób Twoi użytkownicy będą mogli łatwo znaleźć typ pliku, którego szukają.

Mając to na uwadze, zobaczmy, jak dodać ikony plików załączników w WordPressie dla różnych typów plików.

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

Najprostszym sposobem dodawania ikon typów plików jest użycie wtyczki WordPress, takiej jak MimeTypes Link Icons. Jest to darmowa wtyczka, która jest bardzo łatwa w użyciu i pozwala dodawać ikony dla różnych typów plików.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę MimeTypes Link Icons. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku na temat jak zainstalować wtyczkę WordPress.

ℹ️Uwaga: Strona wtyczki z pobranymi plikami może wskazywać, że nie była ona testowana ani aktualizowana od jakiegoś czasu. Przetestowaliśmy ją na naszych stronach demonstracyjnych i stwierdziliśmy, że działa zgodnie z przeznaczeniem. Prosimy o zapoznanie się z naszym artykułem na temat instalowania wtyczek nieprzetestowanych z Twoją wersją WordPressa.

Po aktywacji musisz odwiedzić stronę Ustawienia » Ikony MimeType, aby skonfigurować ustawienia wtyczki.

Ogólne ustawienia typów MIME

Wtyczka pozwala wybrać rozmiar ikony, a także między ikonami PNG i GIF. Następnie musisz wybrać wyrównanie ikony i dla jakich typów plików ikona ma być wyświetlana.

Następnie możesz przewinąć w dół i wybrać ikony do wyświetlenia na swojej stronie internetowej. Na przykład, istnieją ikony dla typów plików takich jak PDF, PPT, CSV, AVI, RPM, TXT i inne.

Wybierz ikony typów plików

Następnie możesz przewinąć w dół do sekcji Ustawienia zaawansowane.

Tutaj znajdziesz opcję wyświetlania rozmiaru pliku obok linku do pobrania. Domyślnie jest ona wyłączona, ponieważ może być zasobochłonna.

Zaawansowane ustawienia mimetype

Po zakończeniu pamiętaj, aby kliknąć przycisk „Zapisz zmiany”, aby zapisać swoje ustawienia.

Możesz teraz edytować wpis lub stronę i dodać link do pobrania pliku za pomocą narzędzia do przesyłania multimediów. Po prostu przejrzyj swój wpis, a zobaczysz ikonę pliku obok linku do pobrania.

Pokaż ikony typów plików

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

W tej metodzie użyjemy czcionki ikon, aby wyświetlić ikonę obok linku do pliku załącznika.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Font Awesome. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat jak zainstalować wtyczkę WordPress.

Po aktywacji możesz przejść do strony Ustawienia » Font Awesome z panelu administracyjnego WordPress. Tutaj możesz edytować ogólne ustawienia wtyczki, takie jak wybór, czy ma ona używać ikon pro czy darmowych.

Ustawienia Font Awesome

Następnie możesz edytować wpis lub stronę, do której chcesz dodać link do załącznika.

Po wejściu do edytora treści musisz wprowadzić kod HTML ikony, którą chcesz wyświetlić.

Aby znaleźć ten kod HTML, możesz odwiedzić bibliotekę ikon Font Awesome pod adresem Font Awesome. Po prostu wyszukaj ikonę w pasku wyszukiwania, a następnie kliknij obraz.

Szukaj ikony czcionki

Następnie zobaczysz różne warianty ikony i jej kod HTML.

Kliknij kod, aby go skopiować.

Skopiuj kod ikony

Następnie możesz wrócić do edytora treści WordPress swojej witryny i kliknąć znak „+”, aby dodać blok Niestandardowy HTML.

Stąd po prostu wklej kod swojej ikony do bloku.

Dodaj niestandardowy blok HTML

Po zakończeniu opublikuj lub zaktualizuj swoją stronę.

Teraz możesz odwiedzić swoją witrynę, aby zobaczyć nowo dodaną ikonę dla typu pliku załącznika.

Ikona typu pliku załącznika

Bonus: Sprzedawaj pliki cyfrowe, aby zarabiać online

Teraz, gdy wiesz, jak dodawać ikony typów plików załączników, możesz pójść o krok dalej i sprzedawać różne pliki jako produkty cyfrowe do pobrania. Pozwala to zarabiać pieniądze online lub zachęcać użytkowników do zapisania się do Twojego newslettera w zamian za darmowy zasób.

Najlepszym sposobem na sprzedaż produktów cyfrowych jest użycie Easy Digital Downloads. Jest to jedna z najlepszych platform eCommerce dla WordPress, a jej użycie i konfiguracja są bardzo proste.

Używamy go w niektórych naszych firmach. Więcej informacji na ten temat znajdziesz w naszej pełnej recenzji Easy Digital Downloads.

Easy Digital Downloads łatwo integruje się z różnymi usługami płatniczymi, takimi jak PayPal i Stripe.

Jak akceptować płatności online za pomocą Easy Digital Downloads

Poza tym możesz po prostu przesłać pliki cyfrowe, które chcesz sprzedać, i zacząć zarabiać online.

Wtyczka pozwala dodawać szczegóły, takie jak tytuł i opis, ustawić cenę pobierania, wybrać obraz pobierania i wiele więcej.

Dodawanie nowego produktu cyfrowego do pobrania

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat sprzedaży produktów cyfrowych w WordPress.

Dodatkowe zasoby:

Poniżej znajdują się dodatkowe przydatne zasoby, które mogą okazać się pomocne w zarządzaniu witryną WordPress i mediami:

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać ikony plików załączników w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat jak osadzać pliki PDF, arkusze kalkulacyjne i inne pliki w postach na blogu WordPress oraz naszym wyborem najlepszych najlepszych wtyczek do logowania aktywności i śledzenia w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

6 CommentsLeave a Reply

  1. Ten samouczek jest pomocny! Dodanie ikon typów plików naprawdę poprawia doświadczenie użytkownika, ułatwiając odwiedzającym identyfikację załączników, zanim pobiorą.
    Zrobiłem to na mojej stronie i od razu sprawiło, że moje treści wyglądały bardziej profesjonalnie. Twój przewodnik krok po kroku sprawia, że proces jest tak prosty. Chciałbym zapytać, jak dodanie ikon wpływa na czas ładowania mojej strony?

      • Dziękuję za odpowiedź. Zapytałem, ponieważ używanie ikon często wymaga pobrania lub załadowania bibliotek czcionek, takich jak Font Awesome lub Google Fonts, co może wpłynąć na szybkość strony internetowej. Doceniam, że poinformowałeś mnie, że nie ma to większego wpływu na szybkość mojej witryny.

  2. Nie znam się na WordPressie. Ale przeglądając Twój post, wydaje mi się, że wiem wszystko o WordPressie.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.