Czy chcesz dodać kontury do obrazu witryny WordPress? Niedawno jeden z naszych subskrybentów zapytał nas, jaki jest najłatwiejszy sposób dodawania obramowań w WordPress.

Chociaż prawdą jest, że najłatwiejszą metodą jest użycie kodu CSS, ta metoda nie zawsze jest dostępna dla początkujących.

W tym samouczku pokażę Ci, jak dodać obramowanie obrazu do twojego blog WordPress bez dotykania ani jednej linii kodu.

Pierwsza metoda: za pomocą wtyczki

Ta metoda jest bardziej odpowiednia dla początkujących, którzy nie chcą używać kodu HTML / CSS. Pierwszą rzeczą do zrobienia jest zainstalowanie i aktywacja wtyczki Obramowanie obrazu WP dostępne na WordPress.org.

Teraz wszystko, co musisz zrobić, to uzyskać dostęp do „ ustawienia> Granice obrazów WP » aby wyświetlić ustawienia wtyczki.

Pierwsza sekcja wtyczki umożliwia kierowanie na obrazy. Możesz dodać obramowanie do wszystkich obrazów na swoich blogach WordPress, klikając pole wyboru, klikając „ dodaj ramki do wszystkich zdjęć w postach na blogu”.

Alternatywnie możesz określić klasy, aby dodać obramowania do niektórych obrazów, określając je w „ Dodaj tutaj konkretne klasy”.

Druga opcja pozwala dostosować granice obrazów. Możesz wybrać styl obramowań, szerokość, zaokrąglenie i kolor.

Ostatnia sekcja na tej stronie umożliwia dodanie cienia do krawędzi. Możliwe jest zdefiniowanie położenia cienia i jego intensywności. Jeśli nie chcesz dodawać tej opcji, możesz pozostawić te pola puste.

Pamiętaj, aby zapisać swoje ustawienia po zakończeniu.

Jeśli wybrałeś wyświetlanie obramowań na wszystkich obrazach postów, Twój blog, zauważysz zmiany na wszystkich obrazach swoich artykułów.

Jak dodać klasę do obrazów na WordPressie

Jeśli chcesz dodać obramowanie do wybranych obrazów, zawsze powinieneś powiedzieć WordPress, że są to obrazy, które wybrałeś, a aby to zrobić, konieczne jest dodanie klas do obrazów.

Kiedy jesteś w edytorze tekstu WordPress, klikając jeden z obrazów, zauważysz etykietkę z dodatkowymi opcjami. Kliknij ikonę edycji, aby dodać klasę niestandardową do danego obrazu.

obraz

Klikając na nią, pojawi się nowe okno. W tym oknie możesz dodać własną klasę.

obraz

Będziesz musiał kliknąć na składane pudełko « zaawansowane opcje”, Co spowoduje wyświetlenie dwóch dodatkowych pól tekstowych. To jest w pudełku " Klasa CSS obrazu Możesz dodać klasę obrazu.

Druga metoda: użycie kodu HTML i CSS

Dodawanie obramowań do obrazów za pomocą HTML i CSS to szybka metoda. Jest kilka sposobów na osiągnięcie swoich celów, pokażę Ci każdą metodę, a Ty wybierzesz tę, która Ci odpowiada.

Jak dodać obramowania w linii na WordPressie

Po wysłaniu obrazu do biblioteki multimediów należy przejść do trybu edytora tekstu. Zauważysz kod HTML odpowiadający Twojemu obrazowi. Ten kod będzie podobny do następującego:

Kod obrazu

Następnie wystarczy dodać kod CSS w tej samej linii obrazu. Ten kod będzie podobny do następującego kodu:

obraz-code-2

Zauważysz, że atrybut „ styl Dodano do kodu. Możesz użyć różnych właściwości CSS, aby dostosować ramkę (Oczywiście manewr ten jest zarezerwowany dla doświadczonych użytkowników).

To wszystko w tym samouczku, mam nadzieję, że pomoże ci to faktycznie dodać obramowanie do twoich obrazów na WordPress.