Как создать виджет 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.

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