Share This

Tworząc wpisy w WordPress często chcemy je wzbogacić ilustracją, wstawić grafikę lub fotografię - czyli po prostu wstawić plik graficzny. Na stronach www używamy plików graficznych najczęściej w formacie .jpg lub .png jeśli używamy przeźroczystości, mniej powszechny jest format .gif, który w czasach strony html'owych był w powszechnym użyciu zwłaszcza jako gif animowany.

W tym tutorialu pokaże jak dodać obrazek do wpisu WordPress - dla bardzo początkujących użytkowników może to być problem, jest to jednak czynność banalnie prosta.

 

1. Logujemy się do zaplecza WordPress i przechodzimy do zakładki Wpisy >>> Wszystkie wpisy. W tym tutorialu użyję wpisu "Witaj świecie" czyli tego tworzonego podczas instalacji nowego, świeżego WordPress'a. Klikam w tytuł wpisu żeby przejść do jego edycji.

wordpress, wpis, obrazek

 

2. Znajdujemy się w standardowym edytorze wizualnym WordPress'a. Żeby dodać do treści wpisu obrazek, grafikę, fotografię, umieszczamy kursor myszki w miejscu gdzie chcemy umieścić plik graficzny a następnie klikamy button "Dodaj medium"

wordpress, wpis, obrazek

 

3. Jesteśmy w panelu "Dodaj medium" w zakładce "Biblioteka mediów". Z tego miejsca możemy wstawić dowolny plik - w tej chwili jest ich mało ale gdyby było więcej moglibyśmy użyć okienka "Przeszukaj media" żeby odnaleźć interesujące nas pliki. Oczywiście wyszukiwanie obrazków możliwe byłoby tylko gdybyśmy je wcześniej opisali - co jednak pewnie nie wielu praktykuje z czystego lenistwa.

Jeśli w tym panelu nie ma interesujących nas grafik możemy je dodać za pomocą zakładki "Dodaj pliki" nie pokażę tego w tym tutorialu ale każdy aktywny użytkownik facebooka robił to z pewnością wiele razy.

wordpress, wpis, obrazek

 

4. Klikam wybrany plik graficzny - zostaje on podświetlony niebieską ramką i ikonką - jednocześni z prawej strony pojawia się panel w którym możemy dodać

- Tytuł

- Etykietę

- Alternawtywny tekst - tekst który pojawi się jeśli obrazek nie wczyta się lub podczas jego dłuższego wczytywania 

- Opis

Powyższe pola warto uzupełnić jeśli zależy nam na pozycjonowaniu grafik na naszej stronie www Puławy

Kolejne pola to ustawienia załączonego pliku we wpisie w którym go umieścimy. Domyślnie WordPress wstawiając grafikę do wpisu zmniejsza ją ustawiając rozmiar średni - czyli 300 px szerokości.

Klikam niebieski button "Wstaw do wpisu"

wordpress, wpis, obrazek

 

 5. Ponieważ ustawione było wyrównanie grafiki do lewej mamy teraz taki układ

wordpress, wpis, obrazek

 

6. Wystarczy kliknąć w obrazek żeby pokazało się menu jego edycji. Ikony 1-4 służą do zmiany jego położenia. Ikonka 6 pozwala na skasowania obrazka z wpisu. Ikonka 5 służy do edycji jego wszystkich parametrów we wpisie - klikam ją.

wordpress, wpis, obrazek

 

7. Jak widać to okno jest odpowiednikiem panelu bocznego który pojawił się w "Dodaj medium" kiedy wybraliśmy i zaznaczyliśmy obrazek - jest tu jednak trochę inny układ, możemy także dodać klasę CSS do obrazka.

wordpress, wpis, obrazek

 

 8. W "Ustawieniach wyświetlania" możemy wybrać inny rozmiar obrazka spośród zdefiniowanych lub określić własny rozmiar pliku graficznego.

wordpress, wpis, obrazek

 

9. Wybierając opcję "Własny rozmiar" w ustawieniach wyświetlania możemy dokładnie zdefiniować rozmiar obrazku. Jeśli zmieniamy szerokość to wysokość pliku automatycznie zostaje proporcjonalnie przeskalowana.

wordpress, wpis, obrazek

 

 

 

 

 

 

 

Przydało się? - Udostępnij

Administracja Wordpress - popularne

Jak zmienić kategorię wpisu w WordPress. Jak przypisać wpis w WordPress do wielu kategorii na...

Tworząc rozbudowane strony www Lublin lub blog z dużą ilością wpisów w WordPress warto zadbać żeby struktura tych wpisów była w jakiś sposób uporządkowana.Kategorie wpisów służą właśnie do...
Czytaj dalej

Kopia zapasowa WordPress - Akeeba Backup dla Wordpress - jak wykonać kopię strony www Lublin na...

Umieszczając naszą stronę internetową na serwerze i podpinając pod domenę jesteśmy narażeni na wiele niebezpieczeństw. Warto zadbać o jej bezpieczeństwo poprzez instalacje dobrych zabezpieczeń bo...
Czytaj dalej

Wtyczka iThemes Security - Jak zmienić domyślny adres strony logowania w Wordpress - wp-admin jak...

Domyślny adres logowania w WordPress to naszadomena.pl/wp-admin. To że WordPress jest tak popularny oprócz wielu zalet ma kilka wad - jedną z nich jest to że są ludzie którzy próbują przejąć...
Czytaj dalej

Zmiana adresu strony www na WordPress z poziomu Kokpitu - jak zmienić domenę WordPressa

Zmiany domeny możemy dokonać z poziomu Kokpitu WordPress'a - najczęściej robimy to jeśli przenosimy stronę na inny serwer i jednocześnie zmieniamy domenę. Warto tę łatwą z pozoru czynność dobrze...
Czytaj dalej

Instalacja wtyczki WordPress - instalacja Akeeba Backup dla Wordpress - kopia zapasowa strony na...

Wtyczki w WordPress w łatwy sposób rozszerzają funkcjonalność naszej strony. W tym tutorialu pokażę jak zainstalować wtyczkę z poza bazy tych dostępnych przez panel dodaj wtyczki - będzie to wtyczka...
Czytaj dalej

Jak dodać button czytaj dalej do wpisu WordPress - button zobacz więcej do strony www Lublin na...

Tworząc bardziej złożone, dłuższe wpisy w WordPress warto podzielić treść wpisu na zajawkę i tekst właściwy. Zajawka to krótki wstęp który ma zachęcić czytelnika do zapoznania się z całą treścią...
Czytaj dalej

Ilość wpisów na stronie głównej WordPress

Tworząc bloga czy portal firmowy na WordPress chcemy mieć kontrolę nad ilością wpisów wyświetlanych na stronie głównej naszego serwisu. WordPress nie oferuje tak zaawansowanych ustawień jak Joomla...
Czytaj dalej

Zmiana adresu strony www na WordPress w bazie danych

Jeśli straciłeś dostęp do Kokpitu Wordpress przez przypadkową zmianę domeny możesz w łatwy sposób przywrócić jej działanie modyfikując wpis w bazie danych naszego serwera. O ile sam panel baz danych...
Czytaj dalej

Wtyczka iThemes Security - Limit prób logowania do panelu admina WordPress

Jednym ze sposobów na włamanie się do naszej strony www jest nieautoryzowane zalogowanie się do zaplecza. Włamywacz próbuje uzyskać dostęp do naszej strony www Lublin na WordPress poprzez...
Czytaj dalej