Как да се поберат по-голям от размера на записа в WordPress

Както аз се радвам, че студентите ми в WordPress обучение група се дава изключително интересни и полезни въпроси, въз основа на които е възможно да се подготвят такива постове като този.

Запознайте следващата статия за новак на WordPress. -)

Днес ние гледаме на този прост задача, тъй като на прихващане ширината на изображението към записа, или страницата на нашия уебсайт. Проблемът възниква по времето, когато се опитвате да вмъкнете изображение надвишава размера на ширината на екрана, на който сте използвали темата ориентирани.

В идеалния случай, широка картина трябва точно да съвпаднат с ширината:

И понякога това е такова неудобство (намира се в приставката wPPage):

Виждате ли разликата? В първия случай изображението е точно вписан в ширина, а вторият - излезе от границата, защото от това, което ще изглежда страницата, веднага става в пъти по-лошо.

Как мога да го оправя?

Сигурен съм, че повечето хора биха казали, че първият вариант е най-удобно, защото постът и не изисква специални познания и не отнема много време. Съгласен съм с това, но има предупреждение: потребителите си с течение на времето ще ви мразят.

Работата е там, че когато мащабирате размера на изображението WordPress означава, че в действителност не се промени истинската си размер. В резултат на това браузърите на посетителите си, ще трябва да първо да изтеглите пълната версия на изображението и след това увеличите "в движение", че е писано от ширината на прозореца.

Как мога да намеря необходимия размер?

Всички съвременни браузъри имат такова нещо полезно и на инспектора, дебъгер. Тя позволява да бъде на мястото, променя свойствата на всички елементи, включително и изображения. Ние ще трябва да се определи желаната ширина на страницата.

Вземем примера на браузъра Google Chrome, в другата (Opera, Mozilla Firefox, Yandex Browser) всичко е направено напълно аналогично.

• Кликнете с десния бутон върху всеки елемент на страницата и в менюто, което се появява, изберете "Проверка на елемента":
  
  
• Отворете дебъгер:
  
  
• Страхува се от този вид не е необходимо - това не е толкова страшно, колкото изглежда.
  В нашия случай това беше изолиран и подчерта елемент, на който се кликне с десния бутон на мишката.
• Сега ние трябва да се определи на контейнера, който показва съдържанието на сайта, всъщност.
  За тази perescholkivaem на всички елементи на дървовидна структура от долу нагоре:
  
  
• Моля, имайте предвид, че когато изберете даден елемент, той ще бъде откроен на страницата на сайта:
  
  
• Вашата цел - да се намери елемент, който ще бъде с размерите на ширина на страницата.
  В моя случай това ps_content елемент:
  
  
• Научих, че беше той? Вижте снимката, вие ще разберете веднага:
  
  
• Забелязахме, че това е ширината и ми трябва за снимки?
• Сега остава само да се намери същите тези измерения на широчината на контейнера. Ето кои са те:
  
  

Това е, вие смятате, че аз трябва да захвърля всичко и да отдели максимално време, за да ти е проблема, Николай? Блог за мен е хоби, което не искам да прекарват цялото време и да се пръска на всеки дребен проблем, разбирам.

#content IMG: първо дете - това е кодът, който не трябва да бъде в functions.php и style.css. Така че, без да се замисля.

И ако изведнъж, този код не работи, а след това аз няма да прекарват повече време на анализа на ситуацията. Всичко е наистина твърде проста за 3 часа, за да отговаря и преоразмеряване на изображения. Всичко най-добро за вас.

В моите функции се добавят тук такъв код към него, както и във всички стилове и vseravno изображението преоразмеряване! #content IMG: първо дете и все още
add_theme_support ( "пост-миниатюри");
set_post_thumbnail_size (150, 150, фалшива);
add_image_size ( "плъзгача-IMG", 1440, 400, вярно);
add_image_size ( "съдържание IMG ', 300, 150, вярно);
add_image_size ( "картинка-IMG ', 62, 62, вярно);
add_image_size ( "подвиг-IMG", 1000);

Изглежда, да се намери начин за излизане в вашата помощ - добави към функция #content IMG стил и образ са намалели, но проблемът е, че всички. И това е необходимо на първо място. Можете да кажете, че да завърши само първата, и те да бъдат намалени, за да настроите позицията на наляво или надясно /

Това само първата, промените кода за това:
#content IMG: първо дете

Ако е необходимо да се приведе в съответствие надясно или наляво, а след това трябва да добавите повече поплавъка: ляво или поплавък: надясно, наляво и надясно поток, съответно.

Обърнете ясно и изобщо не жалко, особено след като няма нищо. Само аз нямам възможност да прехвърлят парите в момента, и затова търся начин да се направи всичко за безплатно. И фразата "всички казват така" - е да не повредите някой, не - точно както е в действителност и да говори! Но има един сайт, в който са помогнали значително, не е хубаво, разбира се, но ще се върне още един път, и мисля, че ще помогне, там наистина не помага на много опит в този бизнес хора (като мен заблуди)!

Всъщност, не. Много потребители не отразяват необходимостта да настроите размера на изображението, и просто се зареди, че е така. За щастие, ако JPEG / PNG, но има и такива, които са натоварени със сурово BMP до 5 мегабайта.

За позовавания на размер на изображението просто забелязах, аз мисля, че има смисъл да се помисли тези настройки по-подробно, да бъде готов да публикувате по темата.

Дубликат и неизползвани изображения могат да бъдат изтрити, като се използват подходящи плъгини също ще бъде добра идея да го разгледа.