Как создать виджет Twitter для вашего сайта или блога

Оглавление:

Как создать виджет Twitter для вашего сайта или блога
Как создать виджет Twitter для вашего сайта или блога
Anonim

Что нужно знать

  • Перейти в Твиттер Опубликовать. Введите URL-адрес или дескриптор Twitter. Выберите макет. Выберите Копировать код и вставьте его на свой веб-сайт.
  • Вы можете вставлять HTML-код, созданный Twitter Publish, практически в любое место, включая HTML-виджеты WordPress.

В этой статье объясняется, как использовать Twitter Publish для создания виджета для отображения твитов или полной ленты Twitter на вашем веб-сайте или в блоге.

Как создать виджет Twitter с помощью Twitter Publish

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

  1. Откройте браузер и перейдите в Twitter Publish.
  2. Нажмите стрелку вниз в поле Введите URL-адрес Twitter, чтобы просмотреть список доступных вариантов для типов контента, которые вы можете преобразовать в виджеты Twitter.

    Image
    Image
  3. Типы контента включают твит, профиль, список, дескриптор пользователя и хэштег. Выберите любой из URL-адресов по умолчанию, чтобы увидеть пример того, как выглядит виджет.
  4. Скопируйте URL-адрес твита и вернитесь на вкладку публикации виджета Twitter, чтобы вставить URL-адрес в поле Введите URL-адрес Twitter. Вставив URL-адрес в поле, нажмите стрелку, указывающую вправо, чтобы перейти к следующему шагу.

    Если URL-адрес Twitter не готов для содержимого, которое вы хотите видеть в виджете, откройте новую вкладку или окно браузера, чтобы перейти в Twitter.com и найдите нужную подборку, твит, профиль, список или другой тип контента. Вы также можете выполнить поиск по дескриптору Twitter, начинающемуся с @, или по хэштегу.

  5. После ввода URL-адреса выберите один из доступных параметров отображения. Доступны различные параметры отображения в зависимости от типа контента, который вы выбрали для своего виджета.

    Image
    Image
  6. Просмотрите превью. Если вам нравится, как выглядит виджет, выберите Копировать код, чтобы скопировать код и вставить его куда-нибудь в код вашего веб-сайта или блога. Высота и ширина виджета гибкие, поэтому он должен оставаться в пределах области вашего блога или сайта, где вы его размещаете.

    Image
    Image

    Это обычный код HTML, поэтому вы можете разместить его везде, где работает HTML. В WordPress вставьте его в виджет HTML.

Рекомендуемые: