Istnieje wiele wtyczek graficznych do WordPres. Ale w tym artykule przyjrzymy się wewnętrznemu narzędziu WordPress do wstawiania obrazów do posta. Dzięki niemu możesz wstawiać zarówno pojedyncze zdjęcia, jak i całe galerie. Co więcej, zarówno obrazy, jak i galerie można dowolnie dostosowywać.

Ogólne ustawienia obrazu, zdjęcia i galerii w artykułach WordPress

Możesz ustawić rozmiar wyświetlanych obrazów na stronie. Aby to zrobić, zaloguj się do swojej witryny WP. W menu konsoli potrzebny jest element Opcje → Pliki multimedialne.

Domyślnie otworzy się strona do ustawiania obrazów do wstawiania do artykułów. Tutaj widzimy trzy opcje rozmiarów obrazu: rozmiar miniatury, średni rozmiar, duży rozmiar.

Wyjaśnię, dlaczego potrzebne są trzy rozmiary zdjęć. Przy wstawianiu obrazu do artykułu, w edytorze w formularzu „Dodaj plik multimedialny” Wordpress oferuje do wyboru trzy rozmiary obrazów. To parametry, które ustawisz w tych ustawieniach, będą oferowane do wstawiania do artykułów.

Miniatura artykułu

Ponadto, gdy opublikujesz artykuł, zostaniesz poproszony o utworzenie miniatury artykułu. Ta miniatura zostanie dołączona do artykułu i odzwierciedlona w różnych widżetach i będzie wizytówką artykułu.

Aby prawidłowo wyświetlić miniaturę artykułu na Facebooku, rozmiar miniatury musi wynosić co najmniej 200x200.

Rozmiar miniatury jest ustawiany w szablonie, gdy jest to układ. Aby duże miniatury obrazów były proporcjonalnie przycięte, aby dopasować je do rozmiaru miniatury, zaznacz specjalne pole wyboru w Opcje>>>Pliki multimedialne.

Parametr " Duży rozmiar» ustawić na maksymalną wartość 1024×1024. Ale jeśli chcesz, aby obrazy w całej witrynie były ograniczone do określonych rozmiarów, ustaw te rozmiary w tym elemencie ustawień.

Udostępnianie pliku

Na uwagę zasługuje kolejna pozycja menu, czyli pobieranie plików.

Wszystkie zdjęcia z witryny są przesyłane do tak zwanej „Biblioteki mediów” Twojej witryny. Obrazy są ładowane od razu w trzech rozmiarach określonych w powyższych ustawieniach.

Jeśli w ustawieniach multimediów w pozycji „Umieść przesłane pliki w folderach według miesiąca i roku” zaznacz pole

Następnie obrazy zostaną przesłane do następującego katalogu:

Notatka:

1. Jeśli prześlesz zdjęcie podczas pisania artykułu, zdjęcie zostanie dołączone do tego artykułu.
2. Jeśli z jakiegoś powodu edytujesz zdjęcie podczas edycji artykułu, wszystkie wersje zdjęć pozostają w bibliotece, nie są usuwane automatycznie.
3. Jeśli prześlesz zdjęcie bezpośrednio do biblioteki „Pliki multimedialne”, zdjęcie zostanie uznane za niepowiązane.

Załączone i niezałączone zdjęcia

Wyjaśnię, co to znaczy i czym różnią się załączone i niezałączone zdjęcia. Wszystkie zdjęcia połączone z tym artykułem mogą być domyślnie wyświetlane w artykule jako prosta galeria WordPress. Aby stworzyć prostą galerię, nie musisz instalować dodatkowych wtyczek, wystarczy edytor wizualny umieść krótki kod galerii w dowolnym miejscu artykułu, . Galerie WordPress, domyślne, konfigurowalne, krótkie kody różnego rodzaju galerie poniżej.

Bardziej szczegółowo zajmę się wstawianiem poszczególnych obrazów i galerii zdjęć do artykułów.

Jak wstawić obraz do artykułu WP

Edytor WordPress umożliwia pełne osadzanie obrazów, zdjęć i galerii w postach WordPress. Odbywa się to po prostu. Zilustruję to przykładem na zrzutach ekranu.

• Otwórz konsolę→Wpisy→Dodaj nowy.
• Aby wstawić zdjęcie do artykułu, kliknij „Dodaj plik multimedialny”.

• Wybieramy zdjęcie albo z komputera, albo z Internetu według adresu URL, lub z biblioteki wcześniej przesłanych zdjęć, witryny.

Przed dodaniem zdjęcia do artykułu (po prawej) wybierz rozmiar zdjęcia, które ma zostać zainstalowane w artykule, podaj tagi alt, nazwę zdjęcia i jeśli chcesz, opis zdjęcia.

• W kolumnie „Link” ustaw jako, na zrzucie ekranu „Plik multimedialny”. Jeśli wtyczki otwierające zdjęcia w okna modalne zdjęcie otworzy się w osobnym oknie.

• Jeśli ustawisz nie „Plik multimedialny”, ale „Strona załącznika”, zdjęcie otworzy się najpierw jako strona witryny ze zdjęciem (plik załącznika), a dopiero potem w osobnym oknie, jako zdjęcie.
• Możesz poprawić wyświetlanie zdjęcia podczas edycji zdjęcia. Przeczytaj poniżej „Wstaw zdjęcie” do artykułu lub strony.

Edytuj zdjęcie

Edycja, finalizacja zdjęcia w artykule

W edytorze możesz dodatkowo dostosować wyświetlanie zdjęć. Aby to zrobić, kliknij zdjęcie w edytorze i wybierz ikonę edycji.

W ustawieniach zdjęć artykułu możesz zmienić:

• Położenie (3) (lewo, środek, prawo, brak)
• Zmień rozmiar (4) (proporcjonalnie);
• Wybierz link, który otworzy się po kliknięciu zdjęcia (5) (Brak, Plik multimedialny, Strona z załącznikiem, Niestandardowy adres URL);

Edytuj zdjęcie

Jeśli ustawisz „Strona załącznika”, zdjęcie otworzy się w osobnym oknie, pod adresem URL załącznika. Jeśli ustawisz „Plik multimedialny”, zdjęcie będzie otwierane jako zdjęcie na osobnej stronie lub w wyskakujących oknach, jeśli używasz wtyczek do wyświetlania zdjęć w wyskakujących oknach (takich jak Lightbox). „Niestandardowy URL” przeniesie użytkownika, który kliknął zdjęcie, na określony adres URL.

• Dodatkowe ustawienia: możesz dodać styl obramowania, poziome i pionowe wcięcia (wł najnowsze wersje„Style” WordPress nie działa).

Przykład stylu ramki:obramowanie: 5px stałe czerwone;

Jak wstawić galerię do posta WordPress

Aby wstawić galerię do artykułu, musisz:

• Wybierz „Wstaw galerię”;
• Wybierz „Prześlij zdjęcie”;
• Wybierz na komputerze zdjęcia, których potrzebujesz do galerii;
• Dostosuj wyświetlanie galerii: liczba kolumn i kolejność wyświetlania zdjęć;
• Kliknij „Wstaw galerię”.

Rozmiar miniaturek w galerii będzie odpowiadał rozmiarom miniatur ustawionym w zakładce (Ustawienia→Pliki multimedialne).

Dodawanie galerii ze skrótami

Galerie można tworzyć za pomocą skrótów WordPress w Edytor tekstu(HTML) na stronie Edycja. Aby to zrobić, przejdź do edytora tekstu (przycisk „Tekst” w prawym górnym rogu edytora) i wklej żądany kod wybierz spośród przedstawionych poniżej.

Umieść wszystkie kody galerii w artykułach WordPress w nawiasach kwadratowych, [kod tutaj]

//Prosta galeria zdjęć dołączona do galerii artykułu// //Galeria z 5 kolumnami// Gallery columns="5" //Galeria połączona z plikiem multimedialnym,// //kliknięcie otwiera sam obraz, a nie jego stronę/ / galeria link="plik" order="DESC" kolumny="5" //Dodaj (wyklucz)/usuń (dołącz) zdjęcia według ich ID (87,11 /23,39,45). gallery exclude="87,11" include= "23,39,45" //Galeria z innych postów według identyfikatora zdjęcia// gallery id="333" //Galeria z rozmiarem zdjęcia, małym,// //średnim i dużym rozmiary zdefiniowane w ustawieniach. Pliki multimedialne w konsoli// galeria size="medium" lub galeria size="large"

Dodaj galerię ze zdjęciami dołączonymi do artykułu

Wszystkie zdjęcia, które przesyłasz z edytora podczas pisania artykułu, są dołączane do tego artykułu, podczas gdy system tworzy załącznik. Możesz także połączyć zdjęcia z biblioteki multimediów do artykułu.

Wszystkie zdjęcia dołączone do artykułu można wyświetlić w dowolnym miejscu artykułu, wstawiając prosty shortcode galerii w artykułach WordPress: Galeria w nawiasach kwadratowych (). Następnie wszystkie załączone zdjęcia do tego artykułu pojawią się w artykule jako galeria.

• Pozwól mi wyjaśnić. Tworzyć prosta galeria na stronie, nie możesz wstawiać zdjęć do artykułów w edytorze.
• Utwórz artykuł, w odpowiednim miejscu w tekście wstaw krótki kod z powyższej listy.
• Zapisz artykuł, nie musisz go publikować.
• Następnie przechodzimy do Biblioteki Mediów, wgrywamy wymaganą ilość zdjęć do galerii i wszystkie załączamy do naszego postu.
• Możesz także dodać galerię do dowolnego artykułu z Menedżera mediów lub dodać galerie do artykułów WordPress bez wchodzenia do edytora artykułów.

Niesamowita funkcja w WordPressie!

Zacznę od zera. Na początek powinieneś zrozumieć różnicę między miniaturami a zwykłymi obrazami z postu. Miniatura to coś w rodzaju miniatury posta; nie można jej nawet użyć w samym poście.

Załóżmy, że masz jakąś kategorię, a na stronie tej kategorii przed niektórymi wpisami (a może przed każdym) jest jakiś obrazek, który w rzeczywistości jest podglądem posta, czyli miniaturowy. Jeśli przejdziemy na stronę jednego z postów, możemy znaleźć to zdjęcie w jego treści lub możemy go nie znaleźć.

Ogólnie rzecz biorąc, w skrócie, miniatura to obraz podglądu postów, które:

• mogą, ale nie muszą być wykorzystywane w treści postów,
• mogą być wyświetlane wraz z linkiem do postu na stronach kategorii, tagów, archiwów itp.,
• można automatycznie dopasować do określonego rozmiaru (mam na myśli rozdzielczość obrazu),

W rzeczywistości możesz nawet użyć go jako tła strony internetowej, czyli tzw. dla każdego wpisu - własne tło.

Krok 1: Włącz obsługę miniatur w motywie WordPress

Aby korzystać z miniatur na swojej stronie, musisz je najpierw włączyć, ponieważ ta funkcja jest domyślnie wyłączona.

Aby aktywować miniaturki, wystarczy wkleić następujący wiersz kodu do pliku functions.php (plików o tej nazwie może być wiele - potrzebujemy tego, który znajduje się bezpośrednio w folderze z aktualnym motywem).

Jeśli nie chcesz używać miniatur w całości naraz, możesz dołączyć je na przykład tylko do postów (post):

lub tylko dla postów i tylko dla stron:

add_theme_support( "post-miniaturki" , array ( "post" , "strona" ) );

Czy można przypisać miniaturę do taksonomii WordPress?

Standardowo – nie. Możesz użyć dowolnej z wtyczek, które dodają (w tym kategorii i tagów) lub pisać URL obrazu w opisie konkretnego elementu taksonomii.

Krok 2. Jak ustawić miniaturę dla posta?

Ogólnie rzecz biorąc, istnieją dwa sposoby instalowania miniatur za pośrednictwem panelu administracyjnego. Nie różnią się zbytnio od siebie - możesz użyć tego, który wydaje Ci się wygodniejszy.

Metoda 1. Metabox „Miniatura posta”

On jest taki:

"> ">

Ten przykład wyświetla tytuły ( funkcja ) i miniatury postów z linkami ( funkcja ) do samego posta.

Ten sam przykład dla funkcji:

"> ">

Pobieranie adresu URL miniatury za pomocą wp_get_attachment_image_src() i get_post_thumbnail_id()

Jeśli potrzebujesz pomocy ze swoją stroną internetową, a może nawet tworzeniem od podstaw - .

Pisząc nowe artykuły na blogu, często musimy dodawać różne zdjęcia, zdjęcia i grafiki. Jest na to kilka sposobów. Jak wstawić obraz w wordpressie, omówimy szczegółowo w tym artykule w przystępnym języku.

Czy dodawanie zdjęć jest naprawdę tak proste, jak mówię? Oceńcie sami, może dla niektórych to drobiazgi, ale i tak warto zastanowić się nad przykładami w jaki sposób można wstawić zdjęcie lub grafikę na stronę.

Nawigacja po stronie:

Przesyłanie obrazów w wordpressie, jak dodawać obrazy do postu wordpress

Dodanie obrazu do postu ma miejsce, ładowanie obrazów w WordPress odbywa się na kilka sposobów jednocześnie:

1. Z biblioteki WordPress.
2. Z komputera.
3. Z innej strony.

Możesz także obejrzeć film o dodawaniu obrazów:

Jak widać, mamy trzy opcje na raz. Każdy z nich ma takie samo początkowe działanie. Jest to wybór miejsca, w którym będzie nasz obraz, poprzez umieszczenie kursora w żądanym punkcie i kliknięcie przycisku „Dodaj plik multimedialny” znajdującego się w lewym górnym rogu

Po kliknięciu przycisku otworzy się okno dialogowe, w którym możemy wybrać metodę dodawania grafiki.

Jak wstawić obraz w wordpressie z biblioteki plików

Aby dodać z biblioteki, musimy znaleźć potrzebny nam plik za pomocą paska przewijania lub za pomocą wyszukiwania. Dodatkowo dla wygody wyszukiwania możemy sortować nasze pliki po ich rodzaju i dacie dodania.

Po odnalezieniu naszego pliku możemy go dodać po jego edycji, nadając mu tytuł i , które będą wyświetlane po najechaniu na nasz obraz po opublikowaniu go w serwisie.

W tym menu możesz nie tylko ustawić nazwę, ale także dostosować sposób wyświetlania na stronie:

• Wyrównaj względem tekstu (blok treści).
• Utwórz link do innego artykułu lub do innej witryny. Aby użyć obrazka w trybie stacjonarnym (tylko dla tego posta), musisz usunąć link i ustawić go na "Nie".
• Zmień rozmiar wyświetlacza w podanych proporcjach.

Po uzupełnieniu wszystkich wymaganych ustawień kliknij przycisk „Dodaj do nagrania”. Następnie dodane zdjęcie na stronie zostanie wyświetlone w naszym edytorze artykułów.

Jak wstawić obraz do posta WordPress z komputera?

Aby dodać zdjęcie z komputera, musisz najpierw załadować je do naszej biblioteki.

Aby to zrobić, kliknij „Prześlij pliki”, a następnie wybierz żądany plik z komputera.

Po przesłaniu obrazu wykonujemy powyższe ustawienia i również cieszymy się wynikami naszej pracy.

Jak dodać obraz do posta WordPress z innej witryny

Aby wstawić obraz do strony Wordpress z innej witryny, musisz wybrać zakładkę „Wstaw z witryny” i dokonać niezbędnych ustawień.

Jak widzimy, aby dodać zdjęcie do posta z innej strony, potrzebujemy linku do zdjęcia dostępnego w Internecie. Po wpisaniu adresu URL obrazek będzie wyświetlany i edytowalny w znany nam sposób.

To kończy tę lekcję. Zgodnie z obietnicą wszystko jest dość proste i przewidywalne, a opisane w przystępny sposób dla wszystkich czytelników, jeśli tak nie jest, to zostawcie swoje komentarze, a postaram się poprawić to, co nie jest jasne.

Dodawanie plików do postów i stron nie różni się niczym, ale możesz o tym przeczytać ogólnie. W następnym przyjrzymy się użyciu i .

Obrazy na stronie są integralną częścią nie tylko jej projektu, ale także zawartości. Bez obrazów odwiedzający zobaczy tylko szare treści informacyjne, które nie są atrakcyjne. Nie można sobie wyobrazić nowoczesnej strony internetowej bez obrazów.

Najczęściej obrazy można znaleźć w projektach edukacyjnych, portalach informacyjnych, sklepach internetowych i innych rodzajach witryn. W związku z tym istnieje potrzeba przesyłania zdjęć do serwisu. Istnieją dwa najczęstsze sposoby dodawania obrazów do wordpress. To o nich się teraz nauczysz.

Przesyłanie obrazów do WordPressa z komputera

Prawdopodobnie z tytułu jasno wynika, o co chodzi. Aby przesłać obrazy w WordPress, otwórz stronę lub post, w którym chcesz umieścić obraz. Następnie kliknij przycisk Dodaj multimedia. Jest duży i zauważalny, więc nie powinno być problemów ze znalezieniem go. Następnie kliknij przycisk „Wybierz plik”, aby przejść do okna wyboru. Znajdź żądany obraz na swoim komputerze i kliknij przycisk „Otwórz”.

Zanim to zrobisz, zalecamy sprawdzenie nazwy obrazu. Musi być napisany łacińskimi literami. W przeciwnym razie mogą wystąpić problemy z jego wyświetlaniem na stronie Twojej witryny w niektórych przeglądarkach i urządzeniach.

Przesyłanie obrazów w WordPressie z innych witryn

Wszystko tutaj, podobnie jak w pierwszym przypadku, jest niezwykle proste, z wyjątkiem tego, że pobierasz plik nie ze swojego komputera, ale z innej witryny. Aby to zrobić, musisz znać adres URL - adres obrazu. Znajdź obraz, który Ci się podoba w Internecie i kliknij go prawym przyciskiem myszy. Kliknij element w menu „Kopiuj adres URL obrazu”. Następnie adres URL obrazu będzie w schowku.

Teraz przejdź do konsoli, otwórz stronę lub post, w którym chcesz umieścić obraz i kliknij przycisk „Dodaj plik multimedialny”. Następnie przejdź do zakładki „Wstaw z serwisu”. W długiej linii wklej skopiowany wcześniej adres URL obrazu. Aby to zrobić, kliknij go prawym przyciskiem myszy i wybierz „Wklej”. Zapisz i obraz zostanie załadowany.

Pamiętaj jednak, że instalując obraz w ten sposób, możesz utracić go na swojej stronie, jeśli oryginalne źródło usunie obraz lub zmieni jego adres.

Były to najwygodniejsze i najczęstsze metody dodawania obrazu w WordPressie.

Będziesz zainteresowany poznaniem efektu, który można zastosować do obrazu w WordPress.

Na miejscu i dziś. Obecność obrazu na stronie witryny jest niezbędnym atrybutem. Obraz wyjaśnia treść, odwiedzający lepiej odbierają informacje. Rozcieńcza tak zwany „arkusz” tekstu, oczy czytelnika chwilowo odpoczywają.

Dostosowywanie plików multimedialnych w WordPress

Osadzanie obrazu w wordpressie jest łatwe. Ale zacznę od innej, nie mniej ważnej informacji. Wiele witryn podaje instrukcje, jak wstawić obraz do tekstu wordpress, ale z jakiegoś powodu nikt nie mówi o ustawieniach. Po instalacji musisz uruchomić. W rozdziale Ustawienia ⇒ Pliki multimedialne Domyślnie zobaczysz to zdjęcie.

Należy pamiętać, że każde pole ma wymiary w pikselach. Zdecydowanie polecam ustawienie wszystkich wartości na zero! I własnie dlatego. Kiedy dodasz obraz do witryny, wordpress tworzy również trzy! kopie tego obrazu. Razem zdobądź 4! (z zastrzeżeniem rozmiaru do pobrania) kopie.

Na hostingu w folderze wp-content / przesyłane znajdź 4 pliki.

Teraz wyobraź sobie, że wstawisz wiele obrazów do WordPressa. Szybko zajmiesz miejsce na hostingu (niepotrzebne! pliki) i będziesz musiał przejść na droższy plan taryfowy. Swoją drogą ten, którego używam ma całkiem niezłe warunki i stawki.

Więc ponownie ustaw wszystkie wartości na zero! Również przed publikacją jest to absolutnie konieczne i pożądane jest wstawienie tylko . Ale to już temat na inny artykuł.

Przejdźmy bezpośrednio do tego, jak wstawić obraz wordpress.

Jak wstawić obraz w wordpressie

Uważamy, że zdjęcia zostały już przygotowane na komputerze do instalacji na stronach serwisu lub w zapisie. W edytorze tekstu umieść kursor w żądanym miejscu we wpisie i naciśnij Dodaj plik multimedialny.

1. Prześlij plik z komputera.
2. Prześlij plik z biblioteki wordpress.
3. Wklej ze strony.

Dodaj obraz z komputera

Kliknij Prześlij pliki ⇒ Wybierz pliki. W oknie, które zostanie otwarte, wybierz plik z komputera. Wszystko jest proste.

Dodaj obraz z biblioteki wordpress

W konsoli wordpress na karcie pliki medialne naciśnij Dodaj nowe.

I pobierz niezbędne pliki ze swojego komputera.

Wstaw obraz do wordpress ze strony internetowej

Aby wstawić obraz ze strony do wordpress, musisz kliknąć Wklej z witryny i wprowadź adres URL obrazu. Jeśli nie wiesz, skąd wziąć adres URL, powiem ci. Na stronie najedź myszą na obraz, kliknij prawym przyciskiem myszy. Z listy rozwijanej wybierz Kopiuj adres obrazu.

dostosowywanie obrazu wordpress

Nie ma znaczenia, w jaki sposób prześlesz obraz do wordpress, musisz wprowadzić ustawienia.

nagłówek- nazwa obrazu. Możesz określić słowo kluczowe.

Podpis- po wypełnieniu tego pola wpis ten będzie widoczny pod zdjęciem na stronie.

alt atrybut- pole obowiązkowe. Roboty wyszukujące odczytują ten atrybut. Jeśli nie ma panelu webmastera, pojawi się ostrzeżenie o błędzie na stronie. Ponadto, jeśli odwiedzający z jakiegoś powodu nie zobaczy obrazu, zobaczy ten wpis. Warto wpisać tutaj frazę kluczową, dla której promujesz artykuł.

Opis To pole dotyczy również wyszukiwarek. Może nie być wypełniony.

wyrównanie- tutaj wszystko jest jasne. Określ, gdzie obraz zostanie umieszczony na stronie.

• Arbitralny URL — określ adres strony, na którą odwiedzający zostanie przekierowany po kliknięciu.
• Plik multimedialny - po kliknięciu obraz otworzy się bez strony internetowej.
• Strona załącznika - po kliknięciu obraz otworzy się na stronie z projektem witryny.
• Nie - po kliknięciu nic się nie stanie. Obraz nie jest aktywny.

Wydaje się, że to wszystko. Takie proste pytanie, ale artykuł okazał się dość obszerny. Myślę, że teraz z łatwością wykonasz tę akcję.

Powodzenia! Udekoruj swoją witrynę Wordpress użytecznymi i pięknymi obrazami.