Przejdź do głównej treści

Jak dodać kontury na obrazach do WordPressa

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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żę, jak dodać obramowanie obrazu do bloga WordPress bez dotykania jednego wiersza 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 ramek na wszystkich obrazach swoich postów na blogu, zauważysz zmiany na wszystkich obrazach swoich postó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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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:

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
0 akcji
udział
ćwierkanie
Enregistrer