WordPress Плагины

Интеграция WooCommerce с Gudriem.lv, Salidzini.lv и KurPirkt.lv

Интеграция WooCommerce с Gudriem.lv, Salidzini.lv и KurPirkt.lv

Мы разработали XML модуль для интеграции WooCommerce с популярными Латвийскими агрегаторами и поисковиками — Gudriem.lv, Salidzini.lv и KurPirkt.lv.

Используя наше решение вы за несколько кликов сможете выгрузить свой каталог на сайты Gudriem.lv, Salidzini.lv и KurPirkt.lv. Наш модуль работает автоматически и поддерживает xml ссылки в актуальном состоянии. После обновлений ваших товаров, например цены или описания — это автоматически отобразится у парнёров.

Данное решение подходит для любого сайта работающего на WordPress и WooCommerce.

Для установки модуля на ваш сайт свяжитесь с нами

speed-test-cover-1000x500

Как проверить работоспособность сайта на WordPress

Зачем проверять эффективность работы сайта на WordPress? Ну, хотя бы потому, что каждый год скорость работы сайтов становится все более решающим фактором. Формула на самом деле очень проста: чем шустрее будет работать ваш сайт, то тем более довольной будет у вас аудитория. У более шустрых сайтов есть целый ряд преимуществ:

 

  •  самый главный из них в том, что более шустрые сайты обычно и более дружелюбны по отношению к пользователям, так как они тупо не лагают и не подвисают
  •  быстрые сайты лучше оптимизированы для просмотра с телефона
  • они лучше ранжируются в поисковых системах
  • они лучше продаются – обычно люди не любят долго ждать пока сайт загрузится

 

Итак, с этим мы разобрались… Но еще есть такой вопрос: с чего начинать? Как проверить эффективность работы своего сайта? Говоря прямо: как понять, что ваш сайт тормозит? Предлагаем вашему вниманию четыре способа как это можно сделать.

1. Проверить время загрузки

WordPress

Можно поступить очень просто – тупо ввести адрес сайта в адресной строке своего браузера и посмотреть как быстро сайт загрузится. Но это очень топорный способ, поскольку таким образом вы сможете узнать только то, как сайт работает для вас, а не для вашей аудитории. Для более точных результатов зайдите на Pingdom, выберите местонахождение сервера, откуда вы хотите замерить производительность сайта. Разумеется, наилучшим вариантом будет выбирать местонахождение, близкое к вашей целевой аудитории. Спустя несколько секунд после нажатия START TEST сайт выдаст вам отчет о каждой составляющей вашего ресурса. Наиболее важные сведения вы можете увидеть в первом разделе.

WordPress

2. Проверьте сколько параллельного трафика ваш сайт может обработать

WordPress

Следующий тест тоже очень полезен и для этого вам понадобится инструмент под названием Load Impact. Просто введите адрес своего сайта в ячейку и нажмите на кнопку Run free test. Что делает сервис, так это создает двадцать пять ботов и направляет их на ваш сайт, чтобы вы могли увидеть как он будет работать под нагрузкой. Эта проверка занимает всего пять минут, а по ее окончании вас ждет исчерпывающий отчет.

WordPress

На первый взгляд, это может выглядеть запутанно, но отчет на самом деле не такой сложный. Главное, о чем вам нужно помнить, это, что зеленая линия, которая отражает время нагрузки сайта, должна быть как можно ниже. Если она движется вверх, то это значит, что вам стоит поработать над производительностью своего сайта.

3. Проверьте качество своих настроек WordPress

 

Как и многие программные продукты, WordPress состоит из множества небольших элементов, скриптов и механизмов, которые вместе делают ваш сайт таким прекрасным. Это в случае если все эти элементы должным образом оптимизированы. И тут на сцену выходит GTmetrix, который может помочь вам проверить производительность сайта.

WordPress

Как и в предыдущих случаях, от вас лишь требуется ввести адрес своего сайта и нажать по кнопке Analyze. Спустя некоторое время вам выдадут отчет, в котором будут фигурировать следующие пункты:

 

  • оптимизация изображений
  • кэш браузера
  • оптимизация JavaScript
  • оптимизация CSS
  • редиректы
  • оптимизация запросов http и многое-многое другое

 

GTMetrix также дает вам общий балл. Так, если оптимизация вашего сайта хромает, то вас ждет рейтинг D.

WordPress

4. Проверьте оптимизацию своих плагинов

WordPress

Напоследок у нас плагин под названием P3 (Plugin Performance Profiler). Как только вы его установили, зайдите в админку, а если конкретнее – в wp-admin / Tools / P3 Plugin Profiler. Затем нажмите по кнопке Start Scan и выберите автоматическое сканирование.

WordPress

Спустя какое-то время у вас будет отчет с каждым плагином и временем его загрузки. Таким образом вы сможете узнать какие плагины тормозят ваш сайт и убрать их, чтобы подыскать более шустрые альтернативы со схожим функционалом.

WordPress

Ваш сайт на WordPress до сих пор тормозит?

 

Даже если после всех этих тестов вам не удалось сделать сайт шустрее, то вы можете проверить другие хостинги. Например, мы советуем вам SiteGround, если ваша аудитория близко к Чикаго, Лондону, Амстердаму или Сингапуру, так как у них там есть дата-центры. SiteGround быстрый во всем – и в плане обслуживания сайтов, и в плане технической поддержки. Ребята даже с удовольствием перенесут ваш сайт с другого хостинга к себе полностью бесплатно. Если же вас интересует хостинг в Латвии — вы можете обратиться к нам.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


wordpress-cache-performance-graphs-v2

Лучшие плагины кэширования для WordPress

Прошло некоторое время с тех пор, как Google анонсировал, что скорость, с которой загружается сайт, повлияет на позицию в списке выдачи. То же самое относится и к мобильным устройствам. Но больше всего вас должно волновать то, как медленная работа сайта скажется на пользователях. Например, вы в курсе, что половина посетителей сайтов в Интернете считают, что он должен загрузиться за две секунды и меньше? Я думаю, что это весьма справедливо, ведь если так подумать, то нет ничего более раздражающего, чем смотреть как что-то подгружается. Не говоря уже о тех неудобствах, которые испытывает человек, когда хочет что-то купить, а сайт тормозит.

К счастью, существует много способов как можно ускорить свой сайт. Одним из лучших вариантов является использование специального модуля для кэширования (cache). Сегодня мы вкратце рассмотрим что такое кэширование и почему оно так критично, когда речь заходит о скорости загрузки страниц. Помимо этого я также поделюсь с вами списком лучших плагинов на рынке по работе с кэшем.

Что такое кэш?

Кэшем (cache) называется такое место в компьютерной памяти, где хранятся данные для будущего использования. Например, вместо того, чтобы полностью выполнять процесс по загрузке сайта из базы данных часть данных подкачивается из кэша. Когда посетитель ходит по вашему сайту, то сайт запрашивают данные из базы данных, которая хранится на хостинге. Если быть точнее, то они запрашивают изображения, Javascript и CSS вашего сайта, чтобы он был в читабельных файлах HTML и доставлялся прямо в браузер. К сожалению, этот процесс требует определенных ресурсов и занимает время. Однако нет никакой нужды в том, что пользователям сайта было нужно каждый раз запускать этот процесс. Особенно, когда речь заходит о статичном контенте вашего сайта. Например, опубликованных постах, которые навряд ли кто-то будет уже редактировать.

Именно поэтому кэширование вашего сайта необходимо, если вы хотите:

  • быстро предоставлять доступ к данным сайта, которые редко меняются
  • ускорить весь процесс загрузки сайта
  • предоставить более качественный пользовательский опыт для всех посетителей своего сайта
  • продвигать в позициях выдачи поисковиков, благодаря более высоким показателям загрузки
  • приберегите серверные ресурсы и снизьте кол-во крахов

Как вы видите, есть уйма преимуществ в том, чтобы кэшировать ваш сайт на WordPress.

Основной функционал, который есть в каждом из упомянутых плагинов:

  • кэширование для мобильных пользователей
  • уменьшение размеров файлов и сжатие GZIP
  • настройка расписания очистки кэша
  • поддержка HTTPS/SSL

Лучшие плагины для кэширования WordPress

Зная, что скорость сайта очень важна, и что она зависит напрямую от кэширования, нашим следующим шагом будет добавить соответствующий плагин себе на сайт. Вот несколько самых надежных, доступных и богатых функциями решений.

WP Super Cache

WordPress

WP Super Cache это один из самых популярных плагинов кэширования на сегодняшний день. Он генерирует статичные HTML-файлы из вашего динамичного блога со скоростью света. Один кэшированный файл может быть использован тысячи раз. Также, если у пользователей будет оставлен недописанный комментарий, то и он будет закэширован.

Особенности WP Super Cache

  • поддержка CDN
  • кастомные хуки
  • управляйте удалением кэша и расписаниями рекэширования
  • опции Mod_Rewrite, PHP, и Legacy Caching
  • увеличьте также скорость загрузки других плагинов

Цена: бесплатно

W3 Total Cache

WordPress

W3 Total Cache прямой конкурент ранее упомянутого плагина. Созданный как для улучшения поисковой оптимизации (SEO), так и пользовательского опыта, этот плагин отлично себя проявляет, когда речь заходит о скорости сайта.

Особенности W3 Total Cache

  • поддержка CDN
  • широкий выбор настроек для кастомного кэширования
  • встроенные фичи безопасности

Цена: бесплатно

WP Rocket

WordPress

WP Rocket относится к разряду премиальных плагинов для кэширования. Это простой плагин без каких-либо надстроек, его достаточно просто активировать, чтобы пошел процесс кэширования, но в нем есть масса фич, которые улучшат ваш сайт в самых разных вопросах. Например, премиальной поддержкой, легкой интеграцией с CloudFlare и CDN, и даже используйте этот плагин на мультисайтной (multisite) установке WordPress.

Особенности WP Rocket

  • поддержка CDN
  • широкий выбор настроек для кастомного кэширования
  • поддержка lazy load для отложенной загрузки изображений

Цена: 39 долларов

WP Fastest Cache

WordPress

WP Fastest Cache позволяет вам сберечь оперативную память и мощности процессора сервера при передаче файлов вашим посетителям. Вместо этого этот плагин позволяет генерировать статичные HTML-файлы, которые хранятся в кэше для последующего использования. Утилизируйте метод Mod_Rewrite, управляйте уменьшенными CSS и JavaScript файлами и даже исключайте определенные страницы и пользовательских агентов.

Особенности WP Fastest Cache

  • автоматическое удаление кэша на странице или в посте
  • поддержка CDN
  • на нашем опыте это самый простой и надёжный плагин кэширования

Стоимость: бесплатно

Comet Cache

WordPress

Comet Cache это еще один выдающийся плагин для кэширования, которым пользуются тысячи пользователей WordPress. Делая снэпшоты вашего сайта в режиме реального времени и тут же немедленно их кэшируя, этот плагин позволяет уменьшить нагрузку сервера и увеличивает скорости загрузки. Просто включите плагин и начните наблюдать за тем, как увеличивается работа вашего сайта.

Особенности Comet Cache

  • кэширование 404-редиректов для уменьшения влияния
  • кэширование RSS, RDF и Atom Feed

Стоимость: бесплатно

Hyper Cache

WordPress

Hyper Cache это последний в сегодняшнем списке плагинов кэширования WordPress. Он работает как на низкобюджетных (shared) серверах, так и на самых крутых выделенных серверах. Он написан на PHP, работает с любым WordPress блогом и не требует настроек. В дополнение ко всему перечисленному у него имеется двойной кэш для десктопа и мобильной версий сайта. Он также управляет сжатием GZIP.

Особенности Hyper Cache

  • поддержка CDN
  • интеграция bbPress для форумного кэширования
  • исключает папку кэша из бэкапов сайта

Стоимость: бесплатно

В качестве резюме

Если вложить немного времени в улучшение скорости работы своего WordPress-сайта, то можно пожать очень сочные плоды. Вообще, если по чесноку, то установка кэширующего WordPress плагина это то, что должен делать КАЖДЫЙ владелец сайта. Если вы ищите хороший способ улучшить результаты поисковой выдачи, удержать посетителей на своем сайте чуточку подольше и сделать так, чтобы сайт работал и загружался быстрее, то обязательно испробуйте кэширующий плагин и посмотрите на результаты. Уверены, они вас приятно удивят.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


WordPress-плагины для биткоина и криптовалют: отображение цен, прием платежей и другие 1

WordPress-плагины для биткоина и криптовалют: отображение цен, прием платежей и другие

Криптовалюты существуют уже далеко не первый год с момента запуска первой криптовалюты в далеком 2009 году, когда появился Биткойн. За это время они стали достаточно популярными, а их цена выросла до почти пяти тысяч долларов за монету (на сентябрь 2017 года). Многие люди учатся обращаться с этой валютой и делают свои первые покупки в Сети.

Если вы онлайн-продавец, то есть смысл начать работать с валютами вроде Биткойн, Лайткойн, Эфир, Монеро, Дэш и прочими. Скорее всего, вы не поимеете много продаж с этих валют, но если вы будете держать их у себя в кошельке, то с годами стоимость монет может значительно возрасти. Или можете сразу их обменять на любую традиционную валюту, воспользовавшись соответствующими обменниками типа CEX.

Мы составили набор из тридцати разных WordPress-плагинов для Биткойн и криптовалют, среди которых есть как платные так и бесплатные варианты. Эти плагины могут отображать цены валют, принимать платежи и так далее.

 

Coin Table – CMS для крипторынка

 

Coin Table это WordPress-плагин, который по сути является CMS под криптовалюты. Этот плагин помогает вам увидеть в режиме реального времени информацию о свыше семиста криптовалютах. Плагин богат настройками, упрощающими работу с ним.

WordPress-плагины для биткоина и криптовалют: отображение цен, прием платежей и другие 2

Бесплатные WordPress-плагины

 

Все плагины в этом разделе доступны для совершенно бесплатного скачивания из официального WordPress Directory.

Cryptocurrency All-in-One

 

Этот плагин предлагает массу полезных фич, которые помогут отобразить цены на вашем сайте. Вы можете очень просто добавить калькулятор валют в приятно отформатированную таблицу. Этот плагин также позволяет вам получить донат и приводит список всех криптовалют. Вы можете пользоваться этим плагином в качестве виджета, а также он поддерживает шорткод.

 

All Currencies for WooCommerce

 

А этот плагин позволяет вам добавить все валюты для плагина Woocommerce. У него имеется мультисайтовая поддержка и все типы криптовалют. Вы можете запросто изменить символ любой валюты и это позволит вам спрятать символ валюты с front-end. Можно скачать здесь.

 

CoinPayments

 

Этот WordPress-плагин создает платежный гейтвэй для Woocommerce. Он позволяет вашим покупателям делать платежи в биткойнах, риплах, лайткойнах и других криптовалютах. Плагин имеет открытое программное обеспечение и многие люди вносят свой вклад в его развитие. Плагин не только очень легко установить, но и у него еще простой интерфейс, который можно настроить под свои нужды.

 

GoUrl – Bitcoin / Altcoin Payment Gateway Addon

 

Этот плагин поможет вам создать собственный Биткойн-магазин за весьма короткие сроки. Он принимает биткойны, биткойнкэ, лайткойны, доджкойны, пиркойны и редкойны в WooCommerce. Все крипто-платежи будут сразу же направлены в ваш Биткойн-кошелек.

Bitcoin and Altcoin Wallets

 

Этот плагин может сделать из вашего сайта настоящий банк. Все ваши пользователи могут делать депозиты, выводить средства и переводить биткойны или альткойны на ваш сайт за несколько простых шагов. У плагина имеется элементарный бухгалтерский функционал, а все данные содержатся в базе данных MYSQL. Вы можете экспортировать и импортировать все транзакции из и в CSV-файлы. Плагин очень легкий и им легко управлять.

 

BitMate Author Donations

 

Это очень мощный WordPress-плагин, который добавляет поле с Биткойн-адресом в профили пользователей. Он позволяет людям принимать пожертвования в биткойнах через автоматически генерируемый ящик пожертвований для Биткойн. Вы можете разместить в любом месте у себя на сайте, воспользовавшись шорткодом. Качать здесь.

 

WP Bitcoin Wallet

 

Этот плагин позволяет вам отправлять и принимать Bitcoin-платежи прямо с вашего сайта. У него есть надежная имплементация Биткойн-кошелька, а также поддержка обмена биткойнов на доллары. Всю информацию можно посмотреть у себя в админпанели и вовсе нет необходимости заходить на другие сайты, чтобы отправить, получить или посмотреть баланс на Биткойне.

 

Cryptocurrency Ticker

 

Этот плагин позволяет вам отобразить текущие цены на криптовалюты, включая Биткойн, Эфир и Лайткойн у себя на сайте. Вы можете запросто уточнить цены тикетов в меню виджетов, чтобы предотвратить кучу запросов к coinbase.com с вашего сайта. Этот плагин был создан и разработан Cryptobadger.

 

WooCommerce VirtualCoin Services Gateway

 

Это плагин, который позволит вашему WordPress-сайту принимать биткойны, лайткойны и прочие криптовалюты. При этом вам понадобится API-ключ. Вам также нужно будет создать аккаунт с виртуальными монетами и кошелек, где вы будете хранить и распоряжаться своими криптовалютами.

 

Bitcoin Payments

 

Этот плагин позволяет вам использовать шорткоды и виджеты, чтобы отображать адреса ваших криптовалют у себя на сайте. Вы можете рекламировать свои криптовалютные адреса и QR-код, воспользовавшись шорткодом или виджетом. Это позволит вам использовать несколько адресов для разных криптовалют в любом месте своего сайта или страницы.

 

xCoinMoney

 

Этот плагин позволяет вам сделать из своего сайта настоящий обменник биткойн, лайткойн и долларов. Вы получите полностью редактируемые детали транзакций без каких-либо проблем. Этот плагин отлично подходит для приема биткойнов, лайткойнов и долларовых платежей.

 

Crypto-Currency Shortcode

 

Этот плагин позволяет вам добавлять шорткоды, чтобы встроить кнопку пожертвований у себя на сайте. Он поддерживает биткойн, латйкойн, монакойин и прочие криптовалюты. Вы можете запросто добавить шорткоды в любом месте у себя на сайте и после щелчка по нему отобразится адрес, по которому пользователи могут отправить монеты.

AsMoney Payment Gateway

 

С этим платежным шлюзом вы можете принимать все распространенные монеты у себя на сайте, и тем самым минимизировать расходы на разработку и управление. Плагин также допускает API-интеграцию, так что вы можете совершать сотни платежей автоматически из своего программного обеспечения или сайта.

 

My Two Cents

 

Этот плагин интегрируется в вашу платформу комментариев. Плагин полностью автоматический и очень «легкий». Плагин простой в использований и настройке. Все, что вам надо сделать, это указать биткойн-адрес и все остальное будет выполнено автоматически.

 

Bitcoin Faucet

 

Это эксклюзивный WordPress-плагин, который награждает пользователей сайта биткойнами. Он поддерживает несколько видов криптовалют и практически все системы микроплатежей. У него имеются разные виды каптч, включая solvemedia и funcaptcha. Плагин респонсивный и превосходно работает на мобильных девайсах.

 

CoinGecko.com Price Ticker

 

Этот плагин отображает цены на все криптовалюты в сайдбарном виджете. Все цены берутся с платформы coingecko. Плагин работает как обычный плагин – так что, все, что от вас требуется это просто установить плагин и добавить виджет через соответствующее меню.

 


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


header-press-release

Как создать плагин WordPress TinyMCE

Если вы являетесь разработчиком WordPress, то в какой-то момент можете столкнуться с необходимостью расширения или настройки визуального редактора. Например, вы можете захотеть добавить кнопку в панель инструментов, которая позволит вашим клиентам использовать определенные функции без необходимости прибегать к HTML-коду. В этой статьей мы расскажем вам как создать TinyMCE плагин в WordPress.

Требования

Эта статья рассчитана на продвинутых пользователей и вам потребуются базовые навыки кодинга. Также учтите, что экспериментировать на настоящем сайте не самая хорошая идея, так как даже малейшая ошибка может привести к тому, что ваш сайт станет недоступен. Но если вы все-таки собираетесь рискнуть, то сделайте для начала хотя бы резервную копию WordPress.

Создаем свой первый TinyMCE плагин

Мы начнем с создания пользовательской кнопки для панели инструментов. Эта кнопка при нажатии на нее позволит пользователю добавлять ссылку с пользовательским CSS-классом. Исходный код будет полностью приведен в конце этой статьи, а до того давайте создадим наш плагин шаг за шагом. Сперва создайте директорию в папке wp-content/plugins и назовите ее tinymce-custom-link-class.

Заголовок плагина

Создайте новый файл в только что созданной директории и назовите его tinymce-custom-link-class.php Добавьте этот код в файл и сохраните его.

/**
 * Plugin Name: TinyMCE Custom Link Class
 * Plugin URI: https://coma.lv
 * Version: 1.0
 * Author: Coma.lv
 * Author URI: https://coma.lv
 * Description: A simple TinyMCE Plugin to add a custom link class in the Visual Editor
 * License: GPL2
 */

Это просто PHP-комментарий, который указывает Вордпрессу название плагина, а также его автора и описание. В админпанели Вордпресс активируйте новый плагин, зайдя на страницу Plugins – Installed Plugins и щелкнув по ссылке Activate под TinyMCE Custom Link Class.

WordPress

Настройка нашего класса плагина

Если два плагина имеют функции с одинаковыми названиями, то это может стать причиной ошибки. Мы избежим эту проблему, обернув наши функции в класс.

class TinyMCE_Custom_Link_Class {
	
	/**
	* Constructor. Called when the plugin is initialised.
	*/
	function __construct() {
		
	}

}

$tinymce_custom_link_class = new TinyMCE_Custom_Link_Class;

Это создает PHP-класс вместе с конструкцией, которая вызывается, когда мы доходим до строки $tinymce_custom_link_class = new TinyMCE_Custom_Link_Class;

Любая функция, добавленная в этот класс, не должна конфликтовать с другими плагинами Вордпресс.

Настройка нашего TinyMCE плагина

Затем нам надо указать TinyMCE, что мы хотим добавить пользовательскую кнопку в панель инструментов визуального редактора. Для того, чтобы это сделать, мы можем использовать actions Вордпресса. В данном случае action под названием init. Добавьте следующий код в функцию __construct() вашего плагина.

if ( is_admin() ) {
	add_action( 'init', array(  $this, 'setup_tinymce_plugin' ) );
}

Эта функция проверят находимся ли мы в админпанели. Если ответ да, то функция запрашивает запуск функции setup_tinymce_plugin внутри нашего класса как только Вордпресс закончит загрузку. Затем добавьте функцию setup_tinymce_plugin:

/**
* Check if the current user can edit Posts or Pages, and is using the Visual Editor
* If so, add some filters so we can register our plugin
*/
function setup_tinymce_plugin() {

// Check if the logged in WordPress User can edit Posts or Pages
// If not, don't register our TinyMCE plugin
	
if ( ! current_user_can( 'edit_posts' ) && ! current_user_can( 'edit_pages' ) ) {
	        return;
}

// Check if the logged in WordPress User has the Visual Editor enabled
// If not, don't register our TinyMCE plugin
if ( get_user_option( 'rich_editing' ) !== 'true' ) {
return;
}

// Setup some filters
add_filter( 'mce_external_plugins', array( &$this, 'add_tinymce_plugin' ) );
add_filter( 'mce_buttons', array( &$this, 'add_tinymce_toolbar_button' ) );
		
	}

Эта функция уже проверят может ли залогиненный пользователь редактировать посты или страницы. Если нет, то нет смысла в регистрации нашего плагина для этого пользователя, поскольку он никогда и не увидит-то визуальный редактора. Затем мы проверяем пользуется ли пользователь визуальным редактором, так как некоторые пользователи отключают это у себя в профиле. Опять-таки, если пользователь не использует визуальный редактор, то мы возвращаем (exit), поскольку нам больше ничего не надо. Наконец, мы добавляем два Вордпресс-фильтра — mce_external_plugins и mce_buttons, чтобы вызвать функции, которые загрузят необходимый файл Javascript для TinyMCE и добавят соответствующую кнопку в панель инструментов.

Регистрация файла Javascript и кнопки для визуального редактора

Давайте добавим функцию add_tinymce_plugin:

/**
* Adds a TinyMCE plugin compatible JS file to the TinyMCE / Visual Editor instance
*
* @param array $plugin_array Array of registered TinyMCE Plugins
* @return array Modified array of registered TinyMCE Plugins
*/
function add_tinymce_plugin( $plugin_array ) {

$plugin_array['custom_link_class'] = plugin_dir_url( __FILE__ ) . 'tinymce-custom-link-class.js';
return $plugin_array;

}
 

Эта функция говорит TinyMCE, что необходимо загрузить файлы Javascript, расположенные в ячейке $plugin_array. Эти файлы укажут TinyMCE что надо делать. Нам также надо добавить код в функцию add_tinymce_toolbar_button, чтобы доложить TinyMCE о кнопке, которую мы хотели бы добавить в панель инструментов.

/**
* Adds a button to the TinyMCE / Visual Editor which the user can click
* to insert a link with a custom CSS class.
*
* @param array $buttons Array of registered TinyMCE Buttons
* @return array Modified array of registered TinyMCE Buttons
*/
function add_tinymce_toolbar_button( $buttons ) {

array_push( $buttons, '|', 'custom_link_class' );
return $buttons;
}

Это добавляет два элемента в ячейку кнопок TinyMCE: разделитель (|) и название нашей кнопки (custom_link_class). Сохраните свой плагин и отредактируйте страницу или пост, чтобы увидеть визуальный редактора. Скорее всего, вы не увидите панели инструментов.

WordPress

Не волнуйтесь – если вы загляните в Инспектор браузера, то увидите ошибку 404, сгенерированную TinyMCE, говорящую нам о том, что он не может найти наш файл Javascript.

WordPress

На самом деле это добрый знак, так как он говорит о том, что мы успешно зарегистрировали пользовательский плагин TinyMCE и теперь нужно создать файл Javascript, указывающий, что нужно делать TinyMCE.

Создаем плагин Javascript

Создайте новый файл в вашей папке wp-content/plugins/tinymce-custom-link-class и назовите его tinymce-custom-link-class.js, а затем добавьте туда следующий код:

(function() {
	tinymce.PluginManager.add( 'custom_link_class', function( editor, url ) {
		
	});
})();

Это вызывает класс TinyMCE Plugin Manager, который мы можем использовать, чтобы запускать массу связанных с плагином действий. В частности добавляем наш плагин в TinyMCE используя функцию add. Это принимает два элемента; название плагина (custom_link_class) и функцию анонимности. Если вы знакомы с концептом функций в кодинге, то функция анонимности это просто функция без названия. Например, function foobar() { … } это функция, которую мы можем вызвать где-нибудь еще внутри кода, используя foobar().

С функцией анонимности мы не можем вызывать эту функцию где-нибудь еще в коде – лишь с помощью функции add(). Сохраните свой файл Javascript и примитесь к редактированию страницы или поста, чтобы увидеть визуальный редактор. Если все сработало, то вы увидите панель инструментов:

WordPress

На данный момент наша кнопка не была добавлена в панель инструментов. Это оттого, что мы сообщили TinyMCE только то, что мы создали пользовательский плагин. Теперь нам надо указать TinyMCE что надо делать, то есть добавить кнопку в панель инструментов. Обновите свой файл Javascript, заменив существующий код следующим:

(function() {
	tinymce.PluginManager.add( 'custom_link_class', function( editor, url ) {
		// Add Button to Visual Editor Toolbar
		editor.addButton('custom_link_class', {
			title: 'Insert Button Link',
			cmd: 'custom_link_class',
		});	
	});
})();

Заметьте, что у нашей анонимной функции два аргумента. Первый это editor, являющийся визуальным редактором TinyMCE. Подобным образом как мы можем вызвать различные функции в PluginManager, мы также можем вызвать различные функции в editor. В этом случае мы вызываем функцию addButton, чтобы добавить кнопку в панель инструментов. Сохраните свой файл javascript и вернитесь в визуальный редактор. С первого взгляда ничего не изменилось. Однако если вы наведете мышиный курсор на иконку в правом верху, то увидите подсказку:

WordPress

Мы успешно добавили кнопку в панель инструментов, но ей нужно изображение. Добавьте следующий параметр к функции addButton под title:

image: url + ‘/icon.png’,

url это адрес нашего плагина. Это удобно в случае, если мы хотим сделать отсылку к файлу с изображением с папкой плагина. В этом случае нам понадобится изображение с названием icon.png в папке нашего плагина. Используйте следующую иконку:

WordPress

Перезагрузите визуальный редактор и увидите свою кнопку с иконкой:

WordPress

Указываем команду запуска

На данный момент, если вы нажмете на кнопку, ничего не произойдет. Давайте добавим команду, которая скажет TinyMCE что надо делать. Добавьте следующий код в нашем Javascript файле под концом раздела editor.addButton

// Add Command when Button Clicked
editor.addCommand('custom_link_class', function() {
	alert('Button clicked!');
});

Перезагрузите наш визуальный редактор, щелкните кнопку и появится уведомление о том, что вы только что щелкнули по кнопке:

WordPress

Давайте заменим уведомление строкой, спрашивающей пользователя ссылку, которую они хотят обернуть вокруг выбранного текста в визуальном редакторе.

// Add Command when Button Clicked
editor.addCommand('custom_link_class', function() {
	// Check we have selected some text that we want to link
	var text = editor.selection.getContent({
		'format': 'html'
	});
	if ( text.length === 0 ) {
		alert( 'Please select some text to link.' );
		return;
	}

	// Ask the user to enter a URL
	var result = prompt('Enter the link');
	if ( !result ) {
		// User cancelled - exit
		return;
	}
	if (result.length === 0) {
		// User didn't enter a URL - exit
		return;
	}

	// Insert selected text back into editor, wrapping it in an anchor tag
	editor.execCommand('mceReplaceContent', false, '<a class="button" href="' + result + '">' + text + '</a>');
});

Блок кода выполняет несколько действий. Сперва мы проверяем выбрал ли пользователь какой-нибудь текст, чтобы обернуть его в визуальном редакторе. Если нет, то они увидят следующее сообщение.

WordPress

Затем мы просим их ввести ссылку, снова проверяя что они сделали. Если они отменили или ничего не ввели, то мы тоже ничего не делаем.

WordPress

Наконец, мы запускаем функцию execCommand в редакторе TinyMCE, запустив действие mceReplaceContent. Это заменяет выбранный текст нашим HTML-кодом, который включает якорную ссылку с классом class=»button”, используя выбранный текст. Если все сработало, то вы увидите выбранный вами текст связанным в визуальном редакторе с классом, который связан с кнопкой:

WordPress

Итоги

Мы успешно создали плагин WordPress, который добавляет кнопку в визуальный редактор TinyMCE в WordPress. Это руководство также осветило некоторые основы API TinyMCE и интеграцию фильтров. Мы добавили код, чтобы когда пользователь щелкает по нашей пользовательской кнопке, ему предлагают выбрать текст в визуальном редакторе, который он может связать с ссылкой на усмотрение. Наконец, наш плагин заменяет выбранный текст его ссылочной версией, которая содержит пользовательский класс CSS под названием button.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


features

Как добавить Feature Boxes с иконками в WordPress

Многие люди, которые посещают сайты, обычно не читают, что в них написано. Мы, как люди, превращаемся в профессиональные сканеры. Это, в свою очередь, значит, что как владелец бизнеса вам надо подавать свою информацию в легкодоступном виде. Поэтому многие сайты обычно используют огромное изображение или слайдер. Вы можете использовать так называемые feature boxes, в которых можно продемонстрировать несколько продуктов сразу, и каждая ячейка может быть связана с определенным действием.

Добавляем Feature Boxes с иконками на сайт

Первым делом вам надо установить и активировать плагин Advanced WP Columns. После активации зайдите в Settings > Advanced WP Columns, чтобы настроить плагин. Пролистайте вниз до Column class и введите в поле mycolumns.

WordPress

Затем вам понадобится плагин, чтобы вставить красивые иконки в ваш Feature boxes. Установите и активируйте плагин WP SVG Icons. Теперь вы готовы к созданию Feature Boxes. Начните с редактирования страницы, на которой вы хотели бы их видеть. Вы заметите две новые кнопки в окне редактора постов. Первая – Add Icon – находится прямо над редактором. Следующая находится последним элементом в меню визуального редактора. Если ваш визуальный редактор показывает всего один ряд кнопок, то вам надо щелкнуть по кнопке, которая разворачивает панель кнопок.

WordPress

Сперва вам надо щелкнуть по кнопке Advanced WP Columns. В появившемся окне щелкните по Empty и затем выберите число колонок, которое вы хотите добавить.

WordPress

После этого надо щелкнуть по каждой колонке, чтобы добавить какой-нибудь текст. Если вы не добавите текст сейчас, то потом будет сложно видеть колонки в редакторе постов. Когда закончите, нажмите по кнопке Add Columns внизу. Теперь вы увидите колонки в своем редакторе постов. Следующим шагом будет добавление иконок над текстом. Наведите мышиный курсор на текстовое поле в первой колонке и щелкните по клавише ввода. Это уберет текст вниз и создаст место для иконок. Вам надо теперь щелкнуть по кнопке Add icon и вы увидите подобное окошко.

WordPress

Оттуда вы можете выбрать иконку, которую хотите использовать, просто щелкнув по ней. Затем надо щелкнуть по кнопке span, чтобы обернуть ее в элемент . Наконец, щелкните по кнопке insert. Теперь вы увидите шорткод для иконки SVG в своем редакторе постов. В зависимости от названия выбранной иконки шорткод будет выглядеть подобным образом:

[wp-svg-icons icon=»rocket» wrap=»span»]

Повторите процесс, чтобы добавить иконки в другие Feature Boxes. Как только закончите, нажмите по кнопке Update, чтобы сохранить свою страницу. Вы почти закончили, но если сделаете предпросмотр страницы, то заметите, что иконки слишком маленькие, а ваши feature boxes едва заметны.

WordPress

Вам надо будет добавить следующий CSS-код в таблицу стилей своего шаблона:

span.wp-svg-rocket.rocket { 
font-size:100px; 
} 

span.wp-svg-cloud.cloud { 
font-size:100px; 
} 
span.wp-svg-headphones.headphones { 
font-size:100px; 
} 
.mycolumns { 
border:1px solid #eee;
min-height:250px; 
padding-top:20px !important;
}

Не забудьте отредактировать CSS, чтобы он соответствовал названиям иконок, которые вы используете.

WordPress


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


online-reviews

Как создать нишевый сайт обзоров в WordPress

Написание обзоров ваших любимых продуктов поможет другим в выборе покупок, а также принесет вам прибыль с рефералов, известную так же и как партнерская комиссия. В этой статье мы покажем вам как создать нишевый сайт обзоров в WordPress, чтобы вы могли на нем зарабатывать деньги.

Зачем создавать сайт обзоров?

Что вы делаете в первую очередь, когда ищите что купить в Интернете? Если вы относитесь к большинству, то вы сканируете онлайн обзоры того или иного товара, чтобы узнать что о нем говорят люди. Именно поэтому популярный сайт обзоров TripAdvisor стоит почти 12 миллиардов долларов. Не всем суждено стать такими гигантскими как последний сайт, но зарабатывать от нескольких сотен до пары тысяч долларов в месяц под силу каждому, кто управляет нишевым сайтом обзоров. Есть два популярных способа создания сайта обзоров. Первый это добавить область обзоров в уже существующий блог. Второй это создать полностью независимый сайт обзоров. Вне зависимости от направления, которое вы выберите, важно не выбирать слишком конкурентную нишу. Например, существует множество сайтов, где можно почитать обзоры на цифровые камеры, однако сайтов, где можно прочесть об аксессуарах к этим камерам, уже не так много. Секрет успеха в создании сайта обзоров это найти правильную нишу. Идеальная ниша это та, в которой низкая конкуренция, и к которой вы испытываете страсть. Вот несколько факторов, о которых вам стоит подумать:

Какие ресурсы вы можете предлагать, чтобы построить трафик?
Можете ли вы с легкостью привлекать рекламодателей? (то есть людей, которые продают свой товар)
Есть ли какие-то партнерские программы?
Зарабатывают ли другие люди деньги в этой нише?
На что похожа конкуренция?

Вы можете использовать инструменты вроде SEMRush, BuzzSumo и Google Keyword Planner в качестве помощи в своих исследованиях. Выберите нишу и давайте взглянем как вы можете создать сайт обзоров.

Шаг нулевой: прежде чем вы начнете

Чтобы начать с WordPress первая вещь, которая вам потребуется то хороший хостинг и доменное имя. Мы очень советуем вам Bluehost, так как они дают 50-процентную скидку на хостинг и бесплатное доменное имя. Также Bluehost является официально рекомендуемым партнером WordPress. Если вам нужна альтернатива Bluehost, то можете обратить внимание в сторону Siteground, которые предлагают схожие условия. Зарегистрировав себе домен и выбрав хостинг, вам надо установить WordPress. Как только это сделаете, можете приступать к следующему шагу.

Шаг первый: выбор правильного шаблона

Первым шагом после создания сайта будет выбор подходящего шаблона. В поисках шаблонов вы наверняка найдете кучи статей о лучших шаблонах для сайтов обзоров, однако лучше держитесь от них подальше. Вам не нужен специфический шаблон, так как он наверняка вас к себе привяжет. Лучше используйте для этой цели плагины, так как плагины работают со всеми шаблонами и дизайном, который вы выберите. У вас будет возможность изменять свои шаблоны в будущем без необходимости нанимать разработчиков. Поэтому просто выберите себе шаблон по вкусу и переходите к следующему шагу, чтобы добавить функционал обзоров.

Шаг второй: установка лучшего плагина обзоров

Сперва вам надо установить и активировать плагин WP Product Review. Основной плагин бесплатен и не страдает от недостатка функций. Однако за дополнительными плюшками вам уже придется раскошелиться на их premium addons package, который стоит порядка 75 долларов. Плагин прост в использовании и помогает выделяться в поисковых системах, добавляя схемовую разметку вашего обзора. Говоря простым языком, он добавляет рейтинг в виде звездочек в поисковой выдаче Google.

WordPress

После активации плагина вы увидите в меню новый пункт под названием Product Review в вашей админпанели WordPress. Щелчок по ней отправит вас на страницу настроек плагина.

WordPress

Страница настроек разбита на разные области. Сперва вам нужно настроить основные настройки. Начните с того, что выберите, где будет отображаться панель обзоров. Есть три опции, из которых вы можете выбирать. Вы можете показывать область обзоров до или после контента, или же вручную добавить ее с помощью шорткода. Следующая опция, которую нужно выбрать, это хотите ли вы, чтобы пользователи добавляли свои обзоры в виде комментариев. Если вы разрешите это, то вам надо также выбрать насколько сильно их комментарии будут влиять на настоящий обзор. После этого вам необходимо определиться с тем, сколько опций, преимуществ и недостатков вы хотите, чтобы отображалось. По умолчанию плагин дает вам добавлять по 5 к каждому, но вы можете изменить это под свои нужды. Теперь передвигайтесь к вкладке цветов рейтинга. Здесь вы можете задать цвета, которые используются в плагине для рейтингов. Плагин использует различные цвета для разных рейтингов.

WordPress

Вы можете поменять цвет рейтингов, чтобы они соответствовали вашему шаблону. Затем щелкните по вкладке Typograhy. Здесь вы можете выбрать текст по умолчанию для колонок преимуществ и недостатков. Вы также можете изменить цвет текста для различных областей.

WordPress

Последняя настройка это кнопка покупки. В этой вкладке вы можете выбрать цвета, которые вы хотите использовать для кнопки покупок. У кнопки также будет ваша партнерская ссылка, поэтому очень важно выбрать такой цвет, который будет подстегивать людей совершать покупку.

WordPress

Шаг третий: добавление обзора в WordPress

Добавление обзора с помощью плагина WP Product Review очень легко. Просто отредактируйте или создайте новый пост. Вы будете создавать ваш обзор также как и любой другой пост в WordPress. На экране редактора пролистайте вниз и вы найдете мета-панель Product review extra settings. Нажмите Yes напротив опции Is this a review post?

WordPress

Это откроет мета-панель, где вы увидите дополнительные настройки своего обзора. Сперва вам надо указать детали товара в виде изображений, текста кнопки покупки, партнерской ссылки и цены.

WordPress

После этого вам надо добавит свои опции. Это разные аспекты товара и то, как вы оцениваете эти качества. Вы можете добавить число от 0 до 100, где 100 это самая высокая оценка, а 0, соответственно, самая низкая.

WordPress

Затем вам надо добавить список преимуществ и недостатков. Добавьте лучшие особенности товара в список достоинств и недостаток особенностей в список недостатков.

WordPress

Как только закончите, просто сохраните или опубликуйте свой пост и зайдите на сайт, чтобы увидеть панель обзоров в работе.

WordPress

Шаг четвертый: отображение ваших обзоров в сайдбаре

Плагин WP Product Review позволяет вам показывать посты с обзорами в сайдбаре и прочих, предназначенных для виджетов, областях. Зайдите на страницу Appearance > Widgets и вы увидите виджет топ-товаров, а также виджет последних товаров в списке доступных виджетов.

WordPress

Просто добавьте виджет в сайдбар и настройте его параметры. Вы можете выбрать количество отображаемых товаров, заголовок товара и настройки отображения изображений. Как только все будет готово, щелкните по кнопке сохранения.

WordPress


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


privacy

Как показывать краткое содержание защищенных паролем постов

По умолчанию Вордпресс не показывает контент защищенных паролем постов, покуда пользователь не введет пароль. Однако есть несколько способов, как вы можете сделать так, чтобы защищенные посты отображали пользователям тизер или краткое их содержание. В этой статье мы объясним вам как это можно сделать.

Способ первый: ручной

Вам надо скопировать и вставить следующий код в файл functions.php

function wpb_protected_excerpt( $excerpt ) {
if ( post_password_required() ) {
$post = get_post();
$excerpt=$post->post_excerpt;
}
return $excerpt;
}
add_filter( 'the_excerpt', 'wpb_protected_excerpt' );

function wpb_protected_excerpt_posts( $content ) {
if ( post_password_required() && is_single() ) {
$post = get_post();

return $post->post_excerpt.$content;
}}
add_filter( 'the_content', 'wpb_protected_excerpt_posts', 10 );

Теперь зайдите в экран Posts, чтобы отредактировать свой защищенный паролем пост и нажмите на кнопку screen options в верхней части экрана. Это раскроет меню с кучей настроек. Вам надо убедиться, что возле опции Excerpt стоит галочка.

WordPress

Это выведет мета-бокс под редактором поста, где вы сможете ввести краткое содержание своего поста.

WordPress

Перед публикацией поста убедитесь, что он защищен паролем.

WordPress

Способ второй: используя плагин

Использование защищенных паролем постов вещь несложная, но она не гарантирует вам то, что этот пост увидят действительно те, кто его должен увидеть. Если у вас многопользовательский сайт, то лучше использовать плагин в качестве меры защиты. В этом случае вы сможете управлять кто из пользователей будет иметь доступ к защищенным постам и вы сможете с легкостью контролировать как много контента вы хотите показать. Воспринимайте это как сайт с многоуровневой подпиской. Для этого вам надо первым делом установить и активировать плагин Restrict Content Pro. После активации зайдите в его настройки (Restrict » Settings), чтобы настроить плагин.

WordPress

Вам надо будет указать сообщение, которое увидят пользователи, когда не смогут получить доступ к защищенному контенту. Затем просто сохраните настройки и создайте новый пост или отредактируйте старый, который хотите защитить. Просто добавьте материал и окружите ту его часть, которую хотите спрятать тегами [restrict] [/restrict].

WordPress

Важно: вам не надо защищать пост паролем.

Вы также можете показывать выдержку всем пользователям и давать доступ только залогинившимся пользователям, используя мета-панель Restrict Content под редактором постов. Просто отметьте ячейку возле выдержки и выберите роль пользователя. Выбрав роль подписчика вы разрешите всем зарегистрировавшимся на вашем сайте пользователям просматривать ваш пост. Гости же будут видеть лишь выдержку.

WordPress

Продажа премиум-контента у себя на сайте

Вышеупомянутый плагин также позволяет вам продавать подписки на премиум-контент. Вы можете принимать платежи с помощью Stripe, Paypal и Braintee.

WordPress

Вы можете создавать пакеты подпискок для пользователей, которые они смогут выбирать, регистрируясь у вас на сайте. Вы можете решать какой контент будут получать ваши пользователи в зависимости от уровня своей подписки. Также вы можете иметь различные уровни подписок.


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520


reviewheart

Как одним махом удалить все комментарии WordPress?

Это бывает редко, но в некоторых случаях владелец сайта может решить удалить все комменты со своего ресурса. В этой статье мы расскажем как это можно сделать одним махом.

Прежде чем вы удалите все комментарии на WordPress

Существует множество сценариев, когда пользователю в самом деле может понадобиться удалить все комментарии с сайта. Например, если ваш сайт забит пустыми комментариями, созданными для проверки функционала. Первым делом вам надо создать резервную копию своего сайта. Удаление комментариев это бесповоротное действие и вы не сможете вернуть все на круги своя, как только удалите комментарии. Именно поэтому и нужно делать резервную копию.

Способ первый: удаление всех комментариев на сайте Вордпресс при помощи плагина

Сперва вам надо установить и активировать плагин Delete All Comments. После его активации зайдите на страницу Tools > Delete All Comments. На ней вы увидите общее количество комментариев на сайте, панель подтверждения и кнопку удаления.

WordPress

Щелчок по ней полностью навсегда удалит все комментарии с вашего сайта, включая те, что помечены как спам и находятся в корзине. Теперь можете зайти на страницу комментариев и вы увидите все комментарии удаленными с сайта.

Способ второй: удаление всех комментариев на сайте Вордпресс при помощи phpMyAdmin

Вы также можете быстро удалить все комментарии WordPress, используя MySQL или phpMyAdmin. Этот способ рекомендуется более продвинутым пользователям. Зайдите в cPanel вашего хостинга и под областью баз данных щелкните по phpMyAdmin.

WordPress

Внутри вам надо найти свою базу данных WordPress. Вы увидите страницу вроде этой с кучей таблиц баз данных.

WordPress

Отметьте ячейку напротив таблицы wpprefix_comments and wpprefix_commentmeta. Название таблицы комментариев может разниться в зависимости от префикса, который вы выбрали при установке WordPress. Выбрав таблицу комментариев, найдите выпадающее меню With selected:, находящееся под списком таблиц и выберите Empty из выпадающего меню. phpMyAdmin теперь выдаст предупреждение действительно ли вы хотите очистить эти таблицы.

WordPress

Нажмите по кнопке yes и это удалит все комментарии WordPress с вашей базы данных. Вы также можете удалить все комментарии WordPress, используя консоль MySQL (командную строку). Просто войдите в нее и вбейте следующую команду:

TRUNCATE `wp_commentmeta`;
TRUNCATE `wp_comments`;


Наша специальность — разработка и поддержка сайтов на WordPress. Контакты для бесплатной консультации — [email protected], +371 29394520