Сегодня решил затронуть тему, которая никогда не перестанет быть актуальной среди молодых создателей сайтов.
Всегда существует необходимость настраивать сайты после их создания. Часть настроек выполняется через редактирование файлов установленного шаблона темы оформления. Например, нужно вставить код, выводящий похоже записи. Но куда его вставить?
Очень часто новички задают такие вопросы. Также их волнуют и другие подобные моменты, решение которых по сути, является точно таким же. К тому же, в своих будущих статьях я часто буду прибегать к вставке кодов в различные места шаблона. Поэтому, данный материал кстати, как никогда.
В данной статье я покажу, как вам очень просто определить место в вашем шаблоне WordPress, куда вам необходимо вставить любой код. Также рассмотрю другие важные моменты, которые могут волновать вас на начальном этапе.
Давайте начнем с самого верха и рассмотрим файлы, которые вам может придется редактировать, если вы захотите вставлять коды ручками, а не с помощью плагинов, ведь существует и такой вариант. Его я не приветствую, но все же для самых лентяев я опишу такие плагины в следующих статьях.
В самом начале даю видео-урок, так как без него будет сложно понять материал, изложенный в текстовом формате ниже.
Теперь объясню все подробно в текстовом формате.
Файлы, отвечающие за вывод каждого типа страниц
Если вы читали много статей на других блогах о реализации каких-то функций с помощью кодов (скриптов), то уверен на все 100%, что видели фразы наподобие:
Вставляете этот код в файл, отвечающий за вывод главной страницы;
Вставляете этот код в файл, отвечающий за вывод записей и другие.
Файлов, в которые может потребоваться вставлять коды, много. Но, что это за файлы? Все очень просто.
Вывод главной страницы - index.php;
Вывод записей - файл single.php;
Вывод страниц - файл page.php;
Вывод архивов и рубрик - archive.php;
Вывод подвала - footer.php;
Вывод страницы поиска - search.php;
Вывод сайдбара - sidebar.php;
Файл стилей - style.css;
Файл вывода страницы 404 - 404.php.
Теперь, когда вам будут говорить, что нужно вставить код в такой-то файл, вы будете знать, куда необходимо смотреть.
Осталось лишь ответить на вопрос, как же определить нужное место в каждом из файлов?
Определяем место вставки кода
Сначала пройдемся по тем местам, которые определять не нужно. Они у всех будут одинаковы вне зависимости от шаблона.
Первое место, идентичное для всех шаблонов - область в файле Header.php. Это открывающий и закрывающий теги
.
Между данными тегами всегда размещают какие-то скрипты, которые должны работать для всех страниц сайта. То есть разместили между данными тегами скрипт, например, социальных кнопок и они работают на всех страницах сайта, где мы сделаем их вывод.
Данные теги размещены в самом верху файла Header.php.
Содержимое, находящееся между ними, у всех будет отличаться, так как все зависит от шаблона.
Если вам говорят, что нужно вставить данный код между открывающим и закрывающим тегами head, то копируете код, ищите подобную область в своем файле шаблона и просто вставляете его между этими тегами.
Второе место, которое также идентично для всех шаблонов, находится в файле, отвечающем за вывод подвала - footer.php.
Скрипты можно подключать не только, вставив их между тегами
в файле Header.php. Можно также их подгрузить через файл footer.php, тем самым ускорив загрузку страницы сайта.
Дело в том, что когда страница начинается загружаться, то она грузится сверху вниз. Если все скрипты будут находиться вверху страницы, то отображение ее содержимого замедлится, так как потребуется время на загрузку скриптов.
Наша задача - показать содержимое страницы, как можно быстрее, как посетителям, так и поисковым системам. В этом случае целесообразно сделать загрузку скриптов в самом конце страницы, чтобы сначала показать содержимое, а затем уже загрузить и все остальное.
Чтобы реализовать такой вариант, необходимо открыть файл footer.php и вставить скрипт перед закрывающимся тегом body. Находится он в конце содержимого файла, так как отвечает за окончание области страницы.
Как видим, все скрипты я вывел именно в данной области, перед закрывающим тегом
(выделил синей рамкой). Кстати, вывел их я через загрузку из файлов, а не размещением самих скриптов в данной области. После этого я значительно ускорил работу блога. Как это сделать, будет отдельная статья. Ждите!
Надеюсь, что когда вам будут говорить вставить код в эти области, вы без проблем все сделаете.
Перейдем к более сложному вопросу и постараемся научиться определять места в других файлах шаблона, в котороые вставляются различные другие коды. Как правило, к таким кодам относятся:
Вывод похожих записей;
Вывод формы подписки;
Вывод социальных кнопок и так далее.
Все эти вещи вставляются после основной части контента, то есть после окончания статьи. У каждого разный код шаблона и, поэтому, универсального ответа на вопрос "Где у меня заканчивается код вывода статьи?"
просто нет.
Но можно запросто определить конец кода, после которого необходимо реализовать нужную вам функцию. Частично данный метод я уже показывал в статье про выбор WordPress шаблона (). Использовал я тогда стандартный функционал интернет браузера.
Чтобы лучше понять всю суть данного метода, настоятельно рекомендую посмотреть видео в начале этого поста. В нем я показал, как все происходит в реальном времени. Ну а сейчас постараюсь описать, как можно понятней.
Покажу на примере браузера Google Chrome. В других браузерах данная функция также имеется, то может немного по другому называться.
Принцип в 3х браузерах аналогичен. Теперь покажу, как определяется место вывода любой области в любом шаблоне.
Переходим в просмотр кода элемента (Google Chrome). Жмем правой кнопкой мыши по пустой области страницы.
После этого внизу страницы появляется панель, в которой показывается весь исходный код страницы, который мы можем редактировать и смотреть, как будет меняться структура и внешний вид шаблона в реальном времени. Но изменения данные не сохраняются. Для этого нужно редактировать сами файлы шаблона.
Вот, как выглядит эта панель.
Стрелкой я показал на лупу (увеличительное стекло), нажав на которое мы можем инспектировать структуру шаблона и определить из каких блоков состоит наш шаблон. Данную функцию я называю инспектором.
После нажатия на инспектор, мы можем водить мышкой по нашей странице и будем видеть, что все элементы, на которые мы наводим, начинают подсвечиваться цветным фоном. В пример покажу скриншот из статьи про выбор шаблона. Там я навел на заголовок записи.
Если нам необходимо вставить код после вывода нашей статьи, то не составит труда догадаться, что нужно проинспектировать область нашего шаблона и найти блок, в котором содержится все содержимое статьи. Можно искать, как конец блока, так и начало. То есть можно инспектировать шаблон и снизу и сверху.
Но тут одно замечание
. Нам необходимо находить не просто строчки статьи, а именно блоки, в которых находится сам контент, так как в файлах шаблона статей нет. Там имеется только код, выводящий контент, и заключен он в блоки. Именно после закрывающего блочного тега и нужно будет вставлять код.
Итак, что мы делаем? Нажимаем на пиктограмму лупы и начинаем инспектировать область, в которой находится наша статья. Нужно найти такую часть страницы, когда подсветится область всей статьи. Это и будет блок, выводящий контент.
Для примера я создал новую статью с маленьким содержанием, чтобы показать, как подсветится данный блок.
Методом тыка вы должны также найти блок, в котором содержится ваш контент. При наведении вы видите небольшую всплывающую подсказку, в которой показано, как называется данный блок.
Когда нащупаете такую часть шаблона, то жмете на кнопку мышки и данная часть становится активна. В панели просмотра кода элемента автоматически выделится строчка кода с данным блоком.
Как видим, данный блок имеет точно такое же название, как и во всплывающей подсказке при наведении.
Когда мы знаем название блока, в котором выводится основная часть статьи, мы можем пойти в необходимый файл и вставить после данного блока нужный нам код. Для примера возьмем файл вывода записи (single.php).
Открываю его в редакторе Notepad и ищу в коде строчку, которая начинается точно также, как в панели просмотра кода элемента.
В редакторе Notepad очень удобно работать, так как при нажатии на открывающий тег блока, выделяется и закрывающий (показал на изображении выше). Закрывающий тег говорит о том, что это конец вывода содержимого. Именно после него мы и можем вставить наши социальные кнопки, похожие записи и другие функции.
Я как раз и вставил там социальные кнопки вместе с формой подписки на обновления.
На страницах они так и отображаются.
Аналогично происходит вставка и в другие файлы шаблона (страницы, рубрики, архивы...).
Без практики данный метод вставки вряд ли освоишь по тексту и изображениями. Поэтому, берите и пробуйте. Уверен, что все получится. Также в помощь видео в начале статьи.
Про определение места в файле шаблона для последующей вставки в него нужного когда, разобрались.
Остался последний момент
, который стоит освятить в данном пункте.
Имеется немало настроек, требующих вмешательства в файл шаблона functions.php. Но, как вставлять в него коды, также нужно понимать.
Как правило, на всех блогах пишут, что вставку нужно производить в самый конец файла перед закрывающим тегом?>.
Но, как быть, если данного тега нет в файле? Вот, например, у меня его как раз таки и нету. Как быть в такой ситуации? Отсутствия закрывающего тега не означает, что файл некорректный. Блог ведь работает. Значит все ОК.
В данном случае я предлагаю поступить обратным образом - вставить в код в самое начало файла перед открывающих тегом. Смотрите на изображение ниже.
Красным цветом выделен открывающий тег, а синим- код, который был вставлен.
Это один вариант. Также можно вставлять код в конце файла, но перед последним кодом. В этом случае, вам хоть немного нужно понимать, где начинается последний код, чтобы не обрезать его.
Вот и все. Если вдруг у вас такая же ситуация с отсутствием закрывающего тега в файле funsctions.php, то будете знать, как действовать.
Определение стилей оформления в шаблоне
Также само мы можем просматривать стили оформления для элементов страниц и менять их, а также добавлять свои. В этом помогает все тот же инспектор элемента.
Когда находим нужный элемент и кликаем на него, в правой области панели просмотра кода отображаются стили оформления для выбранного блока (элемента). Покажу стили для того же блока статьи, рассмотренного выше.
Если мы хотим в реальном времени отредактировать эти стили и посмотреть, какой вид будет иметь тот или иной элемент, можно менять их прямо в данной панели. Просто жмете на значения нужных стилей и меняете их.
Но изменения будут действительны лишь до 1го обновления страницы. Чтобы применить эти стили, необходимо внести их в файл стилей шаблона. На одном из изображений выше я показал синей рамкой область, которая показывает имя файла, в котором данные стили прописаны, а также точную строчку с которой они начинаются.
Поэтому, открываем файл стилей style.css и ищем строчку 890 в моем случае.
Тут можете их и отредактировать. Сохраняете файл и закачиваете на хостинг.
Замечу, что редактирование всех файлов я произвожу именно у себя на компьютере. В этом случае пользуюсь внешними программами, что дает возможность отменять любые изменение при возникновении каких-то косяков. Тоже самое касается и различных экспериментов с кодами и скриптами - все на .
Настоятельно рекомендую вам также выполнять подобное редактирование любых файлов у себя на компьютере. Для этого вам нужно сначала скачать файлы к себе на компьютер со своего хостинга, использовав ftp клиент. Об этом я писал в . А затем просто открывать файлы любым удобным для вас редактором, который сможет открыть их. Я использую для этих целей Notepad.
На этом статья подошла к концу. Вот такой мудреный процесс определения места, куда нужно вставить какой-то код или скрипт. На первый взгляд данная процедура может показаться сложной. Но все очень просто. Пару раз попробуете и уже подобных вопросов задавать не будете.
Конечно же можно производить вставку кодов и скриптов на свой блог с помощью специальных плагинов, которые я рассмотрю в обязательном порядке в следующих статьях. Но, во избежание их использования, можно делать такие действия и без них, что я и рекомендую. Этим вы избавитесь от лишней нагрузки на сайт, тем самим ускорив его и сделав удобнее для пользования вашими посетителями.
Все, друзья. На этом заканчиваю. Жду ваших вопросов в комментариях. Во всем разберемся. До встречи в новых материалах.
С уважением, Константин Хмелев.
В этой главе мы будем создавать форму посложнее - форму опроса. Допустим, вы ведущий популярного сайта о кино. Ваш спонсор предлагает вам разместить у вас на сайте опрос, чтобы выяснить, какие фильмы и актеров предпочитают люди, которые любят смотреть кино. В качестве приза - одному из заполнивших анкету достанется путешествие в выбранную им страну.
Вот такую анкету вы предложите заполнить вашим посетителям:
В этой анкете много для вас незнакомых элементов формы, но есть и уже знакомые вам. Давайте для начала создадим их, а затем я познакомлю вас с остальными.
Что мы уже знаем? Мы знаем, как форма вводится в документ:
Name - обязательный элемент, имя формы. Method - как будет обрабатываться наша форма. Action - путь к скрипту, который будет обрабатывать форму, или е-майл куда будут отправлены данные из формы. Т.к. у нас сайт популярный, серьезный, то я предполагаю, что мы, конечно же, установим скрипт для обработки опроса.
Что нам еще знакомо в этой форме? Поля для ввода текста (ФИО и е-майл):
Type=text - мы указали, что имеем дело с полем для ввода текста. Name - имена элементов. Size - размер полей для ввода текста. Maxlength - максимальное количество символов, которое сможет ввести наш посетитель в поле для ввода текста. Value - значение (в поле для ввода е-майл оно = @, чтобы пользователю было яснее, конечно, затем пользователь введет свое значение для того поля).
Как видите, нам еще далеко до конечного результата.
Какие элементы формы нам еще знакомы тут? Кнопка отправки информации и кнопка сброса:
Больше знакомых нам элементов в данной форме нет. Поэтому приятный процесс вспоминания проденного ранее закончен, и начинается обучение.
Начнем мы с "переключателей":
Особенность данного элемента формы в том, что разные его значения взаимоисключающи. Т.е. он предоставляет пользователю выбор: ИЛИ - ИЛИ. Или он - мужчина, или она - женщина, и то и другое выбрать не получится.
А теперь разберем код, который мы должны ввести в нашу форму:
Вы:
Мужчина
Женщина
Итак, "переключатели" вводятся в нашу форму при помощи знакомого вам тега , type для которого мы указываем radio (type=radio). Name - обратите внимание, что для "переключателей" имя одинаковое, т.к. по сути это один элемент (что мы и подчеркиваем, задавая ему одно имя), зато value (значение) - должно быть обязательно разным.
Теперь поговорим о следующем незнакомом нам элементе формы, о "флажках":
Этот элемент тоже предоставляет пользователю выбор. Чем же он отличается от "переключателей". "Флажки" предоставляют пользователю выбор И - ИЛИ. Т.е. пользователь может отметить один из предложенных вариантов, а может одновременно выбрать несколько вариантов (допустим, ваш посетителю любит как боевики, так и документальные фильмы). "Переключатели" же, как вы должны помнить, дают возможность выбрать только что-то одно из предложенного (ИЛИ - ИЛИ).
Но давайте посмотрим код для этого элемента формы и разберемся в нем:
Итак, как мы видим, во всем виноват знакомый нам тег , только в этот раз его атрибут type принимает значение checkbox (type=checkbox). Name - обратите внимание, имя для каждого "флажка" мы задаем свое, уникальное, зато значение (value) - для всех "флажков" одинаковое.
Если вы хотите, чтобы какой-то флажок или переключатель был выбран по умолчанию, то мы можем ввести в наш код для этого "флажка" или "переключателя" атрибут checked:
Какие фильмы вы любите смотреть?
фантастику
боевики
приключенческие
мелодрамы
документальные
Как результат, в форме, предлагаемой посетителю будет уже отмечен пункт "приключенческие":
Конечно же, ваш посетитель сможет убрать эту пометку и выбрать потом свое.
Когда мы разобрались с "переключателями" и "флажками", перейдем к следующему незнакомому нам элементу в нашей форме:
Знакомьтесь, господа, это - выпадающий список. Этот весьма удобный элемент можно использовать не только в опросах для выбора чего-либо, очень часто его используют в качестве дополнительного меню на сайтах для быстрого перехода в какой-либо раздел-подраздел сайта.
Итак, выпадающий список вводится при помощи тега . Каждый пункт выпадающего списка вводится при помощи тега
Учимся делать опрос (голосование) на своем сайте.
Здравствуйте, читатели моего сайта!
В данной статье я хочу вас научить делать опросы (голосования) на сайтах. Вы узнаете, что для этого нужно и как это сделать. А также, вы узнаете все прелести подобных опросов, и как это отражается на вашей читательской аудитории.
Мне совсем недавно пришла в голову мысль о том, как сделать опрос на сайте
, чтобы люди, которые заходят на сайт смогли принять в них участие. Опрос очень интересная штука, которую многие, к сожалению, недооценивают и не воспринимают в серьез, а зря. Давайте я вам объясню, почему это нужно сделать на своем сайте или блоге.
— Я давно заметил, что люди охотно принимают участие в опросах, и неважно какие они, платные или бесплатные, важно лишь то, что они это делают, так как их интересует конечный результат, который порой может даже быть и неожиданным. Особенно, во всяких опросах более охотно принимают участие женская часть населения. Поэтому, если у вашего сайта или блога женская тема и аудитория в основном женская часть населения, то подобные опросы - это то, что вам нужно для своего сайта или блога. Это повод увеличить интерес к сайту.
— Также опросы часто проводятся на своих сайтах и блогах для того, чтобы лучше понять читательскую аудиторию, что они хотят читать на сайтах и в какой подаче. Порой вы пишите статьи для своего сайта или блога, а читательской аудитории ваши статьи не интересны и это является причиной плохой посещаемости вашего сайта. И чтобы этот недостаток минимизировать и решили сделать опросы на своих сайтах и блогах, с целью узнать, какая информация аудиторию больше интересует и на что нужно больше уделять внимание автору сайта.
Вот две, на мой взгляд, основные причины по которым вам полезно применять всевозможные опросы на своих сайтах. Лично меня эта тема тоже очень заинтересовала и я обязательно сделаю на своем сайте опрос, чтобы знать точнее, про что мне нужно писать, а про что нет, чтобы не тратить свое и чужое время зря.
Сейчас я хочу вам показать принцип создания опросов на сайтах
, что и как нужно делать, чтобы у вас на сайте красовался интересный и полезный опрос.
Я не буду здесь рассматривать платные виды опросов, с помощью которых вы можете подзаработать , а покажу, как сделать обычный опрос, который вы можете увидеть на многих сайтах. Да, и в таких бесплатных опросах люди охотнее принимают участие, что является очень хорошо и для них и для вас.
Я покажу вам простую форму голосования, которую вы можете сделать абсолютно бесплатно и без усилий. Я подобрал для вас наиболее простой способ создания формы опроса для вашего сайта, который отлично подойдет для тех сайтов, которые находятся на бесплатном хостинге . Поэтому данную форму вы можете вставлять куда угодно и как угодно, при этом в любой момент вы можете его изменить как вам угодно. Но об этом чуть позже, а сейчас повторяйте за мной.
Для начало перейдите по такому адресу http://www.rupoll.com
. После чего вам нужно будет перейти по ссылке Создать Опрос
.
Чуть ниже вы должны написать ваши варианты ответов на поставленный вами вопрос, который вы написали чуть выше. Здесь полей достаточно, но вы берете столько полей, сколько вам необходимо.
Внизу данной страницы вы должны поставить галочку, что вы согласны с правилами пользования данным сервисом для создания опросов. После этого вы нажмите на кнопку Создать Опрос
.
После чего сервис даст вам несколько видов вашего опроса с нужным кодом к каждому варианту. Мне больше приглянулся последний вариант в виде табличной формы. Здесь, как вы видите на скриншоте, уже есть готовый код данной формы опроса, который вам нужно скопировать и вставить себе на сайт. Но, что я заметил здесь, так это то, что в коде есть одна не большая ошибка, что и подтверждает, что сервис бесплатный и с простеньким дизайном. Но это не столь важно, главное, чтобы вас все устраивало и все работало. А для того, чтобы данный код работал на вашем сайте, нужно исправить ошибку в коде. Там вместо кода
нужно исправить на
после главного вопроса. После этого у вас должно все работать. По крайне мере у меня все заработало и вы в этом можете убедиться сами в низу статьи.
Вот, что у меня получилось в конечном итоге.
Вообще вы можете данную форму сделать как вам угодно. Единственное, что не нужно трогать, так это ссылки в самом коде, которые нужны для работы данной формы опроса и обработки информации на сервисе.
2-й способ создания опроса (голосования) на сайте.
Данный способсоздания голосования
(опроса) на сайте ко мне пришел позже, когда я о нем узнал. Данный способ на мой взгляд является самым удачным с учетом того, что он создается легко и просто и при этом еще бесплатно, а это не маловажный фактор.
Надеюсь, все знают, что такое социальная сеть Вконтакте. Если нет, то рекомендую там зарегистрироваться, так как это полезно не только вам, но и вашему сайту, так как с помощью Вконтакте вы можете сделать множество фишек для своего сайта и еще неплохо раскрутить сайт с помощью данной социальной сети. Поэтому мой совет - зарегистрируйтесь, не пожалеете.
Если вы уже зарегистрировались Вконтакте, то приступаем к следующей фазе, которая будет заключаться в том, что мы с вами создадим опрос
в социальной сети, а потом вставим его код себе на сайт. Все очень просто и понятно сейчас убедитесь.
Итак, заходим в аккаунт в Вконтакте, и ниже ваших фотографий у вас будет строка с названием "Что у Вас нового?
". Вам нужно поставить туда курсор.
После того как вы поставите в данную строку курсор мыши, у вас появиться ссылка "Прикрепить
". Наведите мышкой по данной ссылке и у вас откроется окно, где вы должны навести также на ссылку "Другое
"... После чего появиться еще одно окно, в котором вы должны выбрать пункт меню "Опрос
".
После того как вы перейдете по пункту меню Опрос, вы попадете на форму для создания темы опроса.
\
Здесь вам нужно придумать тему опроса, которую вы пишете в первой верхней строке, а ниже придумываете и вписываете ответы в соответствующие строки. Если вам не достаточно 2-х строк для вариантов ответа, то вы можете легко добавить еще строки для вариантов, сколько вам необходимо, но не более 10-ти вариантов. Но я думаю, этого будет достаточно, чтобы сделать нормальный опросник на своем сайте. После того как вы создадите опрос (голосование) нажмите на кнопку "Отправить
". После чего у вас появиться примерно такая картина как на скриншоте ниже.
Иногда бывает полезно узнать мнение пользователей о том, что они думают о новом дизайне вашего ресурса или какие темы на блоге им больше всего интересны. В этой статье я расскажу, как установить виджет опросов на сайт. Готовый код опроса (голосования) можно взять бесплатно из социальной сети ВКонтакте.
Если вы зарегистрированный пользователь ВКонтакте, перейдите по ссылке
Если вы не зарегистрированы, можете .
Переходим к настройкам виджета:
→
в поле «Сайт/приложение»
– указываем, на какой сайт вы хотите установить опрос; →
в поле «Тема опроса»
– пишите вопрос, который вы хотите задать пользователям; →
в поле «Варианты ответа»
– пишите ответы, которые пользователь должен выбрать; →
ссылка «добавить»
и «удалить»
– с ее помощью можно добавить или удалить поле для вариантов ответа; →
поле «Ширина»
– это размер виджета. Но оно почему-то не работает. Об этом чуть позже.
Вот такие настройки виджета получились у меня для моего блога.
Все, жмите на кнопку «Получить код»
.
Откроется новое окно под названием «Код для вставки»
.
Чтобы установить виджет опросов на
WordPress
, нужно скопировать тот код, что я выделил цифрой 1
, и вставить его в файл «header.php»
(«админ панель» => «Внешний вид» => «Редактор» => «Заголовок (header.php
)»
). Код нужно разместить между тегами
head >
.
Скопируйте следующий код, который я выделил цифрой 2
, и вставьте его в файл «sidebar.php»
, в то место, где вы хотите видеть блок опроса («админ панель» => «Внешний вид» => «Редактор» => «Боковая колонка (sidebar.php)»
).
Теперь можно обновить блог или сайт и посмотреть на результат:
Как видите, блок опроса (голосования) появился на блоге, но он как-то криво стоит. Размер в настройках виджета «ширина»
почему-то не работает. Но это не важно. Вам нужно зайти в файл «style.css»
(«админ панель» => «Внешний вид» => «Редактор» => « Таблица стилей (style.css
)»
) и прописать в самом конце файла вот такой стиль:
#vk_poll iframe {width: 210px !important;}
вместо цифры 210
укажите нужный вам размер.
Смотрим на результат:
Вот так вот!
Как посмотреть результаты опроса «ВКонтакте» на блоге?
Результаты опроса видны тому, кто уже проголосовал (как пользователь, так и владелец сайта). Голосовать можно только один раз (т.е. выбрать только один вариант ответа), но если мнение изменилось, то есть возможность переголосовать.
Чтобы установить виджет опросов ВКонтакте
на стандартный сайт созданного в HTML
или PHP
, вам нужно проделать те же действия в настройках виджета. С кодом здесь тоже все просто. Код, обозначенный мной 1
, вставьте между тегами
head >
.
Код, обозначенный мной 2
, вставьте между тегами
, в то место, где вы хотите, чтобы отображался блок опроса (голосования):