2018-02-12

Textual description of firstImageUrl

Как вставить много фото с кодами в блог

Как вставить много фото с кодами в блог
Этот пост призван решать две задачи: множественную вставку фотографий в блог с сервиса Яндекс Фотки и добавление к этим фотографиям окошка с кодом html или php. Если вам не нужна вторая функция добавления окошка кода, то можно обойтись и без нее.
Кому необходимо решение задачи вставки большого количества фотографий или их миниатюр в блог. Как правило, это блоги на бесплатных блогохостингах, таких, как Li.ru, Blogger, ЖЖ и другие. Автономные блоги по понятным причинам загружают все картинки на свой хостинг. Блогеры, которые размещают в своих постах много картинок, обычно ведут фотоблоги или добавляют в свои записи открытки, клипарты и другие изображения.
Лучше всего и удобнее для размещения большого количества изображений, пользоваться фотохостингом Яндекс Фотки. Этот сервис за многие годы зарекомендовал себя. Изображения не исчезают с него, вы можете загрузить фото в оригинале без сжатия, есть функция пакетной вставки в блог. Онако, функкция вставки в блог хитрая. Ссылка изображения ведет не на оригинал, а на страницу просмотра фото на Яндексе. Преобразует ссылки изображения на оригиналы специальный сервис - Генератор BB и Html кодов для вставки изображений с яндекс фоток на сайт или блог. Как пользоваться Яндекс Фотками и генератором для оптимизации рабочего времени, которое затрачивается на множественную вставку фотографий.

Загрузка фотографий на Яндекс Фотки

  1. Первый шаг – идем на страницу загрузки Яндекс Фоток (нужна регистрация на Яндексе) и загружаем много изображений в отдельный альбом. Можно создать новый альбом для такого случая. Зажимаем клавишу Shift и отмечаем серию фотографий (клик по первому и последнему фото из списка) при загрузке на сервис.
    Загрузка фотографий на Яндекс Фотки
    Между третьи и четвертым пуктами на скриншоте, вам нужно создать новый альбом или загрузить в уже существующий. Создание альбома смотрите на скриншоте ниже. пароль задавать не следует!
    создание альбима на яндекс фотках
  2. После загрузки фотографий на Яндекс Фотки, перейдите к просмотру фотографий, а оттуда в фотоальбом, в который загружали последние фото.
  3. Теперь нажмите на надпись “Получить код”, как показано на скриншоте ниже:
    получить-код яндекс фотки
  4. Отметьте нужные вам фотографии, т.е. те, которые вы собрались вставить на свой блог или нажмите на надпись “на текущей странице” или “во всем альбому”, в зависимости от того, какие фото и сколько вам нужны. Смотрите скришот ниже (кликабелен).
    Как вставить много фото с кодами в блог
  5. Обязательно выберите миниатюру с шириной 100 пикселей. На скрине выше отмечен шагом 2.
  6. Скопируйте список ссылок на изображении (скриншот выше, шаг 3).

Генератор html кодов для вставки изображений


  1. Теперь идем в генератор html кодов изображений и вставляем список ссылок в верхнее окно. Удаляем первую строчку, так как она не является ссылкой на изображение. Это надпись “Фотографии в альбоме «…» на Яндекс.Фотках”, удаляем и пустую строчку.

    Генератор html кодов для вставки изображений
  2. В следующем пункте отмечаем размер превью фото из списка.
  3. Теперь отмечаем во сколько столбцов изображений поместить наши фотки (если нужно). Настраиваем внешний вид таблицы (при необходимости). Это можно и упустить.
    Генератор html кодов для вставки изображений
  4. Теперь отмечаем, что мы хотим получить (ставим только одну галочку, чтобы не запутаться):
    • BB коды картинок – для вставки на форум,
    • Код картинок (кликабельное превью html) – картинки разместятся в ряд. Однако в редакторе поста нам ничего не будет стоить сделать их каждую с новой строки.
    • Код картинок в таблице (кликабельное превью) – картинки разместятся в таблице. Это будет более аккуратный вид, но страница поста будет весить больше, и соответсвенно долбьше загружаться.
    • Код картинок в таблице с кодами (кликабельное превью html).
  5. Жмем кнопку “готово”
  6. Копируем код с картинками для вставки. Нужный нам код – первый над превью наших картинок:
    загрузить много фотографий в блог
В заключение, не смотря на то, что пост получился длинным, этот способ очень простой и здорово экономит время по множественной вставки изображений в блог. Это рутинный процесс, кто занимается фотоблогами, знает, о чем я говорю. Спасибо за внимание!

1 комментарий :

Semen Surin комментирует...

спасибо

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности