1

Тема: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Итак, с чего все началось, перенося наш блог "Зима в Тае" на очередной хостинг, пришлось старый полусырой блог-сайт thaiwinter.com оставить и снова импортировать все материалы с бесплатного wordpress блога thaiwinter.wordpress.com в новый, уже перенесенный thaiwinter.com!

Но, случилось так что постов и фоток было много, и просто так, получить доступ до БД на бесплатном wordpress.com нельзя.  :o Все перенести возможно только через export-import (стандартный) с правкой WRX файла (т.е. замены ссылок). Однако выкачать все содержимое в другой вордпресс не удавалось, были ошибки с некоторыми тяжелыми фотками и вообще процесс этот занимал времени несколько суток. Т.к. одно фото на вордпресс превращалось в фото + thumbnail-ы со всеми нужными разрешениями для вордпресса, т.е. объем увеличивался раза в 3, а кол-во файлов раз в 10.
Что совсем не нужно  :no:  (хоть и на безлимитном хостинге). Править такую тучу файлов и куда-то переносить сложнее.

В общем... пришлось написать мини-программку, для выдергивания ВСЕГО медиа-содержимого ТОЛЬКО НУЖНОГО размера (максимального) с thaiwinter.wordpress.com и заливку через ftp на thaiwinter.com. И конечно необошлось без правки файла WRX экспортированных постов и страниц.

Так вот самое главное что в нескольких постах огромные (по 50 картинок) галлереи, например:http://thaiwinter.wordpress.com/2010/10/29/ourhome/ не перенеслись конечно же! Т.к. галерея состоит из  набор медиа-содержимого прикрепленного к посту. Фотки, залитые именно к этому посту через вордпресс-редактор постов.

Далее у меня возникла идея на вынос :yahoo: какое слово-то всех фоток на фото-хостинги и просто тупо вставлять url до них в WYSIWYG форму добавления фоток, опять же стандартно встроенную на вордпрессе, или же править html код и вставлять все сразу как генерит, например flickr.com:

<a href="http://www.flickr.com/photos/thaiwinter/5519293793/" 
title="Winter_In_Thailand by goodkoal, on Flickr">
<img src="http://farm6.static.flickr.com/5297/5519293793_cc5716bea8.jpg" 
width="500" 
height="375" 
alt="Winter_In_Thailand"></a>

Однако со временем я узнал что на фликр БОЛЬШЕ 200 фоток выложить нельзя и все старания зря. Все что выкладывал теперь как часть постовых фоток висит, не знаю что предпринять. Давно уже пробовал Яндекс.Фотки, после попробовал imageshack.us, наконец
picasa вроде бы понравился, но ограничение места в 1 Gb (кстати за копейки может увеличиться до 20 Gb) помешало! Но удобно было создавать галереи и работать с ними через программу picasa.

В итоге, у меня остались лишь вопросы, т.к. хочется выкладывать хорошие фотки с путешествий, фотки достопримечательностей и просто интересных мест или людей.

-----

Наткнулся на следующие умозаключения в статье "Большая статья или фотографии с комментариями?" - что нужно БОЛЬШЕ фото и БОЛЬШЕ текста. Я, например сам люблю жизненные фото, снятые с места событий, в которых больше не самого автора, а его окружающего мира и конечно же краткое описание фоток. Откуда они, чтобы потом туда наведаться лично :)
Т.е. я сторонник больше фото, но и текста должно быть достаточно, чтобы описать все происходящее на фото!

Так же не обошел стороной и споры в посте "Комментирование фотографий в блогах путешественников":

ajayver пишет:
Brim пишет:

Вообще WP по умолчанию создает превью для всех загружаемых фотографий. Хотя вручную ковырять эту функцию страшновато.

А мы по старинке заливаем через фтп и просто вставляем ссылки в пост.

Я ужаснулся (хотя сейчас Аджей и Маша не так часто постят), т.к. если клепать галереи и переставлять фотки местами, все ссылки двигать - это жесть!

В итоге...

Назрели несколько вопросов, уважаемые блоггеры!!!

  • Как Вы заливаете медиа-содержимое в больших кол-вах на ваши сайты/блоги?

  • Как генерируете ссылки на это содержимое?

  • Используете ли вы внешний хостинг картинок и другого медиа-содержимого?

  • Какие плагины или самописные вещи Вы используете для галерей на своих сайтах/блогах?

+1

2 Отредактировано Geleosan (09.05.2011 20:31)

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Загружаю через встроенный загрузчик редактора статьи. Далее называю все фотографии, сохраняюсь, и с помощью плагина Faster image insert сразу вставляю все фотографии в статью, после чего расставляю их по нужным места. Как-то так.

Но наверно вопрос был не совсем об этом...Но способ вставки изображений интересен, так как обычно это занимает прилично времени. Может есть быстрые варианты?

Жизнь - это тоже путешествие
Life-trip.ru

3

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Не очень понял первый пост, впрочем проще описать пошагово, как мы поступаем.

Во-первых, Маша очень трепетно относится к фотографиям и для нее неприемлимо, если к фотографии были применены какие- либо обработки, например, изменение размера. То есть мы обязаны заливать фотки на сайт уже отредактированными и именно того размера, которые нужны на сайте.
Далее, у Маши есть папка со всеми фотками в той же иерархии, что и на хостинге. Она создает там новую и отбирает туда фотки, которые пойдут в пост, расставляет в нужном порядке и автоматически присваивает стандаритизированные имена с номерами с помощью ACDSee типа dumaguete-houses01.jpg, dumaguete-houses02.jpg и т.д. После этого порядок фоток уже никогда не меняется, весь пост пишется "вокруг" фотографий, примерно так же, как когда вы рассказываете кому-то о прошлом, с фотоальбомом в руках. После этого вся папка заливается на хостинг.
Затем, из папки, которая на компьютере все фотки вставляются в оффлайн редактор постов (простым перестаскиванием кучи файлов в текстовое поле). Для оффлайнового редактирования постов мы используем Semagic по ЖЖ-ной привычке, хотя есть более продвинутые аналоги.
Таким образом, у нас есть код в редакторе и мы пишем пост, предпросмотр которого можно осуществлять без подключения к интернету, и его можно сохранить/загрузить. Прямо перед публикацией с помощью поиска и автозамены мы подменяем адреса фоток в редакторе (file:///D:\Photos\dumaguete-houses\) на адреса фоток на хостинге (http://traveliving.org/wordpress/photo/ … te-houses/), после чего просто копипастим код в редактор wordpress.
Помимо этого, в ручную изготавливаются 2 тамбнейла: один для машиного ЖЖ (например, http://traveliving.org/wordpress/photo/ … guete.jpg) из четырех картинок и один для главной traveliving и rss (например, http://traveliving.org/wordpress/photo/ … 0411.jpg). Тамбнейл для traveliving прописывается в произвольное поле wordpress.
Заполняются остальные нужные поля и пост публикуется.
Затем вручную в шаблон жж-ного поста вставляется текст, адрес картинки и ссылка на пост, после чего запись публикуется в ЖЖ.

Звучит ужасающе, но все вышеперечисленное занимает примерно 5 процентов всего потраченного времени на подготовку поста (не считая съемки) то есть около 10-12 минут.
Подготовка двух тамбнейлов занимает столько же времени, сколько подготовка двух фотографий, так как все делается по готовым шаблонам и "рука набита". А так как фоток в посте иногда бывает и по 50-70, то +-2 фотки не играют существенной роли на затраченное вермя.

Менять положение фотографий после этого уже не нужно, так как у нас в блоге история основывается на фотографиях, а не наоборот.

При переезде папочка с фотками просто архивируется и перебрасывается на новый хостинг по SSH за мгновения, никаких правок в базе или постах делать не нужно.

4

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Плюсы нашего метода в том, что можно хоть на диалапе заливать целые папки фоток разом независимо от стабильности канала и его скорости (поставил на ночь - залилось, даже если отключали свет) нет абсолютно никакой привязки к базе данных. Иерархия и названия файлов полностью под нашим контролем, все красиво разложено по местам съемки. Хостинг не тратит процесорного времени на изменение фоток, а пользователь не грузит плакаты, чтобы видеть маленькую фотку. Ну и никакой автоматический способ уменьшения фотографий по качеству не сравнится с ручными методами.

5

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

В моем методе, кстати, тоже нет изменений фотографий, загружаются в папку upload в том виде, в каком есть. Жаль только, что времени уходит много на расстановку фотографий, и прописывания названий, alt, и title.

Блин, только что пришла "гениальная" идея. А ведь фото можно расставлять по тексту в визуальном редакторе, ведь их там видно. ))) И чего я раньше не додумался, и просто код расставлял, периодически подсматривая в AcdSee, что же это у меня за фотка под номером N.

Жизнь - это тоже путешествие
Life-trip.ru

6

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Geleosan пишет:

В моем методе, кстати, тоже нет изменений фотографий,

Ошибаешься!  ;)  Видимо у тебя большой монитор  :)
У меня ваши фотки в исходнике около 900 пикселей, а на сайте 700. Причем изменение размеров у вас идет на уровне браузера, что является самым низкокачественным сопособом, и еще ужаснее то, что каждый браузер сжимает фотки по своему. Ну и ваш трафик расходуется напрасно при такой схеме.

7

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Дополнил свой первый пост в этой теме  :)

8

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

ajayver пишет:
Geleosan пишет:

В моем методе, кстати, тоже нет изменений фотографий,

Ошибаешься!  ;)  Видимо у тебя большой монитор  :)
У меня ваши фотки в исходнике около 900 пикселей, а на сайте 700. Причем изменение размеров у вас идет на уровне браузера, что является самым низкокачественным сопособом, и еще ужаснее то, что каждый браузер сжимает фотки по своему. Ну и ваш трафик расходуется напрасно при такой схеме.

Так это я так специально сделал - резиновый шаблон. Учитываются все мониторы так сказать. Я знаю, что сжатие браузером это самый плохой способ, но как иначе? Я придерживаюсь мнения, что фотографии должны быть по 900 в ширину ну или чуть меньше. Тогда лишь можно оценить насколько они хороши/плохи. Фотографии по 700 и меньше шириной почти ничего не передают, поэтому что они есть, что их нет. Траффик у нас безлимитный, так что все равно.

Я честно говоря не знаю другой способ учесть интересы всех мониторов. Если я сделаю жесткий шаблон и фото туда по 900 вставляю, то ширина сайта будет 1200 пикселей. Что означает, что его вообще нельзя будет на маленьких мониторах смотреть. А так хоть что-то. Был еще вариант убрать сайдбар в постах, чтобы вместить такие широкие фотографии...но в нем столько всего нужного...

Жизнь - это тоже путешествие
Life-trip.ru

9

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Geleosan пишет:

Фотографии по 700 и меньше шириной почти ничего не передают, поэтому что они есть, что их нет.

У меня что на 12-ти дюймах, что на 17-ти, фотки на вашем сайте шириной 702 px. Разрешения 1024*600 и 1024*768. Скажи, какой процент ваших читателей имеет ширину экрана в 1024px и ниже? В гугл аналитиксе можно посмотреть.
Ширина фоток и сайта это наш самый главный ограничитель в дизайне сайта, выбор всегда будет компромисом. Но по поповоду того, что фотка меньше 700 - не фотка - не согласен  :)  Это уместно для блогов профессиональных фотографов, а для тревел блога вполне достаточно от 600px на мой взгляд. Смотря что вы хотите показать - качество фотки (техника съемки) или то, что на фотке (смысл).

10

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

В прочем, разница между сжатием браузера и ручным сжатием, тоже будет заметна только профессиональным фотографам  :)  Так что все у вас нормально сделано. Немного медленее страницы будут грузиться, но при нынешних скоростях довольных читателей будет больше.

11

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Ну может это мое личное мнение. Я когда смотрю на узкие фото, они мне ни о чем не говорят. Тревел фотография нужна не  только для передачи информации, но и для передачи атмосферы, деталей и прочего. Поэтому все что меньше 800 пикселей мне лично не нравится )) Я же блог и для себя тоже веду. Я бы вообще делал еще больше фотографии, это актуально особенно когда моник 22 дюйма. Смотришь в 600 пикселей и видишь аля аватарку, нифига не понятно.

И кстати, если блог тревел, это не значит, что фотографии должны быть без техники съемки. Хорошо снятые фотографии больше привлекают и больше передают, чем обычные. Так что я хочу когда-нибудь научиться снимать профессионально для тревел-блога.

С такими разрешениями действительно фотографии будут по 700. У меня просто давно уже и ноутбки и монитор домашний широкоугольные, поэтому мои 15.4 дюйма имеет длину в 1366. А фотографии растянутся до оригинала в 900 пикселей начиная с 1210, так как это максимальная ширина сайта.

Посетителей с шириной в 1024 - 20%. С разрешением ниже в статистике нет )) Вот эти 20% и не хотелось терять, сделав фиксированный сайт. Остальные 80% имеет разрешение, где блог должен отображаться не сжатым.

Жизнь - это тоже путешествие
Life-trip.ru

12

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

На самом деле если убрать сайдбар, то можно фотографии сделать вообще 1000 пикселей, и при этом фикисированный шаблон.

Меньше глюков с не резиновым шаблоном, и учитываются интересы всех пользователей... кроме меня ))))

Жизнь - это тоже путешествие
Life-trip.ru

13

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Интересно, а в нашем блоге фотки тоже маленькие для больших экранов? У нас 777px по ширине.

14

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Наверно, это не у меня надо спрашивать )) Я же субъективен.

У вас в принципе я думаю нормально. Но если вдруг надумаете изменение темы или редизайн, то я бы сделал бы 850 хотябы

У нас вообще изначально были фотографии что-то около 570, потом увеличили до 700. А потом я решился резиновый шаблон сделать, и сразу увеличил до максимума в 900. Пока не планирую редизайнов, но подумываю на досуге о том, какие есть еще варианты помимо резиновых шаблонов (сайдбар убрать, всплывающий сайдбар, узкий сайдбар и тд).

Жизнь - это тоже путешествие
Life-trip.ru

15

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

А как вы так бодро меняете ширину всех исходных фотографий?  :)

16

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

ajayver пишет:

А как вы так бодро меняете ширину всех исходных фотографий?  :)

А мы не меняем ))) с 570 вышло буквально несколько постов, потом с 700 выпускали статьи больше полугода. И вот с февраля я сделал 900. Во всех остальных статьях по старому ))) Менять, нет ни желания ни времени. Там же еще и код придется править.

Жизнь - это тоже путешествие
Life-trip.ru

17

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Ого-го, ребята вы развили диалог :) больше чем я написал.
Отпишусь позже, т.к. у самого много замечаний.
Но суть вы уловили, и Аджей и Олег все описали т.к. я и хотел услышать!

Теперь, у Олега реально тянется до 900 по ширине (т.к. у меня тоже теперь 1366 px по ширине моник, был 1440). Аджей, сделай скрин и посмотри, свойства фото ничего не скажут.

18

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

goodkoal пишет:

Аджей, сделай скрин и посмотри, свойства фото ничего не скажут.


Я всегда верстку смотрю через Inspect Element, там в отделе Layout все размеры правильно показываются.

19 Отредактировано dane-mo (20.05.2011 02:11)

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

http://www.picture2life.com/ - нет ограничений по заливке фотографий, однако есть ряд минусов (например, невозможно разбивать файлы по папкам)

20

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Опять я озаботился этой темой. Чувствую, можно еще ускорить мой способ. Отсюда пара вопросов.

1. Аджей, скажи названия продвинутых офлайновых редакторов постов для вордпреса. Желательно, чтобы без переименования путей для файлов все работало. Просто чтобы подсоединился к инету, и пост ушел в админку блога.

2. Может кто интерсовался плагинами галерей? Может есть что-то новое? Суть в том, чтобы можно было загруженные фотографии кидать в нужные места статьи через Drag&drop... Иначе 40 фотографий по посту расставить, с ума можно сойти, и так каждый раз.

Жизнь - это тоже путешествие
Life-trip.ru

21

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Я тоже думал что-то подобное найти. Но когда искал для галерей, нашел:

VisualLightBox — бесплатную, удобную в использовании программу, которая поможет пользователю легко создавать фото альбомы с хорошим LightBox эффектом, всего за несколько кликов, при этом не написав ни одной стоки кода.

Достаточно перетащить фотографии в окно VisualLightBox и нажать кнопку "Опубликовать", после чего в браузере мгновенно откроется веб-галерея с красивыми эффектами LightBox.

VisualLightBox поддерживает множество графических форматов: JPG, GIF, BMP, PNG, PSD, TIFF. В программе представлен красивый и удобный графический интерфейс, в котором может разобраться любой пользователь, даже новичок.

http://www.hosoft.ru/visual-lightbox-4.8

Программа позволяет работать с файлами, выложенными на фото-хостингах, альбомами прямо загружает с Пикаса! Однако она генерит такой код, что потом его сложнее разгребать, т.к. делает Lightbox эффект для картинок и стили загромождают код!

22

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Geleosan пишет:

Аджей, скажи названия продвинутых офлайновых редакторов постов для вордпреса. Желательно, чтобы без переименования путей для файлов все работало. Просто чтобы подсоединился к инету, и пост ушел в админку блога.

Я пользуюсь semagic для ЖЖ, его можно настроить и для wordpress, в том числе загрузку фоток и их добавление перетаскиванием. Но все равно потом еще придется править пост перед публикацией, потому что в последний раз когда их изучал - они не поддерживали произвольные поля, были проблемы с рубриками и тегами.
Можно еще попробовать Windows Live Writer.

23

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Платный акаунт на flickr - 24 бакса в год
http://www.photo2blog.ru/ - генерирует html по заданому шаблону из ваших фликр или яндекс фотографий

24

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

goodkoal пишет:

Достаточно перетащить фотографии в окно VisualLightBox и нажать кнопку "Опубликовать", после чего в браузере мгновенно откроется веб-галерея с красивыми эффектами LightBox.

Я чего-то не понял...А к вордпрессу то она как привязана? И куда она фотографии загружает, и где галереи хранятся?

ajayver пишет:

Можно еще попробовать Windows Live Writer.

Про семантик учту, спасибо. Пока Лив Райтер поставил, буду пробовать.

woodstock пишет:

Платный акаунт на flickr - 24 бакса в год
http://www.photo2blog.ru/ - генерирует html по заданому шаблону из ваших фликр или яндекс фотографий

У меня нет фото на фликре и в яндексе. Суть в том, чтобы загружать фото в вордпресс и там уже с ними что-то делать.

Жизнь - это тоже путешествие
Life-trip.ru

25

Re: Тема блоггеров: вставка БОЛЬШОГО кол-ва фотографий в пост, галереи

Назрела идея написать программку, наконец-то!
Так что продолжение этой темы тут:

Аджей, если можно, эту тему закрывай!