Articles

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:

Photo by NEOSiAM 2020 on Pexels.com

Styl zaokrąglony:

Photo by NEOSiAM 2020 on Pexels.com
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.

Porównanie obok siebie
Porównanie powyżej i poniżej
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

.