Подмяна на изображения с подходящи за темата размери

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео
Нека да видим сега, как ще добавим и ще заменим тези изображения, които направихме.
Едно от изображенията, които ни разваля най-много визията е това с тези лимони, защото веднага размърдва дизайна, така че ще кликне на него.
Виждаме, как то не стига до края.
И ще кликна на редакция на публикацията.
Ще изтрия снимката на публикацията и ще кача нова.
Тази, която направихме.
Да видим, как ще изглежда.
Не е този големия файл, а този, който записахме с нашите размери.
И го избирам.
Обновявам.
И да видим в преглед, какво се случва.
Тук е добре, вече е до края изображението, до края на нашата статия.
Да видим тук, как са нещата.
Въртят се.
Засега прилично, да видим дали лимона ще размести дизайна.
Вече не го мести, защото е с еднотипен размер.
Да видим сега тези лимони ни бъркат в здравето.
Не лимони, а домати.
Те отново не стигат до края, ще ги редактираме.
И ще качим файлът с домати, който направихме.
Сега понеже сменяхме в движение темата, трябва да редактираме тези изображения.
Но реално в началото, когато си създадем темата, настроим си я и вече си знаем размерите, при създаването на всяка една нова публикация, директно си правим изображението, което ние трябва.
Тоест, не е необходимо да правим тази операция, която в момента правим.
Да се връщаме в стари публикации и да ги коригираме, освен ако не сменяме темата.
Така вече нещата изглеждат доста по-подредени.
И виждаме, че нищо не се размества в нашият дизайн.
Да видя, кой не сме сменили.
Мисля, че е това не е сменено и седи малко по-нестандартно редактиране на публикацията.
Ще си качим тази картинка, която си е с нашият размер, който избрахме.
Останаха и броколите да сменим.
Къде са моите броколи? И за съжаление виждаме, че тук броколите, поне в тази картинка не стига до края.
Защото изображението с броколите, което създадохме беше наполовин размер и имаме два варианта.
Да оставим изображението, както е тук.
Или да го сменям с изцяло различно изображение, което има по-висок размер.
И за да може да го коригираме.
Просто, първоначалното изображение е прекалено малко в ситуацията.
Да видим, как седи в тази страница.
Всъщност в тази страница няма да го видим, защото не е от последните четири публикации.
Явно е по-назад като публикация.
Но може да създадем примерно, да коригираме, тези броколи са в зона рецепти и може да коригираме джаджите.
I в тази зона да показваме само публикации от рецепти.
Все още нямаме 4 рецепти, но поне тук изглежда добре.
Ако го сложим в слайдерът, ще кажа в слайдера да се появят само рецепти.
Да видим, какво ще се получи.
Изображението определено не е достатъчно голямо за нашият дизайн.
Така, че този размер, който направихме не е достатъчен.
Ще трябва да сменим изображението с е по-голямо изображение, за да може от една страна да се появява хубаво на слайдера.
От друга страна, тук да си е до края на нашият дизайн.
Естествено, това изцяло зависи от темата, която сме избрали.
В нашата ситуация ще сменим това изображение.
Но все още не изглежда прекалено зле, достатъчно добре е за повечето страници, които има в интернет.
Но ако искаме да изглежда сайта еднотипно във всички страници е коректно да изберем отново големият размер.
А не този малкия, който минималният, препоръчван във Фейсбук.
Аз ще открия допълнително изображение, което е достатъчно голяма за тази публикация.
Ще го редактирам и ще го кача, няма да ви занимавам да гледате отделен урок.
Да гледате, как правия операция, която вече сме правили така, че продължаваме нататък с останалите уроци.
Така, че продължаваме нататък с останалите уроци.

Тест за преминаване към следващия урок

 
Необходимо ли е всеки път да правим операцията с подмяна на изображенията на сайта ни?
Да, подменяме ги постоянно, докато не станат с еднотипен размер
Не, за да не се размества дизайнът на сайта
Не, ако при създаване на нова публикация качваме готови изображения според установения размер за Wordpress темата
Не, няма нужда да подменяме изображенията, оставяме ги в първоначалните си размери

Въпроси и отговори

  • защо се получи несъразмерност

    Георги Младенов:

    снимката с телетата е 600х315, а тази с 1200х630.при вас снимки с тези пропорции се сменят без разлика,а при мен има. проверил съм няколко пъти размерите

    Георги Младенов:

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

    Лъчезар Николов:

    Решението с по-малкия размер е много прост и той се нарича Benvista Photo Zoom Pro. С тази програма, която се инсталира и като плъгин във Фотошоп и Lightroom едно изображение може да се увеличи поне до три пъти без никаква загуба на качество. Ще кажете, че и тази програма е платена, но честно казано за хора, които претендираме да постигнем някакъв успех в уеб дизайна е просто смешно да оразмеряваме изображения с Paint. Знам, че г-н Цукев се опитва да ни спести някои "трудности" за работа с професионалните инструменти, но без известни познания по Фотошоп, Lightroom, html и css, php...просто няма да стигнем далеч. Както и само с работа с Wordpress на локална машина. Цените на домейни като: .com, на някои хостинг планове като например в ICN.bg и др. съвсем не са толкова високи - за 7-8 лв. месечно хост на един домейн и много поддомейни - едновременна поддръжка на 25 сайта...просто си заслужава. :)

    инж. Юлиан Ангелов:

    Според мен "спестените някой трудности" започнаха да стават доста но това не е критика. Просто в рамките на предвиденият хорариум и цена за курса е дадено много, но няма как всичко касаещо необятната тематика. От друга страна курсът е относително млад. Като изходим от въпросите на курсистите и отговорите по тях имам предложение: На базата на иначе много добре направеният курс "Уеб сайтове с WordPress" направо да се обмисли и направи в подходящ хорариум втора част "WordPress - игри за напреднали" И там да бъдат разгледани по- задълбочено SEO в частта си кореспондираща именнно с WP, отимизация на зареждането на сайта, CSS стилиране в готовите теми при работа с HTLM доработки ( това беше разгледано, но много желани от мен неща не ми с получават) и още доста такива въпроси придаващи лустрото на това което правим с WоrdPress. По мое виждане негова "таргет група" са курсистите от първият курс, които вече са се сблъскали с реалната проблематика при правене на сайт, както и приходящи практикуващи които не са били обучавани в Аула, стига да бъде популяризиран курса по подходящ начин и в подходяща среда.

  • Може ли размерите на картинките да са различни от 1200х630?

    Минка бергова:

    размерите на картинките да са различни от 1200х630? Тематиката на сайта, който правя, е различна от тази в курса. От начало започнах да слагам картинки, които си преоразмерявах предварително на 800х600. Така ми харесваше. Сега, заради упражненията ги промених на 1200х630 и ми стоят уморително големи.

    Krayo Kraev:

    да

    Андрей Енев:

    Мисля, че Photoshop върши работа за редактиране на изображение. За тези които го имат да го ползват.