Теперь вернемся к нашим баранам и попробуем поставить информер там где нужно. Какой участок нужно переместить я писал выше, теперь подумаем куда его вставить.
С виджетом все понятно, висит себе сбоку и никаких настроек не требует, разве что отцентрировать немного. Что же делать с подвалом? Если честно тут подхода как такового нет, просто берете и тыкаете его перед каким-то дивом (открывающийся или закрывающийся блочный тег
), сохраняете изменения и смотрите где вылезла картинка. Для более продвинутых, простите за такое объяснение, пытаюсь что бы было доступно абсолютно всем.
Если нас расположение не устраивает идем к следующему диву или к любому другому тегу и вставляем туда. Так перебираем пока не «попадем» туда куда нужно. Для тех кто соображает хоть немного в html, проблем не должно возникнуть. Для тех кто абсолютный ноль привожу картинку где можно располагать информер в футере:
Не поймите меня не правильно, я не хочу кого-то обидеть или напороться на кучу критики по поводу моего примера. Если для вас это слишком банально, просто пропустите. Поверьте находится масса людей, которым нужно рассказывать до деталек.
Ну что установили свой «злосчастный» код? Что так и не решились полезть в файлы темы, тогда специально для вас следующий раздел статьи.
Как установить Яндекс Метрику на WordPress с помощью плагина
Перед тем как вы начнете устанавливать плагин, настоятельно рекомендую помучится с предыдущими вариантами, они гораздо выгоднее во всех отношениях. Если вы уже настолько отчаялись что не собираетесь больше пытаться править код, тогда представляю вам плагин с одноименным названием «Яндекс Метрика».
После того как вы установили плагин, активируем его и переходим в пункт меню «Настройки»/»Яндекс Метрика» и вставляем код в одно единственное поле:
Сохраняем изменения и все. Код установлен, метрика начала свою работу и вас можно поздравить, вы разобрались как установить Яндекс метрику на WordPress с помощью плагина.
Важно знать:
При обновлении текущей темы или ее смене не забудьте о том что нужно вставить код по новой, потому что он скорее всего исчезнет, поэтому либо не забывайте либо не обновляйтесь. В противном случае можно прописать скрипт который будет автоматически вставлять код, возможно я в будущем напишу об этом, но пока на этом все.
Получилась довольно большая статья, по совсем маленькой теме. Ну как вышло так и будет. Главное что бы вы смогли установить Яндекс Метрику на WordPress,
как в ручном режиме так и с помощью плагина.
Плагины счетчиков посещений для WordPress
— это замечательное расширение для любого сайта или блога. Они позволяют эффективно отслеживать, какое количество пользователей побывало на вашем сайте.
В этой статье мы расскажем о лучших плагинах WordPress
для установки счетчиков посетителей.
1. Visitor Map
Плагин показывает в виджете количество посетителей и их местоположения на карте мира. Вы сможете видеть количество посетителей, их IP-адрес
, страну и город. Блок карты можно разместить в панели администрирования:
2. Simple Visitor Counter
Этот виджет отображает количество посетителей за день, неделю и месяц. Вы сможете точно определить различные виды активности на сайте, а также предоставить эту информацию посетителям. Плагин позволяет вывести виджет счетчика посещений сайта в боковой панели или подвале:
3. Awesome Visitor Counter
Вы можете загрузить Awesome Visitor Counter
из репозитория WordPress
и вывести виджет в боковой панели, подвале или другом месте. Он позволяет отслеживать, анализировать и даже выводить результаты. С помощью этого плагина можно отследить каждого посетителя сайта:
4. Personal Hit Counter
Данный плагин определяет, как часто кто-то посещает сайт с помощью определенной программы. Он полностью согласуется со стилем используемой темы и сайта в целом. Для посетителей он будет выглядеть, как встроенный компонент темы. Если вы попробуете плагин с различными темами, то увидите, как изменяется его внешний вид. Для этого не нужно вносить изменения в код! Также вам не нужно использовать шорткоды или настраивать какие-либо параметры:
5. Visitor Counter Plugin
Прекрасно спроектированный и разработанный WordPress
счетчик посещений. Он полностью совместим с последними версиями WordPress
. Его можно легко настроить и начать использовать за считанные секунды:
6. Free counter
Мощный, профессионально разработанный многофункциональный плагин WordPress
. Он включает в себя продвинутую систему статистики, которая предоставляет уникальные данные по посетителям, а также популярным страницам и записям. Плагин также поддерживает отслеживание ботов поисковых систем:
7. Visitors Online от BestWebSoft
Этот мощный PHP
счетчик посещений позволяет отслеживать количество посетителей на сайте. С его помощью можно отображать информацию в панели администрирования WordPress
. Также плагин позволяет определять дни с наибольшим количеством посещений:
8. WP Counter – Visitor Counter WordPress Plugins
Это профессиональный и простой счетчик посетителей. Данный плагин позволяет отслеживать уникальных посетителей сайта по различным диапазонам дат:
9. Jellyfish Counter Widget
Интерактивный и гибкий плагин счетчика посещений сайта WordPress
. Он предоставляет возможность отобразить счетчик с помощью виджета и шорткода, быстро добавлять анимированные счетчики:
10. Page Visit Counter
Простой в настройке и визуально красивый плагин WordPress
. Этот счетчик посетителей дает возможность искать данные по названию страницы и дате, делиться контентом в социальных сетях. Полученные с его помощью данные можно видеть в виде таблицы в панели администрирования:
Перевод статьи «10 BEST VISITOR COUNTER WORDPRESS PLUGINS 2017
» дружной командой проекта .
Хорошо
Плохо
Здравствуйте Все. Сегодня хочу рассказать о том, как . Раз вы попали на данную страницу, значит уже на данном популярном движке. И хотите знать сколько же человек посетили ваш ресурс:). И правильно! Тем более чтобы установить метрику на wordpress понадобится не более 10-15 минут.
Есть два способа установки счетчика метрики на wordpress: с помощью плагина и редактированием темы. Различие такое. В случае вставки кода Метрики способом редактирования и последующей смены темы, код надо будет вставлять заново. Поставили счетчик плагином — один раз и забыли. При изменении темы код остаётся.
Формирование кода счетчика Яндекс Метрики
Сперва надо завести аккаунт в сервисе Яндекс, то есть создать себе почту. Вполне вероятно что она уже есть. В разделе Все сервисы Яндекса выберите Метрика.
Жмите Добавить счётчик
.
Заполняете необходимые поля. Ставите галочку Согласны с условиями пользовательского соглашения
. Создать счетчик
.
На следующей странице выбрав определенные пункты формируется код счетчика. Обязательно отмечайте , асинхронный код. Используя данную опцию скорость загрузки сайта не замедляется, потому как код и страница грузятся параллельными курсами.
Если желаете установить графический информер отмечаете и его. Но думаю на молодом сайте хвастать нечем, и пока он не нужен.
Жмите Сохранить
.
Счетчик Яндекс Метрики сформировали. Теперь перейдем непосредственно к установке.
Установить счетчик Яндекс Метрики на wordpress без плагина
Опытные веб-мастера для ускорения сайта рекомендуют ставить на блог как можно меньше плагинов. Код счетчика можно установить в шапке сайта (header) и в подвале (footer). Сам Яндекс рекомендует ставить в шапке, для более точной информации. Так как шапка загружается быстрее. В то же время это влияет на загрузку страницы. Если у вас довольно шустрый сайт, то смело ставьте в header. В основном у большинства код счетчика стоит в footer.
В панели администратора вордпресс открываете раздел Внешний вид ⇒ Редактор.
Справа ищите файл с названием footer. В выпадающем окне скролите вниз, находите тег . Устанавливаете код перед ним и сохраняете изменения.
Такую же процедуру можно выполнить не из админки, а из панели своего
Практически для любой торговой организации важным элементом деятельности является составление прайс-листа предоставляемых товаров или услуг. Его можно создать при помощи различных программных решений. Но, как не удивительным для некоторых людей это может показаться, одним из самых простых и удобных способов является создание прайс-листа с помощью обычного табличного процессора Microsoft Excel. Давайте разберемся, как можно выполнить указанную процедуру в данной программе.
Прайс-лист – это таблица, в которой указано наименование товаров (услуг), предоставляемых предприятием, их краткая характеристика (в некоторых случаях), и обязательно – стоимость. Наиболее продвинутые экземпляры содержат в себе ещё и изображения товаров. Ранее традиционно у нас чаще применялось другое синонимичное название – прейскурант. Учитывая, что Microsoft Excel – это мощнейший табличный процессор, составление подобных таблиц у него не должно вызвать проблем. Более того, с его помощью можно оформить прайс-лист на очень высоком уровне в предельно сжатые сроки.
Способ 1: простой прайс-лист
Прежде всего, давайте рассмотрим пример составления простейшего прайс-листа без картинок и дополнительных данных. Он будет состоять всего из двух колонок: название товара и его стоимость.
- Даем наименование будущему прайс-листу. Наименование обязательно в себе должно содержать название организации или торговой точки, для товарного ассортимента которых он составляется.
Наименование должно выделяться и бросаться в глаза. Оформление можно произвести в виде картинки или яркой надписи. Так как у нас простейший прайс, то мы выберем второй вариант. Для начала в крайней левой ячейке второй строки листа Excel пишем название документа, с которым работаем. Делаем это в верхнем регистре, то есть, большими буквами.
Как видим, пока наименование «сырое» и не отцентрованное, так как размещать по центру, по сути, нет относительно чего. «Тело» прайс-листа ещё не готово. Поэтому к завершению оформления названия мы вернемся чуть позже.
- После наименования пропускаем ещё одну строку и в следующей строке листа указываем названия столбцов прейскуранта. Назовем первую колонку «Наименование товара»
, а вторую – «Стоимость, руб.»
. При необходимости расширяем границы ячеек, если названия столбцов выходят за них.
- На следующем этапе заполняем прайс-лист собственно информацией. То есть, в соответствующие колонки мы записываем наименования товаров, которые продает организация, и их стоимость.
- Тоже в случае, если наименования товаров выходят за границы ячеек, то расширяем их, а если названия слишком длинные, то форматируем ячейку с возможностью переноса по словам. Для этого выделяем элемент листа или группу элементов, в которых собираемся осуществлять перенос по словам. Щелкаем правой кнопкой мыши, тем самым вызывая контекстное меню. Выбираем в нем позицию «Формат ячеек…»
.
- Запускается окно форматирования. Переходим в нем во вкладку «Выравнивание»
. Затем устанавливаем флажок в блоке «Отображение»
около параметра «Переносить по словам»
. Жмем на кнопку «OK»
в нижней части окна.
- Как видим, после этого наименования продукции в будущем прейскуранте переносятся по словам, если не помещаются в пространство выделенное для данного элемента листа.
- Теперь для того, чтобы покупатель лучше ориентировался по строкам, можно оформить границы для нашей таблицы. Для этого выделяем весь диапазон таблицы и переходим во вкладку «Главная»
. В блоке инструментов на ленте «Шрифт»
имеется кнопка, отвечающая за нанесение границ. Щелкаем по пиктограмме в виде треугольника справа от неё. Открывается список всевозможных вариантов границ. Выбираем пункт «Все границы»
.
- Как видим, после этого прайс-лист получил границы и по нему легче ориентироваться.
- Теперь нам нужно добавить цвет фона и шрифта документа. Строгих ограничений в этой процедуре нет, но существуют отдельные неписаные правила. Например, цвета шрифта и фона должны максимально контрастировать друг с другом, чтобы буквы не сливались с фоном. Не желательно при оформлении фона и текста применять близкие по спектру цвета и недопустимо применение одинаковых цветов. В последнем случае буквы полностью сольются с фоном и станут нечитаемые. Также рекомендуется отказаться от использования агрессивных цветов, которые режут глаз.
Итак, зажимаем левую кнопку мыши и выделяем весь диапазон таблицы. При этом можно захватить одну пустую строку под таблицей и над ней. Далее переходим во вкладку «Главная»
. В блоке инструментов «Шрифт»
на ленте имеется иконка «Заливка»
. Кликаем по треугольнику, который размещен справа от неё. Открывается список доступных цветов. Выбираем тот цвет, который считаем более уместным для прейскуранта.
- Как видим, цвет выбран. Теперь при желании можно изменить шрифт. Для этого опять выделяем диапазон таблицы, но на этот раз без наименования. В той же вкладке «Главная»
в группе инструментов «Шрифт»
имеется кнопка «Цвет текста»
. Жмем на треугольник справа от неё. Как и в прошлый раз открывается список с выбором цветов, только на этот раз уже для шрифта. Выбираем цвет согласно своим предпочтениям и тем негласным правилам, о которых шел разговор выше.
- Опять выделяем все содержимое таблицы. Во вкладке «Главная»
в блоке инструментов «Выравнивание»
щелкаем по кнопке «Выровнять по центру»
.
- Теперь нужно заняться наименованиями столбцов. Выделяем элементы листа, которые содержат их. Во вкладке «Главная»
в блоке «Шрифт»
на ленте щелкаем по иконке «Полужирный»
в виде буквы «Ж»
. Можно также вместо этого набрать сочетание горячих клавиш Ctrl+B
.
- Теперь следует вернуться к названию прайс-листа. Прежде всего, произведем размещение по центру. Выделяем все элементы листа, которые находятся в той же строке, что и название, до конца таблицы. Кликаем по выделению правой кнопкой мыши. В контекстном меню выбираем пункт «Формат ячеек…»
.
- Открывается уже знакомое нам окно формата ячеек. Перемещаемся во вкладку «Выравнивание»
. В блоке настроек «Выравнивание»
открываем поле «По горизонтали»
. Выбираем в списке пункт «По центру выделения»
. После этого, чтобы сохранить установленные настройки, жмем на кнопку «OK»
внизу окна.
- Как видим, теперь наименование прайс-листа размещается по центру таблицы. Но нам нужно ещё поработать над ним. Следует немного увеличить размер шрифта и изменить цвет. Выделяем ячейки, в которых размещено название. Во вкладке «Главная»
в блоке «Шрифт»
кликаем по треугольнику справа от иконки «Размер шрифта»
. Из списка выбираем нужный размер шрифта. Он должен быть большим, чем в других элементах листа.
- После этого можно также сделать цвет шрифта наименования отличным от цвета шрифта других элементов. Делаем это так же, как изменяли данный параметр для содержимого таблицы, то есть, с помощью инструмента «Цвет шрифта»
на ленте.
На этом можно считать, что простейший прайс-лист готов к распечатке на принтере. Но, несмотря на то, что документ довольно простой, нельзя сказать, что он выглядит коряво или несуразно. Поэтому его оформление не будет отпугивать заказчиков или клиентов. Но, естественно, при желании внешний вид можно совершенствовать практически до бесконечности.
Способ 2: создание прайс-листа с постоянными картинками
В более сложном прайс-листе рядом с наименованиями товаров расположены картинки, изображающие их. Это позволяет покупателю получить более полное представление о товаре. Давайте посмотрим, как это можно воплотить в жизнь.
- Прежде всего, у нас уже должны быть заранее подготовленные фотографии товаров, хранящиеся на жестком диске компьютера или на съемном носителе подключенном к ПК. Желательно, чтобы они располагались все в одном месте, а не были разбросаны по разным директориям. В последнем случае задача усложнится, а время её решения будет значительно увеличено. Поэтому и рекомендуется произвести упорядочивание.
- Также, в отличие от предыдущей таблицы, прейскурант можно немного усложнить. Если в предыдущем способе наименование типа товара и модели располагались в одной ячейке, то теперь давайте их разделим на два отдельных столбца.
- Далее нам нужно избрать, в какой колонке будут находиться фотографии товаров. Для этой цели можно добавить колонку слева от таблицы, но более рациональным будет, если столбец с изображениями расположится между колонками с наименованием модели и стоимости товара. Для того, чтобы добавить новую колонку на горизонтальной панели координат кликаем левой кнопкой мыши по сектору, в котором расположен адрес столбца «Стоимость»
. После этого весь столбец должен быть выделен. Затем переходим во вкладку «Главная»
и щелкаем по кнопке «Вставить»
, которая размещена в блоке инструментов «Ячейки»
на ленте.
- Как видим, после этого слева от колонки «Стоимость»
будет добавлен новый пустой столбец. Даём ему наименование, например «Изображение товара»
.
- После этого переходим во вкладку «Вставка»
. Кликаем по иконке «Рисунок»
, которая находится на ленте в блоке инструментов «Иллюстрации»
.
- Открывается окно вставки рисунка. Переходим в ту директорию, где расположены предварительно нами отобранные фотографии товаров. Выделяем то изображение, которое соответствует первому наименованию товара. Щелкаем по кнопке «Вставить»
внизу окна.
- После этого фотография вставляется на лист в свою натуральную величину. Нам, естественно, нужно её уменьшить, чтобы вместить в ячейку приемлемой величины. Для этого поочередно становимся на разные края изображения. Курсор преобразуется в двунаправленную стрелку. Зажимаем левую кнопку мыши и тянем курсор к центру картинки. Подобную процедуру проделываем с каждым краем, пока рисунок не примет приемлемые размеры.
- Теперь нам следует отредактировать размеры ячеек, ведь в настоящее время высота ячеек слишком мала, чтобы корректно вместить изображение. Ширина, в общем, нас удовлетворяет. Сделаем элементы листа квадратными, чтобы их высота была равна ширине. Для этого нужно узнать величину ширины.
Чтобы это сделать, устанавливаем курсор на правую границу столбца «Изображение товара»
на горизонтальной панели координат. После этого зажимаем левую кнопку мыши. Как видим, отображаются параметры ширины. Вначале указана ширина в определенных условных единицах. На эту величину не обращаем внимания, так как данная единица для ширины и высоты не совпадает. Смотрим и запоминаем количество пикселей, которое указано в скобках. Эта величина универсальная, как для ширины, так и для высоты.
- Теперь следует установить такой же размер высоты ячеек, какой он был указан по ширине. Для этого выделяем курсором на вертикальной панели координат с зажатой левой кнопкой мыши те строки таблицы, которые следует расширить.
- После этого на той же вертикальной панели координат становимся на нижнюю границу любой из выделенных строк. При этом курсор должен преобразоваться в такую же двунаправленную стрелку, которую мы видели на горизонтальной панели координат. Зажимаем левую кнопку мыши и тянем стрелку вниз. Тянем до тех пор, пока высота не достигнет того размера в пикселях, который имеет ширина. После достижения этой величины сразу же отпускаем кнопку мыши.
- Как видим, после этого высота всех выделенных строк увеличилась, несмотря на то, что мы перетаскивали границу только одной из них. Теперь все ячейки столбца «Изображение товара»
имеют квадратную форму.
- Далее нам нужно поместить фотографию, которую мы ранее вставили на лист, в первый элемент столбца «Изображение товара»
. Для этого наводим на неё курсор и зажимаем левую кнопку мышки. Затем тащим фото до целевой ячейки и устанавливаем изображение на неё. Да, это не ошибка. Картинку в Excel можно установить поверх элемента листа, а не вписать в него.
- Вряд ли сразу получится так, что размер изображения полностью совпадет с размером ячейки. Скорее всего фото будет или выходить за её границы или недотягивать до них. Регулируем размер фотографии перетягиванием её границ, как уже это делали выше.
При этом картинка должна быть немного меньше размера ячейки, то есть, между границами элемента листа и изображения должен быть совсем небольшой зазор.
- После этого таким же образом вставляем в соответствующие элементы столбца другие заранее подготовленные картинки товаров.
На этом создание прайс-листа с изображениями товаров считается оконченным. Теперь прейскурант можно распечатывать или предоставлять заказчикам в электронном виде, в зависимости от выбранного вида распространения.
Способ 3: создание прайс-листа с появляющимися изображениями
Но, как видим, изображения на листе занимают значительную часть места, увеличивая размер прейскуранта в высоту в несколько раз. К тому же для отображения картинок приходится добавлять один дополнительный столбец. Если вы не планируете распечатывать прайс-лист, а собираетесь использовать и предоставлять клиентам его только в электронном виде, то можно убить сразу двух зайцев: вернуть размеры таблицы к тем, которые были в Способе 1
, но при этом оставить возможность просмотра фотографий товаров. Этого можно достигнуть, если мы поместим картинки не в отдельный столбец, а в примечания ячеек, содержащих наименование модели.
- Выделяем первую ячейку в столбце «Модель»
кликом по ней правой кнопкой мыши. Производится запуск контекстного меню. В нем выбираем позицию «Вставить примечание»
.
- После этого открывается окно примечания. Наводим курсор на его границу и кликаем правой кнопкой мыши. При наводке курсор должен преобразоваться в пиктограмму в виде стрелок, направленных в четыре стороны. Очень важно произвести наводку именно на границу, а не сделать это внутри окна примечания, так как в последнем случае откроется окно форматирования не такое, как нам нужно в данном случае. Итак, после того, как был произведен щелчок, запускается контекстное меню. В нем выбираем позицию «Формат примечания…»
.
- Открывается окно формата примечания. Перемещаемся во вкладку «Цвета и линии»
. В блоке настроек «Заливка»
щелкаем по полю «Цвет»
. Открывается список с перечнем цветов заливки в виде значков. Но нас интересует не это. В самом низу списка расположен параметр «Способы заливки…»
. Выполняем щелчок по нему.
- Запускается ещё одно окно, которое называется «Способы заливки»
. Перемещаемся во вкладку «Рисунок»
. Далее щелкаем по кнопке «Рисунок…»
, расположенной на плоскости данного окна.
- Запускается точно такое же окно выбора рисунка, которые мы уже применяли при рассмотрении предыдущего способа составления прейскуранта. Собственно, и действия в нем нужно выполнить полностью аналогичные: перейти в директорию расположения изображений, выделить нужную картинку (в данном случае отвечающую наименованию первой модели в списке), нажать на кнопку «Вставить»
.
- После этого выбранная картинка отобразится в окне способа заливки. Щелкаем по кнопке «OK»
, размещенной в его нижней части.
- После выполнения данного действия мы опять возвращаемся в окно формата примечаний. Тут тоже следует щелкнуть по кнопке «OK»
для того, чтобы указанные настройки были применены.
- Теперь при наведении курсора на первую ячейку в столбце «Модель»
в примечании будет отображаться изображение соответствующей модели устройства.
- Далее нам придется повторить все указанные выше шаги данного способа создания прайс-листа для других моделей. К сожалению, ускорить процедуру не получится, так как в примечание конкретной ячейки нужно вставить только определенную фотографию. Так что, если прейскурант состоит из большого перечня товаров, то приготовьтесь потратить значительное количество времени на его заполнение изображениями. Но в итоге вы получите отличный электронный прайс-лист, который будет одновременно максимально компактным и информативным.
Конечно, мы привели примеры далеко не всех возможных вариантов создания прайс-листов. Ограничителем в данном случае может выступать только лишь человеческая фантазия. Но и из тех примеров, которые были указаны в данном уроке, видно, что прайс-лист или, как его по-другому называют, прейскурант может быть как максимально простым и минималистичным, так и довольно сложным, с поддержкой всплывающих изображений при наведении на них курсора мыши. Какой именно выбрать способ, зависит от многого, но прежде всего от того, кто ваши потенциальные покупатели и как вы им собираетесь предоставлять данный прейскурант: на бумаге или в виде электронной таблицы.
