Сьогодні з вами розберемося з таким потрібним для будь-якого веб-майстри механізмом, як Twitter Cards. З даного поста Ви дізнаєтеся всі відповіді на питання задані в заголовку статті і також навчитеся вбудовувати на свій сайт цей необхідний атрибут будь-якого сайту.
Ну, що друзі? Давайте приступати?
Приступимо до вивчення механізму Twitter Cards.
Що ж за механізм такий - Twitter Cards?
Спочатку давайте все ж розберемося, що таке Twitter Cards?
Ось в двох словах про те, що таке за механізм - Twitter Cards.
Все це робиться без застосування будь-яких допоміжних плагінів і модулів, а просто за допомогою додавання пари рядків спеціального коду. Який, природно я вам зараз надам і розповім як і куди його потрібно додати на своєму сайті!
Ну ось перші два питання ми з вами розібрали. Тепер йдемо далі.
Код розмітки Twitter Cards і вбудовування його на сайт
Давайте з вами реалізуємо можливість для створення повноцінного постинга в Twitter своїх новин за допомогою проставляння тільки одного посилання з сайту. Для цього існує спеціальна розмітка, яку вам потрібно вмонтувати в код свого шаблону.
Будемо розглядати приклад на сайті, який базується на движку DataLife Engine, тобто DLE.
Так, ще забув сказати, що наш пост в Twitter буде обов'язково супроводжуватися встраиванием картинки. Ну куди ж без картинок ?!
І виглядати ваш пост в Twitter буде приблизно ось так:
Ось так виглядає сам код механізму Twitter Cards, який вам потрібно вбудовувати в шаблон свого сайту:
Його вам потрібно вмонтувати в файл main.tpl. який знаходиться в папці вашого робочого шаблону. Відкрийте на хостингу даний файл і вставте цей код в самому верху після тега.Далі знайдіть в вашому шаблоні ось цей файл fullstory.tpl і відкрийте його. Тут вам потрібно вставити ось цей код в самому верху:
Так. І не забудьте обов'язково змінити в першому коді ось цей рядок "@nickname on twitter" на свій нік, який у Вас в Twitter.
Тепер ви можете зайти на сторінку сервісу Card validator. де можна перевірити як буде виглядати ваш пост в Twitter з посиланням з вашого сайту.
Ось скріншот сервісу Card validator:
А ось так виглядає мій пост в Twitter в сервісі Card validator після застосування на сайті розмітки, яку я вам пропоную зробити у себе:
Поганого не пораджу. І як завжди.
Якщо вам сподобався матеріал ласка, виконайте такі дії ...
Дякую за увагу!