17 марта 2018

Встраивание изображений с Pinterest'а на Блоггер


 
   Это для тех, кто зарегистрирован на сервисе Pinterest.
   В сообщения на Блоггер можно встраивать изображения с сервиса Pinterest (т.е.создать виджет). Можно встроить альбом целиком, так называемую "доску",  или отдельное изображение, так называемый "пин".


   Чтобы встроить доску или пин с Pinterest'а, следует предварительно перед ПЕРВЫМ встраиванием (только один раз!) добавить в шаблон блога скрипт Pinterest.  До изменения шаблона рекомендуется сделать резервное копирование шаблона.

ПОСЛЕДОВАТЕЛЬНОСТЬ ДЕЙСТВИЙ:

1. Резервное копирование шаблона. Для этого на странице управления блогом (кнопка "настроить" вверху страницы блога рядом с кнопкой "выход") в разделе "Тема" жмем кнопку "Резервное копирование и восстановление" (она расположена вверху справа).  При сохранении имя файла лучше изменить, чтобы  легче было его найти. Файл в формате  XML сохранится на компьютер. Помимо этого, на странице с кодом шаблона есть кнопка "отменить изменения".

2. Добавление скрипта Pinterest. На странице управления блогом в разделе "Тема" кликнем по кнопке  "Изменить HTML" (она находится под образцом нашего блога). Откроется страница с кодом шаблона.
   Наведем курсор на код и кликнем один раз. Нажмем клавиши Ctrl-F.  Откроется окно поиска в правом верхнем углу кода шаблона.  В поле поиска введем с клавиатуры  "</ body>" и нажмем клавишу ввода Enter (см. скрин 1).

скрин 1

   Тег </body>  выделится в тексте кода шаблона желтым цветом. Непосредственно перед тегом </body>, введите  строку кода скрипта (о нем в п. 3 читать подробнее - выделено цитатой):

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

См. скрин 2 с этой строкой кода в блоге:

скрин 2
   После добавления скрипта в шаблон нажмем оранжевую кнопку "Сохранить тему" (или она может называться "Сохранить шаблон").

3. Создание виджета Pinterest. Открываем доску на своей странице  Pinterest'а. Вверху слева открываем в меню пункт "..." и строку "создать виджет".  Откроется страница "Редактор виджетов". Здесь уже видим в соответствующей строке  URL доски Pinterest, предпросмотр доски с указанными размерами и коды виджета.
   Нижний код это тот самый скрипт, который мы ввели в код шаблона. Здесь над этим кодом выделена надпись-напоминание: "Не забудьте добавить один скрипт pinit.js на каждую из страниц перед закрывающим тегом </BODY>".  Мы эту операцию провели: код введен в страницу шаблона блога. Если что-то сделано неправильно, виджет не установится.
   Копируем верхний код, указанный под надписью: "Скопируйте этот фрагмент кода и вставьте его в то место страницы веб-сайта, в котором должен появиться нужный элемент".

4. Переходим в блог, открываем редактор, переключаемся в HTML и вставляем в нужную часть текста скопированный код виджета.

В н и м а н и е ! В режиме "Создать" при редактировании сообщения этот гаджет не виден. Он виден только в режиме "Просмотр".

   Так же можно установить виджет отдельного изображения. Виджет Pinterest можно установить в любое место блога. На странице управления блогом переходим  в раздел “Дизайн”  и открываем ссылку "Добавить гаджет" в том месте, где бы  хотели установить виджет. Выбираем в открывшемся  меню "HTML / JavaScript" (см. скрипт 3), записываем в открывшемся окне скопированный в конструкторе виджетов Pinterest код, сохраняем.

скрипт 3

   Создать виджет можно и другим путем.
   Заходим на страницу Pinterest widget builder (Конструктор виджетов Pinterest), выбираем тип виджета Board widget (Виджет доски). Откроется страница конструктор виджетов Pinterest, о котором уже написано выше. Здесь в поле Pinterest board URL нужно проставить свой адрес доски в Pinteres и далее действовать как описано в п. 3 и далее по тексту выше.

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...