Jak dodać tekst do zdjęć w suwaku WordPress

Opublikowany: 2021-07-19

Szukasz prostego sposobu na stworzenie slidera WordPress z tekstem? Modula Cię chroni! Możesz utworzyć suwak WordPress, który umożliwia zmianę koloru tekstu lub podświetlenie tekstu.

Modula to wtyczka suwaka WordPress, która pozwala tworzyć oszałamiające galerie bez dotykania ani jednej linii kodu. Dla programistów istnieje możliwość dodania niestandardowego kodu CSS, aby jeszcze bardziej dostosować swoje galerie.

Przede wszystkim posiadanie suwaka WordPress z tekstem i obrazami pomoże odwiedzającym lepiej zrozumieć Twoje obrazy. Możesz nawet utworzyć suwak referencji lub prosty suwak treści.

W tym artykule pokażę, jak tworzyć profesjonalnie wyglądające obrazy suwaków WordPress z obrazami i układami tekstu.


W tym artykule podzielimy się:

  • Jakiej wtyczki należy użyć, aby utworzyć suwak obrazu WordPress z nakładką tekstową;
  • Jak utworzyć suwak karuzeli WordPress z tekstem ;
  • Dostosowanie do edycji tekstu suwaka w WordPress;
  • I wiele więcej .

Spis treści

  • Po co używać Modula do tworzenia slidera obrazu z animacją tekstu?
  • Jak stworzyć suwak karuzeli WordPress z tekstem?
    • Zainstaluj i aktywuj Modula
    • Utwórz nową galerię
    • Dostosuj swój suwak WordPress za pomocą tekstu
    • Edytuj tekst podpisu
    • Więcej edycji
  • Końcowe przemyślenia

Po co używać Modula do tworzenia slidera obrazu z animacją tekstu?

Modula jest tutaj nie tylko po to, aby pomóc Ci stworzyć oszałamiający suwak WordPress z tekstem, ale także pomóc Ci edytować go tak, jak lubisz. Jest to potężna wtyczka z wieloma przydatnymi funkcjami. Na przykład ma filtrowalne galerie, 42 efekty najechania na obrazy, galerię lightbox i 4 efekty ładowania obrazów, ochronę hasłem, znak wodny, narzędzie do migracji, rozszerzenie wideo, 4 typy siatek: kreatywne, niestandardowe, suwak i mur i wiele jeszcze.

Co więcej, możesz uaktualnić do Modula PRO za jedyne 39 USD.


Jak stworzyć suwak karuzeli WordPress z tekstem ?

Na początek musimy zainstalować i aktywować Modula, aby móc dodać tekst do suwaka obrazu. Ten proces nie zajmie więcej niż kilka minut.

Zainstaluj i aktywuj Modula

Najpierw, aby zainstalować Modula, przejdź do Pulpit nawigacyjny WordPress> Wtyczki> Dodaj nowy.

dodaj nową wtyczkę
Menu WordPress

W rezultacie pojawi się nowa strona z wyświetlonymi wieloma darmowymi wtyczkami WordPress. Aby znaleźć Modula, wpisz Modula w pasku wyszukiwania, a gdy go zobaczysz, kliknij przycisk Zainstaluj teraz .

Instalacja modułu
Zainstaluj moduł

Aby aktywować wtyczkę, kliknij przycisk Aktywuj . Spójrz na lewe menu WordPressa. Możesz tam znaleźć wtyczkę Modula po zakończeniu instalacji. Możesz zainstalować i aktywować dowolną darmową wtyczkę WordPress, wykonując te czynności.

aktywacja modułu
Aktywuj moduł

Utwórz nową galerię

Musimy stworzyć nową galerię i ustawić ją jako slider. Aby utworzyć nową galerię, wybierz Galerie > Dodaj nową .

dodaj nową galerię
Dodaj nową galerię

Następnie nazwij swoją galerię i zacznij przesyłać zdjęcia lub filmy. Możesz to zrobić za pomocą przycisków Prześlij obrazy lub Wybierz z biblioteki .

dodaj nowy tytuł
Dodaj opisowy tytuł i prześlij pliki graficzne

Tak do tej pory wygląda moja przykładowa galeria. Nadałem mu nazwę i wrzuciłem kilka zdjęć.

Suwak WordPress z tekstem
Moja galeria

Dostosuj swój suwak WordPress za pomocą tekstu

Aby dodać tekst do suwaka, ustawmy typ naszej galerii. Jak możemy to zrobić? Wybierz Ustawienia > Ogólne > Typ galerii > Suwak . Do wyboru są 4 różne typy: kreatywny, niestandardowy, suwakowy i murowany.

Suwak WordPress z tekstem
Wybierz suwak

Teraz, gdy mamy już nasz suwak WordPress z tekstem prawie gotowy, najpierw go edytujmy. Modula pozwala zmienić rozmiar obrazu, włączyć przycinanie, edytować rynnę, ustawić szerokość i włączyć Powered by lub Thumbnail Navigator. W tej sekcji możesz znaleźć wszystkie powyższe. Te funkcje dotyczą tylko galerii typu slider.

suwak edycji
Edytuj suwak

Jest więcej funkcji – liczba slajdów do pokazania lub do przewijania, przeciąganie myszą, kropki, tryb środkowy, nieskończona pętla, szybkość animacji, początkowy slajd, a teraz najważniejsze dla nas są napisy do slajdów. Kliknij go, aby włączyć napisy.

Suwak WordPress z tekstem
Włącz napisy

Po włączeniu napisów suwaków przejdź w górę i kliknij ikonę edycji, która pojawia się dla każdego obrazu po najechaniu myszą.

Suwak WordPress z tekstem
Edytuj obraz

Pojawi się nowa strona zawierająca wszystkie informacje o obrazie, który kliknęliśmy, aby edytować. Tekst, który chcesz udostępnić, musisz wpisać w suwaku w polu tekstowym podpisu .

Suwak WordPress z tekstem
Dodaj podpis

W tym oknie możesz edytować tytuł obrazu, wyrównanie i adres URL.

więcej edycji
Więcej edycji obrazu

Możemy wybrać filtr dla tego obrazu lub edytować metadane EXIF.

więcej edycji
Więcej edycji

Nie zapomnij kliknąć przycisku Zapisz i zamknij , aby zapisać zmiany dla tego obrazu, a następnie przejdź do następnego obrazu i powtórz proces.

zapisz obrazy
Zapisz i zamknij

Edytuj tekst podpisu

Aby dodatkowo edytować nasz tekst podpisu, przejdźmy do Ustawienia > Podpisy i edytuj tytuł, jeśli chcesz, aby odwiedzający mogli zobaczyć tytuł Twojego obrazu. Możesz edytować jego kolor, czcionkę tytułu i rozmiar czcionki.

edytuj tytuł
Edytuj tytuł obrazu

Następnie edytujmy nasz tekst podpisu. Możemy zmienić kolor, rozmiar czcionki, czcionkę i styl czcionki oraz rozmiar czcionki na urządzeniach mobilnych.

suwak edycji
Edytuj tekst podpisu

Więcej edycji

Edytuj lightbox i linki oraz włącz przycisk Pokaż podpis obrazu , aby odwiedzający mogli zobaczyć również tekst podpisu w lightbox. Wybierz typ nawigacji i edytuj pasek narzędzi.

suwak edycji
Edytuj suwak

Po zakończeniu edycji suwaka WordPress z tekstem i obrazami nie zapomnij kliknąć przycisku Zapisz galerię . W ten sposób nie stracisz swojej pracy.

zapisz swój suwak WordPress z tekstem
Zapisz galerię

Po zapisaniu Modula wygeneruje krótki kod, którego możesz użyć do wyświetlenia suwaka WordPress z tekstem w poście lub na stronie.

krótki kod
Krótki kod

Końcowe przemyślenia

I w ten sposób możesz stworzyć piękny suwak WordPress z tekstem za pomocą Modula. Podsumujmy wszystkie kroki:

  1. Zainstaluj i aktywuj Modula
  2. Utwórz nową galerię
  3. Dostosuj swój suwak WordPress i edytuj tekst podpisu
  4. Dodaj suwak obrazu do swojej witryny WordPress

Stwórz swój slider z Modula, a to Cię nie zawiedzie!

Zacznij korzystać z Modula