Создание виджета с помощью конструктора

  1. Зайдите в кабинет разработчика.
    Чтобы воспользоваться кабинетом разработчика, нужно авторизоваться, используя логин на Яндексе.
  2. Перейдите по ссылке Загрузить виджет.
  3. Выберите один из доступных конструкторов:
    • Быстрый старт: создание виджета из кода заранее подготовленной HTML-страницы. Свойства виджета указываются отдельно при помощи формы.
    • RSS-виджет: создание виджета из RSS-ленты.
    • Фотовиджет: создание слайд-шоу или палитры с фотографиями из RSS-ленты.
    • iFrame-виджет: создание виджета из обычной интернет-страницы, которая уже размещена в Интернете.
    • XHTML: загрузка виджета из заранее подготовленного XHTML-файла. Свойства и настройки виджета должны быть указаны в файле.
  4. Примите условия пользовательского соглашения.
  5. Укажите в форме ввода данные виджета:
    Для конструктора «Быстрый старт»
    Поле Значение
    Заголовок виджета Заголовок виджета.
    Описание виджета Описание функций виджета.
    Высота виджета

    Высота <iframe>, в котором отображается виджет (в пикселах).

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

    Содержимое виджета Тело виджета: интернет-страница, выполняющая функцию виджета. Страница может содержать HTML, CSS и JavaScript.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Для конструктора «RSS-виджет»
    Поле Значение
    Заголовок виджета Заголовок виджета.
    Адрес сайта Адрес сайта, с которого взята RSS-лента (в начале адреса нужно обязательно указать http://).
    Описание виджета Описание RSS-ленты.
    Путь к RSS Путь к RSS-ленте (в начале адреса нужно обязательно указать http://).
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Внешний вид

    Доступны следующие опции: журнальный, обычный с фото, газетный и обычный.

    Пример влияния данной опции на внешний вид виджета можно посмотреть в этой новости Клуба разработчиков Яндекс.Виджетов.

    Число новостей Количество новостей, отображаемых одновременно (от 1 до 10).
    Показывать только заголовки Укажите «да», если нужно скрыть текст новостей и отобразить только заголовки.
    Для конструктора «Фотовиджет»
    Поле Значение
    Заголовок виджета Заголовок виджета.
    Адрес сайта Адрес сайта, с которого взята RSS-лента с фотографиями (в начале адреса нужно обязательно указать http://).
    Описание виджета Описание RSS-ленты.
    Путь к RSS Путь к RSS-ленте с фотографиями (в начале адреса нужно обязательно указать http://).
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Внешний вид

    Доступны следующие опции: запущенное слайд-шоу, слайд-шоу, палитра.

    Пример влияния данной опции на внешний вид виджета можно посмотреть в этой новости Клуба разработчиков Яндекс.Виджетов.

    Показывать фотографий Количество фотографий, отображаемых одновременно (от 1 до 50).
    Совет.

    Для изображений в RSS-ленте, которые НЕ должны попадать в RSS- и фотовиджет, необходимо указать атрибут class="yandex-hide" в теге img.

    Для конструктора «iFrame-виджет»
    Поле Значение
    Заголовок виджета Заголовок виджета.
    Адрес сайта Адрес сайта, связанного с содержимым виджета. Например, сайт разработчика или сайт сервиса, доступ к которому предоставляет виджет (в начале адреса нужно обязательно указать http://).
    Описание виджета Описание функций виджета.
    Путь к виджету Адрес страницы, на основе которой будет создан виджет (в начале адреса нужно обязательно указать http://).
    Высота виджета Высота <iframe>, в котором отображается виджет (в пикселах). Значение по умолчанию: 300.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

    Для конструктора «XHTML»
    Поле Значение
    XHTML Готовый XHTML-файл виджета.
    Картинка

    Картинка превью виджета (будет отображаться в каталоге виджетов).

    Рекомендуется загружать изображение размером не менее 150х150 пикселей. Большая картинка будет автоматически уменьшена до оптимального размера.

После указания данных о виджете вы будете автоматически перенаправлены на страницу редактирования виджета.