Если вы хотите поделиться чем-то из Twitter на своем сайте, Twitter позволяет легко встраивать твиты. Встраивание твита часто предпочтительнее копирования скриншота твита, поскольку он полностью интерактивен и позволяет читателям вашего сайта переходить непосредственно к профилю пользователя Twitter, ретвитить или цитировать сами твит и просматривать любые ответы, которые мог генерировать твит.
Но есть одна большая проблема с тем, как Twitter встраивает твиты: они не центрированы. По умолчанию встроенные твиты выровнены по левому краю.
Это не может быть проблемой для вас, но если вы цените дизайн и последовательность на своем веб-сайте, встроенные твиты, выровненные по левому краю, могут быть довольно раздражающими, особенно если все ваши другие встроенные изображения и видео центрированы.
Хорошей новостью является то, что быстро и легко центрировать встроенный твит, просто добавив немного текста в код для встраивания, который предоставляет Twitter. Вот как это работает.
Вставить твит
Сначала найдите твит, который вы хотите встроить, и захватите его код для вставки. Обычно это достигается нажатием на небольшую стрелку, направленную вниз, в правом верхнем углу и выбором « Вставить твит» в меню.
Скопируйте код, предоставленный Twitter, и перейдите на CMS вашего сайта. Процесс добавления и редактирования HTML на вашей веб-странице зависит от платформы, поэтому обязательно сверьтесь с документацией вашей платформы, если вы не уверены. Например, вы можете увидеть HTML-код и другой код сообщения в WordPress, нажав « Текст» в редакторе. Другие платформы используют слово Source . Как только вы выясните это, вставьте код для вставки твита в нужное место.
Центр встроенных твитов
Теперь, если мы остановимся здесь, у вас будет стандартный твит с выравниванием по левому краю при предварительном просмотре страницы. Чтобы центрировать встроенный твит, посмотрите код для встраивания и найдите его в начале:
После твиттера в твиттере , но внутри кавычек, добавьте tw-align-center, убедившись, что вы оставляете один пробел между двумя операторами:
Это оно! Просто сохраните изменения и просмотрите или опубликуйте свой пост. Теперь вы увидите, что ваш встроенный твит центрирован.
