Z każdą optymalizacją staramy się oferować lepsze wrażenia odwiedzający i subskrybentów naszych blogów WordPress. I choć mamy świadomość, że na blogu piękno nie jest najważniejsze, to jednak wiemy, że czasem to, co piękne, potrafi przykuć uwagę.

W tym samouczku pokażę Ci, jak zwrócić uwagę czytelników na obrazy Twój blog, dodając animację myszy po najechaniu kursorem (Efekt aktywowania), aby wyświetlić ich szczegóły za pomocą wtyczki Niesamowite efekty Hover.

niesamowite-hover efekty

Co zrobisz najpierw, to zainstaluj i aktywuj wtyczkę dostępną na WordPress.org z pulpitu nawigacyjnego. Możliwe jest również włączenie wtyczki plik zip.

niesamowite efekty-hover-of-table-Board-instalacji

Jak stworzyć nowy efekt najechania kursorem

Po zainstalowaniu i aktywacji wtyczki nowe menu „ Efekty hover p Zostanie dodany do deski rozdzielczej. Kliknij podmenu « Dodaj dniu Z tego menu, aby stworzyć nowy efekt. Interfejs tej nowej strony jest podobny do interfejsu stron i artykułów. Zamiast edytora wizualnego składa się z 2 meta boxów, które pozwalają odpowiednio:

Aby dodać obraz, tytuł i opis. Aby dodać więcej zdjęć, możesz kliknąć przycisk „ Najedź Dodaj więcej informacji ".

Hover obrazu meta-box

Dodaj efekty do różnych obrazów z „ Efekty Hover Ustawienie ”. Możesz wybrać styl, efekt, kierunek, efekt kolorowy. Szerokość i wysokość obrazu są ustawiane za pomocą opcji „ Szerokość obrazu "A" Wysokość obrazu ".

unoszą-efekt-on-the-pictures

Uwaga : Kategorie umożliwiają grupowanie różnych list obrazów. Konieczne jest użycie kategorii, aby wyświetlić listy obrazów na stronie lub artykule.

Jak wyświetlić listę obrazów na stronie

Poniższe dotyczy również stron. Aby dodać listę obrazów w artykule, musisz kliknąć przycisk „ unosić Krótki kod Opublikowane w edytorze wizualnym.

Add-A-List-of-obrazie

Kliknięcie go spowoduje dodanie do edytora krótkiego kodu z właściwością „ kategoria », Który ma wartość« CATEGORY_NAME Zastąpiony identyfikatorem jednej z utworzonych kategorii.

hover kategoria-identfiant-of-a-kategorii

Po dodaniu identyfikatora tej kategorii opublikuj swój artykuł i zapoznaj się z nim, aby zobaczyć, jak wygląda nowa lista.

hover kategoria-demo

Zapraszam do obejrzenia więcej niż demo na stronie autora.

przed opuszczeniem

Musisz wiedzieć, że istnieje Wersja Premium wtyczki, Ta wersja oferuje więcej efektów (więcej) i inne ciekawe elementy. To wszystko w tym samouczku dotyczącym dostosowywania obrazów. blog WordPress.