Hogyan, hogy a kép méretét a felvételt wordpress

Mivel Örülök, hogy a diákjaim WordPress képzés csoport kap egy rendkívül érdekes és hasznos kérdések alapján, amelyek lehetséges, hogy készítsen ilyen hozzászólásokat, mint ez.

Ismerje meg a következő cikket a kezdő WordPress. -)

Ma megnézzük ezt egyszerű feladat, hiszen a harapós a kép szélessége rekord vagy egy oldal, a honlapon. A probléma akkor keletkezik, amikor próbálunk beszúrni egy képet meghaladó méretű szélessége a képernyő, amelyen használta a téma orientált.

Ideális esetben egy széles képet kell pontosan illeszkedik a szélessége:

Hogyan állítsuk be a kép méretét

És néha, hogy ez olyan zavaró (megtalálható a plugin wPPage):

Hogyan állítsuk be a kép méretét

Látod a különbséget? Az első esetben a kép pontosan írva szélesség, míg a második - kiszállt a határon, mert mi fog megjelenni az oldal rögtön időnként rosszabb.

Hogyan tudom kijavítani?

Biztos vagyok benne, a legtöbb ember azt mondaná, hogy az első lehetőség a legkényelmesebb, mert a gyors és nem igényel speciális ismereteket, és nem időigényes. Egyetértek, de van egy kis gond: a felhasználók idővel utállak.

A lényeg az, hogy ha a képméret mérete WordPress azt jelenti, hogy valójában nem változik a valódi méretét. Ennek eredményeként, a böngészők a látogatók lesz az első letölthető a teljes verzió a kép, majd nagyítás „on the fly”, hogy meg van írva az ablak szélessége.

Hogyan találja meg a kívánt méretet?

Minden modern böngészők olyan hasznos dolog, az ellenőr vagy a debugger. Lehetővé teszi, hogy a helyszínen, tulajdonságainak módosítása valamennyi elemét, beleértve a képeket. Mi kell, hogy meghatározza a kívánt szélességét az oldalt.

Vegyük például a Google Chrome böngésző, a többi (Opera, Mozilla Firefox, Yandex Browser) mindent megtett teljesen analóg.

  • Jobb klikk bármelyik eleme az oldalon, és a megjelenő menüből válassza ki a „Vizsgálja elem”:
    Hogyan állítsuk be a kép méretét
  • Nyissa meg a hibakereső:
    Hogyan állítsuk be a kép méretét
  • Félsz a maga nemében nem szükséges - ez nem olyan ijesztő, mint amilyennek látszik.
    A mi esetünkben ez volt elszigetelt és kiemelte az elem, amelyre rákattintottam a jobb egérgombbal.
  • Most arra van szükség, hogy meghatározzuk a tartály, amely megjeleníti a tartalmat, valóban.
    Erre perescholkivaem minden eleme a fa struktúra alulról felfelé:
    Hogyan állítsuk be a kép méretét
  • Felhívjuk figyelmét, hogy ha egy elem kiválasztásához, akkor kiemelve az oldalon az oldalon:
    Hogyan állítsuk be a kép méretét
  • A cél -, hogy megtalálja egy elem lenne akkora, mint egy oldal szélességű.
    Esetemben ps_content elem:
    Hogyan állítsuk be a kép méretét
  • Megtudtam, hogy ő volt? Lásd a screenshot, meg fogja érteni egyszerre:
    Hogyan állítsuk be a kép méretét
  • Észrevettük, hogy ez a szélesség és szükség képeket?
  • Most már csak azt kell megtalálni ezeket a mérete ugyanaz a szélességét. Itt vannak:
    Hogyan állítsuk be a kép méretét

Azaz, ha úgy gondolja, hogy van, hogy csepp mindent és fordítson maximális idő, hogy a problémát, Nikolai? Blog nekem egy hobbi, amit nem akar költeni minden alkalommal, és le kell permetezni minden piti kérdés megérteni.

#content img: első gyerek -, hogy a kód ne legyen functions.php és style.css. Tehát, gondolkodás nélkül.

És ha hirtelen, ez a kód nem működik, akkor nem fogok több időt töltenek a helyzetelemzés. Minden valóban túl egyszerű, 3 óra megfelelnek és a képek átméretezése. Minden jót neked.

Az én funkciók itt ilyen kódot adunk meg, és minden stílus, és vseravno kép átméretezése! #content img: first-child, és még mindig
add_theme_support ( 'post-miniatűrök');
set_post_thumbnail_size (150, 150, hamis);
add_image_size (csúszka-img ", 1440, 400, true);
add_image_size ( 'tartalom-img', 300, 150, true);
add_image_size (thumbnail-img ', 62, 62, true);
add_image_size ( 'feat-img', 1000);

Úgy tűnik, hogy megtalálja a kiutat c segítségedre - kiegészítette a funkció #content img stílus és a kép is csökkent, de a probléma az, hogy az összes. És szükség van az első. Azt lehet mondani, hogy befejezni csak az első, és csökkentik őket, hogy állítsanak a helyzetben a bal vagy a jobb /

Ez csak az első, változtassa meg a kódot, hogy ez:
#content img: first-child

Ha szükséges összehangolni a jobbra vagy balra, akkor kell hozzá több float: left vagy float: jobbra, balra és jobbra flow értékét.

Fizessen világos és egyáltalán nem kár, különösen azért, mert nincs semmi. Csak én nem annak lehetőségét, hogy a pénz most, és ezért keresem a módját, hogy tegyen meg mindent ingyen. És az „mind azt mondják, így” - nem szúrt valakit, nem - mint valójában, és beszélj! De van egy weboldal odakinn nagyban segített, nem egészen szép persze, de vissza fog térni még egyszer, és azt hiszem, segít ki, tényleg nem segít nagyon tapasztalt ebben üzletemberek (mint én bolond!)

Valójában nem. Sok felhasználó nem tükrözik, hogy módosítani kell a kép méretét, és egyszerűen betölteni, hogy van. Szerencsére, ha JPEG / PNG, de vannak olyanok is, akik feladata a nyers BMP 5 megabájt.

Mintegy hivatkozások képméret csak észre, azt hiszem, van értelme figyelembe venni ezeket a beállításokat részletesebben kell készülnie, hogy tegye a témáról.

A két-, illetve a fel nem használt képeket lehet törölni a megfelelő plug-inek is egy jó ötlet, hogy fontolja meg.