Сегодня мы будем создавать слайд-шоу для своего сайта и устанавливать картинки не загружая в медиабиблиотеку. Этим мы значительно снизим нагрузку на сервер, уменьшим скорость загрузки страниц и освободим место на сайте. Если у вас пока нет своего сайта, то можно перейти на сайт и оформить заказ.
Слайд-шоу на сайте сделать очень просто и быстро с помощью сервиса Яндекс-фотки. Для этого необходимо иметь почтовый ящик на Яндексе, если у вас его нет, зарегистрируйтесь.
Зайдите в свою почту и найдите вверху страницы слово Фотки. Нажмите на эту ссылку и перейдите на сервис.
Здесь жмите синюю кнопку Загрузить фотки.
Добавляйте фотографии с своего компьютера на сервис сразу несколько штук, или по-одной.
Далее выполните Шаг 2 и оптимизируйте изображение. В настройках третьего шага можно проставить галочки в нужных пунктах, есть ограничение публикации картинок. Четвёртым шагом выберите альбом, в котором будет находиться изображение, или создайте новый альбом.
После того, как вы загрузили фотографии, просмотреть их можно нажав на Мои фотки. Теперь выберите тот альбом, который будет вашим слайд-шоу на сайте. В строке с названием альбома нажмите на ссылку Слайд-шоу и перейдите на страницу.
Под блоком картинок нажмите на строчку «Код для вставки на сайт или в блог», скопируйте код и вставляйте в нужное место статьи на вашем сайте в HTML режиме. Слайдер очень удобен тем, что при добавлении картинок в альбом на сервис Яндекс-фотки, они автоматически будут транслироваться на вашем сайте. И не придётся заново копировать и вставлять код слайдера.
Для того, чтобы вставить или сменить одну картинку кликните на неё в альбоме, также скопируйте код и вставьте в HTML редакторе. Только здесь нужно будет убрать внешнюю ссылку на сервис.
К примеру возьмём вот такой код картинки:
Посмотреть на Яндекс. Фотках
Нужно удалить то, что выделено зелёным цветом.
Дальше в визуальном редакторе нажимайте на картинку и оптимизируйте её. Вот так всё просто.
Есть два минуса — 1. если вы поставите такую картинку в начале статьи, как у меня, текст будет начинаться не рядом с изображением, а сразу после него; 2. фотки некликабельные. Но на этот случай я сжимаю свои картинки на чудесном сервисе PuniPNG. Изображение становится легче почти в два раза и без потери качества! Там можно сжать за один раз до 15 фотографий. Я пользуюсь этим сервисом, очень рекомендую.
Желаю вам творческих успехов!
