Архив рубрики: WordPress

Как установить и настроить W3 Total Cache

Мы часто получаем положительные отзывы от пользователей о том, как быстро загружается сайт. Каждый хочет узнать секрет быстрой загрузки сайта на WordPress. Помимо хорошего веб-хостинга и качественных плагинов, вы должны убедиться, что вы используете правильное кэширование и сети CDN (сеть доставки контента). Для нашей установки, мы используем плагин называется W3 Total Cache. Из-за большого объема запросов, мы решили создать пошаговое руководство по установке и настройке W3 Total Cache для начинающих.

В этой статье мы покажем вам, как установить W3 Total Cache и настроить его должным образом, чтобы максимизировать скорость загрузки сайта.

Перед началом работы мы настоятельно рекомендуем Вам проверить работу вашего сайта, используя страницу инструменты Google Speed и Pingdom. Это даст вам до и после сравнения.

Ниже скриншот Pingdom наши результаты:

Как установить и настроить, W3 Total Cache

Позволяет начать работу с нашим инсталлятором W3 Total Cache.

Что такое W3 Total Cache?

Что W3 Total Cache является самым быстрым и наиболее полным WordPress плагином для оптимизации производительности. Ему доверяют многие популярные сайты. Так как W3 Total Cache улучшает пользовательский опыт вашего сайта за счет улучшения производительности вашего сервера, он кэширует каждый аспект вашего сайта, сократив время загрузки и поддерживает интеграцию сеть доставки контента (cdn).

Установка W3 Total Cache в WordPress

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

У нас очень подробное руководство, объясняющее, как установить плагин WordPress, которому вы можете следовать. Или вы можете следовать краткому руководству ниже:

Перейдите в админ панель WordPress и нажмите на плагины » добавить новый. Введите “W3 Total Cache” и вы должны увидеть результаты, как на рисунке ниже:

Установка w3totalcache

Нажмите на кнопку установить и затем активировать плагин.

Настройки и конфигурации W3 Total Cache

W3 Total Cache — это очень мощный плагин он имеет массу настроек. Это могло быть хорошей вещью или плохой вещью. Для тех, кто знает, как использовать эти опции, они являются золотой жилой. Для большинства новичков, этих вариантов может быть довольно хитрым и запутанным. Мы посетим каждый из этих вариантов подробно, так что вы можете правильно настроить W3 Total Cache. Начнем с общих настроек.

Общие настройки

Вы можете зайти на страницу Общие настройки, нажав на кнопку меню Performance в панели администратора WordPress. Где вы настроите основные параметры плагина. Убедитесь, что вы находитесь на странице общих настроек и не в панели мониторинга.

Настройки w3totalcache

Что такое Кэш страниц?

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

Как установить и настроить, W3 Total Cache

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

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

Страница cache-w3total

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

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

Что такое кэш браузера?

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

Опция кэш браузера в W3 Total Cache задает лимит времени для Кэша браузера. Учитывая, что Вы не будете менять логотип каждый день, имея статические файлы, которые кэшируются в течение 24 часов вам тоже не помешает. Просто проверьте опцию включение под Кэш браузера и нажмите кнопку «Сохранить все настройки«. Как только вы это сделали, посетите страницу Performance » Browser Cache, дополнительные параметры.

Опции browser-cache

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

Все, что мы рассмотрели до сих пор, будет отлично работать на большинстве веб-хостингах. Однако, W3 Total Cache поставляется с большим количеством других настроек. Мы постараемся сделать все, чтобы объяснить, что они из себя представляют, и почему мы не включаем их на всех сайтах.

Минимизация

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

Кэширование базы данных

База данных кэширование снижает нагрузку на сервер за счет кэширования SQL-запросов. Это исключает время обработки запроса к базе данных (которой может не быть много для небольших сайтов). Когда мы начали использовать этот, казалось положить много нагрузку на наш сервер. Наш хозяин рекомендовал нам, чтобы выключить его. Вместо этого, они оказались включив встроенный SQL-кэширование для нас. Снова, используйте эту опцию на свой страх и риск. Вы можете попробовать его и посмотреть, как оно влияет на время загрузки вашего сайта. Затем просто выключите его, если воздействие не является достаточно значимым. Большинство хостингов не рекомендую это для виртуального хостинга счетов.

Кэширование объектов

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

Теперь, когда у вас есть все настройки, лучше всего создать резервную копию для вашего W3 Total Cache. Ведь мы прошли через многое в этой статье. Вы должны будете вернуться к вашему, на странице W3 Total Cache, общие параметры. Есть раздел для импорта / экспорта настроек. Щелкните, чтобы скачать файл настроек с сервера.

Если вы имеете любые вопросы, то пожалуйста не стесняйтесь спрашивать в комментариях ниже.



2016-02-21T13:13:50
Плагины

Как создать шорткод в wordpress?

Данный код вставляем в файл functions.php

function my_shortcode($parametrs) {



$identifikator_shortcode = intval($parametrs['id']);

$na_shortcode = '';

query_posts("p=$identifikator_shortcode");

if (have_posts()) {



while (have_posts()) {

the_post();

$na_shortcode .= get_the_content($post->ID);

}



}

wp_reset_query();

return $na_shortcode;

}

add_shortcode("shortcodes", "my_shortcode");

Ваш шорткод будет выглядеть так:

[shortcodes id="XXX"]

Более подробно описано в статье Как добавить Шорткод в WordPress?



2016-02-21T11:10:24
Лучшие учебники по Wodpress

Как выполнить шорткод в php на cms wordpress?

<? echo do_shortcode("[my shortcode]"); ?>

, [my shortcode] — ваш шорткод



2016-02-21T10:59:53
Лучшие учебники по Wodpress

Скрытые угрозы в бесплатных шаблонах для сайта

Доброго времени суток!

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

Сколько незнакомых слов? Небольшое пояснение и расшифровка терминов.

Бэкдор (черный ход в переводе с анлийского backdoor) – зашифрованный в файлах темы код, дающий возможность хакеру получить доступ и удаленное управление сайтом через загрузку веб-шелла. Кроме этого заразиться могут все сайты, находящие у вас на хостинге.

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

Сюрпризы зараженных шаблонов

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

Обычно файл footer.php, sidebar.php или functions.php, содержит в себе код, который при открытии страницы сайта, загружает с внешнего сайта список спам-ссылок. Часто эти ссылки не видимы, как для владельца сайта, так и для посетителей. Наличие внешних ссылок можно увидеть, посмотрев исходный код страницы. Более продвинутые коды могут заменять слова в статьях на ссылки, ведущие на чужой сайт.

Наличие вредоносного кода, превращает сайт в «линкопомойку» — ресурс заспамленный ссылками на площадки взрослой и серой тематики. По мимо замедления скорости открытия страниц, такой сайт теряет лояльность поисковых систем и рискует попасть в черный их черный список.

Не редко причиной заражения сайта может стать уязвимость в шаблоне, содержащаяся в скрипте timthumb.php. Он служит для автоматического масштабирования изображений и содержится практически в каждой теме. 2.8.14 — на сегодняшний день самая новая версия. Проверьте версию в вашем файле и, если она более ранняя, обновите файл с [urlspan]официального источника[/urlspan].

Меры предосторожности от взлома и проверка на уязвимости

Помните, бесплатные каталоги шаблонов распространяют темы, уже содержащие зашитые и скрытые ссылки на другие сомнительные сайты. Не стоит думать, что премиум-шаблоны, выложенные бесплатно, чистые, они с большой долей вероятности, будут содержать в себе вредоносные вставки в код. Премиум-темы покупайте у официальных представителей на их сайтах. Начинающие блоггеры без стартового капитала могут установить тему из официального репозитория https://wordpress.org/themes/. Плагины тоже следует устанавливать оттуда.

Выбор дизайна сайта и подходящего шаблона – дело не легкое. В папке с темами на хостинге может скопиться много тем, а активной будет всего одна. Так вот не храните их в wp-content/themes, после выбора подходящей, скопируйте себе на компьютер понравившиеся, а оттуда сотрите. Рекомендую переименовать папку скачанной вами темы после ее установки.

Проверьте версию скрипта timthumb.php, о котором говорилось выше. Если она не последней версии, обновите [urlspan]отсюда[/urlspan].

Если вы размещаете свой сайт на хостинге Бегет, с недавнего времени у него появился скрипт проверки на наличие вредоносных кодов и спам-ссылок – AI-Bolit. На главной странице вашего аккаунта найдите в самом низу раздел «Сервисы», потом выберите «AI-Bolit».

При выборе режима «Параноидальная проверка» в отчете будет около 30-ти подозрительных скриптов. Для большинства найденных скриптов — это окажется ложным срабатыванием сканера Айболит, которое происходит из-за автоматической проверки.



2016-01-27T12:18:54
Блог на WordPress

Как создать плавающий “липкий” футер в WordPress

Как создать плавающий футер бар. Это просто. В этой статье покажем вам, как создать липкий нижний колонтитул (плавающий бар) в WordPress.

Примечание: это не плагин. Это базовый учебник по HTML и CSS. Вы должны иметь некоторое понимание того, как работают темы WordPress для того, чтобы читать этот учебник.

Как работает плавающий Колонтитул бар?

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

Нижний Колонтитул Бар Скриншот

Зачем использовать плавающий Колонтитул бар?

Вы можете использовать его, чтобы получить больше внимания, чтобы ваши лучшие сообщения, популярные сообщения, Электронная почта или как там еще вам нравится. Наверняка есть плагины, такие как HelloBar и многие другие реплики HelloBar. Панели инструментов Wibiya. Плагин всплывающий Лайтбокс Pippity имеет свою собственную версию футер бара.

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

Как создать плавающий бар футер в WordPress

Хотя мы говорим в названии, что это для WordPress, понятие колонтитула бар может быть использован на любом сайте. Все, что мы делаем, — это создать div с помощью CSS свойства position: фиксированный; которое означает “магия” плавающий. Тогда мы имеем простую математику с помощью кода jQuery, который поворачивает количество элементов.

Открыть свой файл footer.php и добавьте следующие коды прямо перед закрытием выше всех скриптов.

<div class="fixedBar">

<div class="boxfloat">



<ul id="tips">



<li><a href="http://AndreyEx.ru/">AndreyEx ссылка будет первой</a></li>



<li><a href="http://drevodel.org/">drevodel.org будет второй</a></li>

</ul>



</div>

</div>

Вы можете добавить столько элементов списка, сколько вы хотите. Только один элемент будет отображаться при каждой загрузке страницы после того как мы закончили с этим учебником. Следующий шаг-добавление в CSS. Открыть свой файл style.css и вставьте следующий код:

/*AndreyEx Footer Bar*/

.fixedBar{background: #000; bottom: 0px; color:#fff; font-family: Arial, Helvetica, sans-serif; left:0; padding: 0px 0;position:fixed; font-size:16px; width:100%; z-index:99999;float:left; vertical-align:middle; margin: 0px 0 0; opacity:0.95; font-weight: bold;}

.boxfloat{text-align:center; width:920px; margin:0 auto}

#tips, #tips li{margin:0; padding:0; list-style:none}

#tips{width:920px; font-size:20px; line-height:120%;}

#tips li{padding: 15px 0; display:none}

#tips li a{color: #fff;}

#tips li a:hover{text-decoration: none;}

Поэтому у нас главный фиксированный бар. Мы задаем цветовую схему и другие основные для дизайна. Самое главное в том, что класс является положение: фиксированный элемент. У нас есть Z-индекс набора свойств очень высокий просто так этот Нижний колонтитул бар не получить показать. Единственное, что перекрывает футере бар, так это встроенный YouTube.

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

Потому что в ширину div .fixedBar является 100%, нам нужно создать обертку, иначе содержимое будет выравнено по левому краю. Вот почему у нас есть элемент div .boxfloat. Думаю о том как обруч класса. Не стесняйтесь регулировать ширину. В #tips элемент списка отображается: по умолчанию-none. Но мы будем использовать jQuery, чтобы показать один элемент списка в случайном порядке на каждой странице загрузки.

Теперь давайте добавим наш небольшой jQuery-код. Открыть свой файл footer.php и добавить этот скрипт к концу. Этот маленький фрагмент покажет один элемент списка на каждой странице нагрузки из всех элементов списка, добавить.

<script type="text/javascript">

this.randomtip = function(){

    var length = $("#tips li").length;

    var ran = Math.floor(Math.random()*length) + 1;

    $("#tips li:nth-child(" + ran + ")").show();

};



$(document).ready(function(){

    randomtip();

});

</script>

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

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

Если вы хотите показать только один элемент, а не вращать несколько элементов, то вам не нужно добавлять этот скрипта. Просто снимите Дисплей: нет в свойстве CSS tag.

Теперь что?

Ну, нет бэкэнда. Редактировать файл footer.php для добавления/удаления элементов списка. Если вы хотите подойти к вопросу творчески, вы можете создать повторяющийся пост. Показать посты из определенной категории. Эхо заголовка и ссылку как элементы списка. Это позволит вам автоматизировать процесс. Вы также можете создать панель настроек в серверной части и хранить идентификаторы пост там, если надо.

Мы надеемся, что вы найдете это полезным. Мы хотели бы услышать ваши мысли в комментариях.

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



2015-11-25T20:20:26
Лучшие учебники по Wodpress

Как создать “липкую” плавающую боковую панель виджетов в WordPress

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

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

Липкий сайдбар плавающий виджет демо

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

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

Параметры конфигурации для плагина виджета липкого плавающего сайдбара

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



2015-11-25T19:55:18
Плагины