Návod ako pridať obrázok vo WordPress – ako ho nahrať z počítača a nastaviť nadpis a titulok. Ukážeme si aj, ako nastaviť ilustračný obrázok pre článok.
Vo WordPress sú vaše obrázky a ostatné média uložené v knižnici médií. Ich pridanie do článku alebo na stránku je veľmi jednoduché. Môžete tiež pridávať linky na stiahnutie súborov vo formátoch PDF a Wordových dokumentov. Dajú sa tiež vkladať, zarovnať a prepojiť obrázky a ich galérie.
Nahranie obrázku
Ak chcete pridať obrázok do príspevku alebo na stránku, tak to vizuálnom editore kliknite na tlačidlo „Pridať súbor“. Otvorí sa vám okno vašej knižnice médií. Ak image, ktorý chcete vložiť nie je v knižnici médií, kliknite na „Nahrať súbory“. Umožní vám to nahrať obrázok z vášho počítača.
Súbory, ktoré chcete vložiť do knižnice médií jednoducho presuňte z počítača alebo vyberte možnosť „Vybrať súbory“. Po nahraní obrázkov sa vám otvorí knižnica médií so všetkými ilustráciami, ktoré už na stránke máte. Iný spôsob pridania obrázkov do knižnice médií je cez menu administrácie. Nájdite možnosť „Multimédiá“ a vyberte „Pridať nový“.
Ako pridať obrázok vo WordPress
Všetky obrázky sú v knižnici zobrazené v poradí, ako ste ich na stránku nahrávali. Navrchu knižnice si môžete vybrať, či chcete zobraziť obrázky, audio alebo video súbory. Môžete si ich tu tiež filtrovať podľa dátumu.
Požadovaný obrázok vyberiete zo zoznamu kliknutím. V pravej časti obrazovky a vám zobrazí jeho miniatúra so základnými informáciami a pod ňou a štyri polia: Nadpis, Titulok, Alt text a Popis.
Nadpis — v políčku „Nadpis“ nájdete názov obrázku, ako ste ho pomenovali vo vašom počítači.
Titulok — slúži na zobrazenie informácií o obrázku.
Alt text — tento riadok je určený pre vyhľadávače. Zobrazí sa tiež, ak vyhľadávač nebude vedieť obrázok načítať. Kvôli SEO optimalizácii vašej stránky je vhodné použiť výstižné pomenovanie alebo popis obrázku.
Popis — slúži pre dlhší popis obrázku. Zobrazuje sa pri prechode z náhľadového obrázku na veľký.
Pre každý obrázok tu tiež môžete vybrať, akým spôsobom si ho prajete zobrazovať:
Zarovnanie — vyberiete, ako si prajete zarovnať ilustráciu. Vľavo, vpravo, na stred alebo bez zarovnania.
Odkaz na — slúži na nastavenie toho, čo sa stane po kliknutí na ilustráciu.
Veľkosť — tu si môžete zvoliť, či chcete zobrazovať miniatúru, stredný, veľký alebo obrázok v plnej veľkosti. Vedľa každej veľkosti sú uvedené jeho rozmery v pixeloch.
Keď ste všetko nastavili, kliknite na „Vložiť do článku“. Médium, alebo ak ste vybrali viacero obrázkov naraz, bude vložený do textu na miesto aktuálnej pozície kurzora. Týmto spôsobom môžete do príspevku vkladať ľubovoľné množstvo ilustrácií.
Základné úpravy obrázkov
Keď kliknete na vložený obrázok, zobrazí sa vám tabuľka s niekoľkými ikonkami. Môžete si ho zarovnať vľavo, na stred, na pravo alebo zobraziť bez zarovnania. Sú tu aj ikonky pre jeho úpravu a jeho odstránenie.
Po kliknutí na tlačidlo úprava obrázka sa vám zobrazí okno „Detaily obrázka“. V tomto okne je možné upravovať iba niektoré atribúty. Ak si prajete upravovať viacero atribútov, potrebujete sa vrátiť cez voľbu „Pridať súbor“.
Kliknutím na multimédium, ktorý chcete upravovať sa vám zobrazia všetky jeho atribúty. Môžete si tu napríklad nastaviť vloženie obrázka v inej veľkosti. Viac podrobností o možnostiach úpravy ilustrácií sa dozviete v článku Úprava obrázkov vo WordPress.
Vloženie ilustračného obrázka
Ak to vaša WordPress šablóna dovoľuje, môžete si k článku pridať ilustračný obrázok (takzvaný thumbnail). Zrolujte dole na stránke a v pravom dolnom rohu nájdete nasledujúce okno:
Thumbnail vložíte jednoducho kliknutím na „Nastaviť ilustračný obrázok“. Tento odkaz vás zavedie do knižnice médií. Vyberte si z nahraných multimédií alebo vložte nový.
Viem nejakým spôsobom exportovať Nadpis, Titulok, Alt text a Popis?
Viem následne tieto „metadáta“ po úprave importovať a aktualizovať ich tak?
Takúto situáciu som ešte neriešil, ale skúsil by som to spraviť cez wpallimport: https://www.wpallimport.com/documentation/images/meta-data/.
Dobrý deň pán Juroško,
chcem sa spýtať či je možné vo WP niečo také ako priradiť obrázok k slovu v texte? Chcem aby bol primárne viditeľný len text bez obrázkov, a obrázky súvisiace s niektorými slovami sa zobrazovali návštevníkom až po kliknutí na to slovo. Po kliknutí na slovo by návštevníka nemalo presmerovať na novú url obrázka, ale zostať na danej stránke s textom a obrázok otvoriť len ako „vznášajúci sa“ element nad textom, resp. v nejakom dočasnom okne nad textom, ako to niekedy na weboch vídavať. Je také niečo v WP možné?
Dobrý deň,
vyskúšajte tento plugin, mal by to dokázať.
Dobrý deň mohli by ste mi pomôcť. Mám problém s nahratím obrázkov. Ak nahrám uprvaný obrázok na určitú veľkosť tak mi ho wordpress hneď uprávý na inú veľkosť a pak to nastránke vyzerá ako odrezaný obrazok. Keď som sa pozrel na zdrojový kód tak mi ukazalo uplne iný názov obrazka napr: xyz.sk/obrazok-800×600.jpg ak som vymazal velkosť 800×600 bol už fajn. Zadával som aj do functions.php kód, ktorý vypína škálovanie ale beznádejne. Viete mi pomôcť
Dobrý deň,
napíšte mi kód, ktorý ste skúšali zadať do functions.php.
add_filter( ‚big_image_size_threshold‘, ‚__return_false‘ ); Ide o tento kod
Ten rozmer obrázka vám pravdepodobne zaregistrovala šablóna alebo nejaký plugin. Rozmer by sa mal dať odstrániť cez funkciu remove_image_size. Potom sa dajú už vytvorené obrázky odstrániť cez plugin Regenerate Thumbnails.
Ahoj mam otazku, pridal som niekolko fullscrenovych obrazkov (cca 200-300k) a vsimol som si ze ich zobrazue dvomi sposobmi. 1. niektore obrazky su zobrazene naraz cele ale su rozpixelizovane a postupne ich zaostri a 2. ine obrazky nacitava uz sice v plnej kvalite ale po etapach (cca po tretinach). A netusim ako som toho efektu dosiahol. Mne by sa lubilo vsetky nacitavat najprv rozpixelovane
Ahoj, netuším – na diaľku neviem posúdiť, či to zabezpečuje šablóna, nejaký plugin, server alebo prehliadač.
Dobrý deň, rada by som vložila obrázok na našu stránku do „karty“ kvalita obrázok no neviem ako to spraviť lebo sa mi tam nezobrazuje ikona „vložiť do článku ani vložiť pod článok“ a Keď dám upraviť stránku idú mi tam len vložiť fotky prostredníctvom prezentácie. Môže tm byť niekde skrytá ikona na pridanie nezávislého samostatného obrázka pod text?
Dobrý deň, spomínate nejakú kartu kvalita, ktorá nie je v defaultnom WordPress, takže predpokladám, že ide o nejakú vlastnú funkcionalitu. Je mi ľúto, ale s týmto vám neviem na diaľku pomôcť.
Dobrý deň pán Juroško,
na úvod vám chcem poďakovať za túto skvelú stránku, vašu energiu a množstvo informácií, ktoré s nami zdieľate.
Chcem dať na svoju stránku PDF súbory na stiahnutie (cca 15 ks). Aká cesta je lepšia? Nahrať ich do knižnice Multimedii a dane url PDF-ka uviest na stránke alebo si súbory uložiť niekde na google disk, pripadne inde? Predpokladám, že stiahnutí PDF bude dosť a neviem to zvážiť z pohľadu efektivity, bezpečnosti, rýchlosti stránky… Viete mi prosím poradiť? Ďakujem
Dobrý deň, ďakujem vám veľmi pekne za pochvalu. Nahrajte ich do knižnice multimédií, tak ako píšete. Myslím si, že je to vo vašom prípade najefektívnejší spôsob. Bezpečnosť a rýchlosť zostane v poriadku.
Dobrý deň pán Juroško, obrázky vo WP bez problémov vkladám do článkov, to je ok. Len neviem ako urobiť/nastaviť to, aby sa dalo na obrázok kliknúť a zobrazil by sa následne čitateľovi na full screen, skrátka aby sa výrazne zväčšil. Je to možné prosím?
Ďakujem za info a tiež chválim Vašu stránku 🙂
Zdravím Martin. Danú funkcionalitu zabezpečuje tzv. Lightbox. Je to vlastne javascriptová knižnica, ktorá dokáže obrázok takto prizoomovať, pokiaľ máte obrázkov viac, napr. v galérií, tak sa dá následne medzi nimi prepínať šípkami, obrázky sa dajú zdieľať a pod. V základe WordPress túto funkcionalitu neumožňuje, ale som si istý, že budú existovať desiatky Lightbox pluginov, ktoré Vám to jednoducho umožnia. Mnohé témy majú túto možnosť už v sebe, rovnako tak buildre, napr. Elementor, alebo Swift builder.