WordPress.com
Obrazy to świetny sposób na wzbogacenie witryny WordPress.com. Ten przewodnik pokaże ci wszystkie różne sposoby dodawania obrazów.
Table of Contents
Typy plików obrazów
Możesz przesłać następujące typy obrazów do postu lub strony:
- .jpg/.jpeg
- .gif
- .png
Table of Contents
Przewodniki po obrazach
Jest wiele rzeczy, które możesz zrobić z obrazami, więc podzieliliśmy je na kilka stron:
- Wgrywanie obrazów – Wszystko o pobieraniu obrazów do twoich postów i stron z twojego komputera, sieci i Biblioteki Mediów.
- Ustawienia obrazu – Dodaj tytuł lub podpis do swoich obrazów. Zawiera informacje, gdzie można znaleźć podstawowe informacje o obrazie, takie jak stałe łącze, wymiary obrazu i typ pliku.
- Edycja obrazów – Czy twój obraz jest do góry nogami lub jest trochę za duży? Oto przewodnik, jak przycinać, obracać i skalować obrazy.
- Galerie i pokazy slajdów – Wyświetlaj swoje obrazy w galerii lub pokazie slajdów.
- Optymalizacja obrazów – Gdy zmniejszysz rozmiar pliku dla obrazów przed ich wstawieniem, ładowanie i strony będą ładować się szybciej.
- Rozwiązywanie problemów – Czy twoje obrazy nie ładują się? Oto kilka wskazówek, jak sprawić, by działały!
- Znajdowanie darmowych obrazów i innych mediów – Potrzebujesz obrazu z domeny publicznej lub copyleft dla swojej witryny? Oto kilka sugestii, gdzie je znaleźć!
Table of Contents
Przykłady
Tutaj są niektóre przykłady robocze, aby pokazać różne sposoby wyświetlania obrazów przy użyciu bloków. Obrazy będą wyglądać inaczej w zależności od motywu, którego używasz na swojej stronie, więc wypróbuj je na swojej stronie!
Wszystkie obrazy są dzięki uprzejmości Pexels Free Photo Library.
Blok obrazów
Blok obrazów służy do dodawania pojedynczych obrazów. Jest minimalistyczny, ale w połączeniu z blokiem Columns, może dać kreatywny projekt, jak pokazano w temacie Coutoire.
Default style:
Styl zaokrąglony:
Blok okładki
Blok okładki najlepiej docenić z motywem umożliwiającym wyświetlanie na całej szerokości. Jest on wspaniale zaprezentowany w motywach Dalston, Alves i Maywood.
Blok zawiera opcje stałego tła, nakładania z gradientem i różnych stylów wyświetlania.
Stałe tło WŁĄCZONE
Stałe tło WYŁĄCZONE
Gradienty Nakładka ze stylami Dolna i Górna fala
.
Blok Galeria
Blok Galeria umożliwia łatwe dodawanie wielu zdjęć i automatyczne układanie ich w atrakcyjny sposób.
Blok pokazu slajdów
Blok pokazu slajdów jest świetny do udostępniania zdjęć bez zajmowania zbyt wiele miejsca na stronie lub w poście. Zobacz go w motywie Rivington.
Poniższy przykład używa opcji autoodtwarzania, dowiedz się o wszystkich innych opcjach w przewodniku po bloku Slideshow.
-
Photo by Hendrik Cornelissen on Pexels.com -
Photo by Elena Blessing on Pexels.com -
Photo by on Pexels.com
Blok Media &Tekst
Blok Media &Tekst pozwala umieścić obraz lub wideo obok siebie z tekstem.
Dostarczany jest z poręczną opcją układania mediów i tekstu na urządzeniach mobilnych.
Kilka kreatywnych sposobów jego użycia znajduje się w temacie Exford i Barnsbury.
„Jeśli istnieje książka, którą chcesz przeczytać, ale nie została jeszcze napisana, to musisz ją napisać.”
– Toni Morrison
Po lewej stronie jest jak stos w opcji mobilnej będzie wyświetlał treści.
Domyślnie media będą wyświetlane na górze.
Blok porównywania obrazów
Użyj bloku porównywania obrazów, aby umieścić dwa obrazy obok siebie (lub powyżej i poniżej) i użyj suwaka, aby ujawnić różnice między tymi dwoma obrazami.
Blok Galeria kafelkowa
Blok Galeria kafelkowa zawiera opcję zaokrąglonych narożników i jest dostępny w czterech różnych stylach:
- Mozaika kafelkowa
- Siatka kołowa
- Kwadratowe kafelki
- Kolumny kafelkowe
Jest to kreatywny sposób na samodzielne udostępnianie obrazów i może być świetnym pomocnikiem bloku Slideshow, jak pokazano w motywie Rivington.
Mozaika kafelkowa
Krąg. siatka
Kwadratowe płytki z opcją Zaokrąglone narożniki
Kolumny z płytkami
CoBlocks
CoBlocks to biblioteka bloków zarządzana przez GoDaddy, udostępniona dla Ciebie na WordPress.com. Obejmuje cztery rodzaje galerii:
- Collage
- Stacked
- Masonry
- Offset
I jest wyposażony w kilka dodatkowych opcji:
- Włącz lightbox obrazów
- Wyświetl lub ukryj podpisy
- Podawaj linki do poszczególnych obrazów
- Kontrolki rynny, aby ustawić przestrzeń między obrazami
- Zastosuj filtry obrazów (Skala szarości, Sepia, Nasycenie, Przyciemnienie, Vintage)
Galerie mogą być wyświetlane w pełnej szerokości z motywami, które na to pozwalają, jak pokazano w motywie Mayland.
Blok Collage
Blok Collage łączy obrazy w piękną galerię kolażu.
Domyślne wyświetlanie
.
Wyświetlacz kafelkowy z filtrem Sepia
.
Wyświetlacz warstwowy z efektem cienia i filtrem skali szarości
.
Blok murarski
Blok murarski wyświetla wiele obrazów w ich optymalnym położeniu na podstawie dostępnej przestrzeni pionowej, trochę jak murarz dopasowujący kamienie w ścianie.
Blok offsetowy
Blok offsetowy wyświetla obrazy w galerii wzoru offsetowego cegły.
Blok Karuzela
Nie mylić z blokiem Karuzela Post, blok CoBlocks Carousel pozwala na wyświetlanie tylko obrazów wewnątrz karuzeli.
Tutaj jest animacja, jak to się wyświetli:
Blok Karuzela jest dostępny tylko w witrynach z planem Business i eCommerce z zainstalowanymi wtyczkami.
Blok Ułożony
Blok Ułożony wyświetla wiele obrazów w jednokolumnowej ułożonej galerii.
Filtr nasycenia
Filtr vintage
- .
-
-
-
-
Blok GIF
Blok GIF umożliwia łatwe dodawanie niektórych obrazów GIF z Giphy.
To kolorowy sposób na wyrażenie uczuć w Twojej witrynie.
Radość
Smutek
.
Zróżnicowane plany i ceny
-
Darmowe
Najlepsze dla studentów
.
-
Personal
Najlepsze dla hobbystów
-
Premium
Najlepsze dla freelancerów
-
Business
Najlepsze dla małych firm
Wybierz plan
.