Wordpress пошаговая настройка. Этап: создание базы данных. Установка темы оформления
Сайта (консоли). Поэтому авторизуемся и входим в административную панель. В меню консоли ищем пункт «Параметры»
. При наведении на него курсором, выпадает меню пункта «Параметры». Для удобства работы кликаем по пункту «Параметры», все меню пункта полностью раскрывается в консоли.
Для начала сделаем общие настройки параметров WordPress
В общих настройках нужно заполнить следующие пункты.
Общие настройки WordPress
Название сайта
Название сайта должно содержать не более 10-60 символов и четко отражать тематику сайта. Надо помнить, что название сайта, заполненное в этой строке, будет отражаться в тегах
кода главной страницы сайта. Название сайта должно быть связано с <a href="/programma-dlya-sbora-klyuchevyh-slov-podbor-klyuchevyh-slov-filtraciya/">ключевыми словами</a> <a href="/semanticheskoe-yadro-sostavlenie-chto-zhe-takoe-semanticheskoe-yadro-testirovanie/">семантического ядра</a> всего сайта и четко показывать посетителю и поисковикам о чем ваш сайт.</p><h4><b>Краткое описание
</b></h4><p>Общие настройки параметров WordPress содержат кроткое описание. <a href="/kak-sozdat-xml-fail-iz-programmy-kratkoe-opisanie-sozdaniya-xml-faila-po-xsd/">Краткое описание</a> это <a href="/chto-takoe-meta-tegi-stranicy-nastroika-meta-tegov-i-klyuchevyh-slov-primery/">meta тег</a> <og:description> для <a href="/poiskovaya-mashina-informacii-kak-rabotayut-poiskovye-mashiny-interneta/">поисковых машин</a>. Размер краткого описания должен быть не более 160 -170 знаков. Это <a href="/kak-vybrat-optimalnyi-razmer-faila-podkachki-optimalnyi-razmer-faila/">оптимальный размер</a> тега <og:description>. Краткое описание должно описывать весь сайт WordPress <b>полностью
</b>. должны входить в краткое описание сайта.</p><h4><b>Адрес WordPress (URL) и адрес сайта (URL)
</b></h4><p>Общие настройки параметров WordPress содержат два пункта настроек URL сайта. В одном пункте нужно вписать URL сайта WP, загруженного в корневой каталог. Например, <i>http://exempl.com
</i>. Если вы установили WordPress не в <a href="/gde-kornevaya-papka-kornevaya-direktoriya/">корневую папку</a> сайта, а предположим в папку Sait, то во втором пункте этой настройки надо указать, именно этот URL. То есть, второй URL пункта <a href="/chto-nuzhno-sdelat-posle-ustanovki-wp-bazovaya-nastroika/">общие настройки</a> должен выглядеть так: <i>http://exempl.com/Sait
</i>.</p><h4><b>Адрес e-mail
</b></h4><p>Адрес e-mail. В этот пункт настройки нужно вписать ваш административный Email –адрес. По нему вам будут отправляться восстановленные пароли, сообщения о комментариях и другая <a href="/vosstanovlenie-failov-sistemy-windows-10-komanda-cannot-repair-member-file/">системная информация</a> по событиям на сайте.</p><h4><b>Членство
</b></h4><p>Этим пунктом вы можете открыть или зарыть сайт для регистрации пользователей сайта. Если вы разрешаете регистрацию пользователей, то в следующем пункте нужно определить роль посетителей на сайте после регистрации.
</p><h4><b>Роль нового пользователя
</b></h4><p>Здесь вы можете определить права нового пользователя на сайте. Выбрать нужно из: Подписчик, Администратор, Редактор, Автор, Участник. Управление пользователями сайта WP осуществляется в пункте «Пользователи» консоли.</p><p><b>Пункты настроек: Часовой пояс; Формат даты; Формат времени; Первый день недели
</b> заполните в соответствии с вашим географическим положением или с местом нахождения ваших подписчиков. По настройкам часового пояса будут публиковаться статьи и отправляться письма подписчикам. Если ваша аудитория находится в Америке, то лучше установить их часовой пояс.</p><p>Переходим к пункту «Настройки публикации»
</p><h3>Настройки публикации</h3> <br><img src='https://i2.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-05.png' width="100%" loading=lazy> Настройки публикации WordPress <p>Настройки публикации это небольшой, но важный пункт в «Настройки параметров WordPress». Если вы хотите, чтобы WordPress внутренними инструментами проверял <a href="/vstavka-html-koda-na-stranicu-kak-dobavit-svoi-html-kod-chto-takoe/">HTML коды</a> материалов, в соответствующем пункте поставите галочку.</p><p>В настройке <b>«Опубликовать»
</b> вы видите функциональную закладку. Предназначена она для быстрой публикации постов в блоге/сайте WordPress. Чтобы ей воспользоваться, «мышью» компьютера перетащите эту закладку на панель закладок или избранное своего браузера. Теперь вы сможете публиковать статьи, заметки, ссылки в ваш сайт WordPress непосредственно из браузера, без открывания консоли своего сайта WP.</p><p><img src='https://i0.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-07.png' width="100%" loading=lazy></p><h4>Настройка почтового клиента</h4><p>Настройки параметров WordPress включают пункт настроек <a href="/luchshaya-programma-dlya-pochty-chto-takoe-pochtovyi-klient-kak-vybrat/">почтового клиента</a>. Это настройкой можно создать возможность публикации статей в сайт WordPress по <a href="/pochta-faerfoks-tanderbolt-kak-ustanovit-i-nastroit-thunderbird-dlya/">почте Email</a>. Для его заполнения вы должны работать с любым <a href="/reiting-nadezhnosti-pochtovyh-serverov-zarubezhnye-pochtovye/">почтовым сервисом</a> с POP3 доступом. Для <a href="/kak-zaiti-v-odnoklassniki-esli-dostup-zakryt-zaiti-v-odnoklassniki-na/">детальной информации</a> по этому материалу нужна отдельная статья. Обязательно напишу позже.</p><h4>Сервисы обновления</h4> <img src='https://i1.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-01.png' height="603" width="561" loading=lazy> Сервисы <a href="/sravnenie-servisov-wordpress-i-instantcms-obnovleniya-i-podderzhka/">обновления WordPress</a> <p>Это интересный пункт настроек WordPress. Настройки параметров WordPress позволяют при публикации новых статей уведомлять сервисы, следящие за обновлениями в интернет, об этой публикации. Такое сообщение называется пингование постов (Ping). По <a href="/vneshnii-vid-arhivov-wordpress-po-umolchaniyu-vneshnii-vid-arhivov-wordpress-po/">умолчанию WordPress</a> будет уведомлять один сайт слежения http://rpc.pingomatic.com/.</p><p>Не стоит ограничиваться одним Ping сервисом. Приведу список выверенных, на момент публикации статьи, сервисов для пингования новых записей в WordPress. Хотя вы можете его проверить сами.</p><p>Важно!
не будет переводить URL уже написанных статей. Он начинает работать только для статей написанных после его установки.</p><p><b>Примечание:
</b> Некоторые хостинги запрещают пингование статей. Чаще всего это <a href="/privatnyi-hosting-izobrazhenii-besplatnye-failoobmenniki-kak-zalit-foto-i/">бесплатные хостинги</a> с доменами третьего уровня.</p><p>Итак список сервисов для пингования статьей (нужно периодически проверять).</p><ul><li>http://rpc.pingomatic.com/</li><li>http://api.feedster.com/ping</li><li>http://ping.blogs.yandex.ru/RPC2</li><li>http://xping.pubsub.com/ping/</li><li>http://ping.blo.gs/</li><li>http://ping.feedburner.com</li><li>http://ping.syndic8.com/xmlrpc.php</li><li>http://rpc.weblogs.com/RPC2</li><li>http://www.blogdigger.com/RPC2</li><li>http://www.blogstreet.com/xrbin/xmlrpc.cgi</li><li>http://coreblog.org/ping/</li><li>http://bulkfeeds.net/rpc</li><li>http://ping.bitacoras.com</li><li>http://ping.bloggers.jp/rpc/</li><li>http://blog.goo.ne.jp/XMLRPC</li><li>//blogsearch.google.com/ping/RPC2</li><li>http://ping.bloggers.jp/rpc/</li>
</ul><p>Вставьте этот список в пункт настроек <b>«Сервисы обновления»
</b> и сохраните все сделанные изменения. Можно переходить к «Настройке чтения».</p><h3>Пункт настройки параметров «Настройки чтения»</h3><p>Эти настройки параметров WordPress, позволяют настроить внешний вид своего сайта WP, который увидят посетители при открытии главной страницы сайта.</p> <img src='https://i0.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-08.png' height="530" width="520" loading=lazy> Настройки чтение WordPress <p>Здесь возможны два варианта настроек.</p><ol><li>В первом варианте, при выборе, <b>«Ваши последние записи»
</b> посетители будут видеть ваши записи в прямой последовательности публикаций. Каждая новая статья будет отображаться выше предыдущих. Количество статей на <a href="/sdelat-yandeks-startovoi-stranicei-v-yandeks-brauzere-video-sdelat/">главной странице</a> можно настроить здесь же пунктов ниже: «На страницах блога отображать не более»</li><li>Второй вариант настройки главной страницы сайта WordPress это сделать статичную страницу. В ней вы можете расказать о своем сайте или продукте, который вы продвигаете. Рассказать о разделах сайта дать ссылки на разделы и т.п.</li>
</ol><p>Добавить статическую страницу просто. Открываете пункт консоли <b>Страницы→Добавить новую
</b></p><p><img src='https://i2.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-02.png' height="123" width="372" loading=lazy></p><p>Здесь делаете свою статическую страницу вашего сайта WordPress. Наполняете ее фотографиями, ссылками, роликами и т.п. Даете странице название. Публикуете страницу. Возвращаетесь в Параметры → Чтение.</p><p>Выбираем<b> «Главная страница»
</b> и выпавшем списке названий страниц выбираете страницу, которую вы создали чуть выше. Теперь при открытии вашего сайта по домену будет открываться ваша статическая страница.</p><p><img src='https://i0.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-16.png' width="100%" loading=lazy></p><p>В пункте «Чтение» нужно заполнить, сколько записей вы хотите видеть на главной странице и в RSS ленте. Чтобы в <a href="/nepoznannoe-v-rss-lentah-komu-eto-nuzhno-rss-lenty-i-seo/">ленте RSS</a> отражались только анонсы статей, выберете пункт «Анонс».</p><p>Здесь же можете запретить поисковикам вообще видеть ваш сайт, включить так называемый режим <a href="/onlain-dnevnik-dlya-devushek-kak-sozdat-lichnyi-dnevnik-v/">личного дневника</a>. <b>Не забывайте сохраниться.
</b></p><p>Все! Настройки параметров WordPress закончены. Сайт WordPress готов к публикации статей и открыт для <a href="/reiting-10-ti-luchshih-poiskovyh-sistem-luchshie-poiskovye-sistemy-preimushchestva-poiskovoi-sistemy-meta/">поисковых систем</a>.</p>
<p>Многие хостинги, спасибо им, предлагают установку <a href="/obnovlenie-cms-pochemu-sleduet-obnovlyat-wordpress/">CMS WordPress</a> в <a href="/pochemu-ya-ne-mogu-voiti-v-tvitter-ustranenie-nepoladok-s-prilozheniem/">автоматическом режиме</a>. Мой хостинг Beget.ru не исключение. Я всегда пользуюсь <a href="/download-and-install-drivers-automatic-driver-installation/">автоматической установкой</a> CMS, не вижу в этом ничего плохого, наоборот, все быстро и удобно.</p>
<p>После установки, не важно вручную или в автоматическом режиме, у вас должен быть логин и пароль администратора. Вход в административную панель вашего сайта на WordPress всегда будет по адресу:</p>
<p>http://mydomen.ru/wp-admin/</p>
<table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show">
</td>
<td class="crayon-code"><p>http
:
//mydomen.ru/wp-admin/
</p>
</td>
</tr></table><p><b>mydomen.ru
</b> - меняем на имя своего домена.</p>
<p>Прежде, чем начать, повторю, в статье речь пойдет о таких настройках, которые необходимо сделать сразу после установки WordPress. Если я о чем-то не написала, значит это можно оставить на потом.</p>
<p>Конечно, здесь есть доля субъективного мнения, и у каждого вебмастера мнение свое. Если вы читаете мои статьи, значит доверяете мне. Итак, переходим непосредственно к настройкам WordPress.</p>
<h2>Настройки WordPress</h2>
<p>Левая колонка, последний пункт меню - Настройки.<br><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/nastrojki-obshie.jpg' align="center" height="631" width="548" loading=lazy></p>
<h3>Общие</h3>
<p>Указываем название и описание сайта. В будущем это можно будет изменить. Остальные пункты настроек можно оставить на потом.</p>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/nasvanie-i-opisanie-site.jpg' align="center" width="100%" loading=lazy></p>
<h3>Чтение</h3>
<p><i>
</i> Попросить поисковые системы не индексировать сайт.</p>
<p><img src='https://i2.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-Rus-To-Lat.jpg' align="left" height="277" width="414" loading=lazy><br>
Я не настаиваю, но рекомендую на время проведения работ запретить сайт к индексации. Я всегда так делаю, пока настраиваю сайт для клиента.</p>
<h3>Обсуждение</h3>
<p>На самом деле этот пункт можно оставить на потом, он не является критичным для <a href="/1s-8-3-pervichnaya-nastroika-programmy-buhuchet-info-zapolnenie-cen/">первичных настроек</a>. Но, когда я создаю сайт для клиента, я сразу определяюсь с <a href="/kak-udalit-istoriyu-na-smartfone-samsung-korrektiruem/">глобальными настройками</a> комментариев. И первое, что мы определяем - это можно оставлять комментарии к новым статьям или нет.<br>
Для начальных настроек я выделяю галочками следующие пункты.</p>
<p><b>Настройки для статьи по умолчанию
</b><br><i>
</i> Разрешить оставлять комментарии на новые статьи</p>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/bazovie-nastrojky-sitemap-xml.jpg' align="left" height="114" width="714" loading=lazy></p>
<p><b>Другие настройки комментариев:
</b><br><i>
</i> Автор комментария должен указать имя и e-mail<br><i>
</i> Разрешить древовидные (вложенные) комментарии глубиной 10 уровней</p>
<p><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/drugie-nastroyki-kommentirovaniya.jpg' align="center" width="100%" loading=lazy></p>
<p><b>Отправить мне письмо, когда
</b><br><i>
</i> Кто-нибудь оставил комментарий<br><i>
</i> Комментарий ожидает проверки</p>
<p><b>Аватары
</b></p>
<p><b>Отображение аватаров
</b><br><i>
</i> Показывать аватары</p>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/nastroyka-avatara-wordpress.jpg' align="center" width="100%" loading=lazy></p>
<p><b>Аватар по умолчанию
</b><br>
Выбираем на свой вкус и цвет.</p>
<h3>Постоянные ссылки</h3>
<p>Выбираем пункт - <b>Произвольно
</b></p>
<p>и указываем следующий код:</p>
<p>/%category%/%postname%.html</p>
<table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show">
</td>
<td class="crayon-code"><p>/
%
category
%
/
%
postname
%
.
html
</p>
</td>
</tr></table><p>Я выбрала именно такое построение ссылок в WordPress, основываясь на рекомендациях Яндекс и Google, о чем неоднократно писала у себя в блоге. Последняя из статей от 22 марта 2016 года - .</p>
<p>Обращаю внимание, что в указанной статье есть <a href="/kak-sdelat-stranicu-v-yandekse-kak-sdelat-yandeks-startovoi/">дополнительная рекомендация</a> по настройке URL в WordPress.</p>
<p>Итак, с базовой настройкой закончили. Переходим к плагинам.</p>
<h2>Базовые плагины для WordPress</h2>
<p>Я всегда пользуюсь плагинами из каталога плагинов WordPress и устанавливаю их прямо из админки блога: <b>Плагины - Добавить новый
</b>.</p>
<p><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plaginy-dobavit-novyj.jpg' align="center" height="444" width="357" loading=lazy></p>
<p>В строке поиска вверху справа указываю название плагина, жму Enter, получаю список плагинов. Если название указано верно, то <a href="/kak-otkryt-plaginy-v-gugl-chto-takoe-plagin-zachem-on-nuzhen-i-kak-ego/">нужный плагин</a> самый первый в списке. Жму - установить, следую дальнейшим автоматическим инструкциям.</p>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/poisk-i-dobavlenie-plaginov.jpg' align="center" width="100%" loading=lazy>Все <a href="/ustanovit-plagin-click-to-call-plagin-skype-click-to-call-skype-click-to-call-chto-eto-za/">установленные плагины</a> можно найти:</p>
<ol><li>Плагины - Установленные</li>
<li>В пункте Настройки</li>
<li>В левом меню WordPress</li>
<li>В пункте Инструменты</li>
</ol><p><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/vse-ustanovlennye-v-wordpress-plaginy.jpg' align="center" width="100%" loading=lazy></p>
<p>По умолчанию в CMS предустановлены два плагина:<br><b>Hello Dolly
</b> - удаляю сразу.<br><b>Akismet
</b> - плагин защиты блога от спам-комментариев.</p>
<p><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/predustanivlennye-plaginy.jpg' align="center" width="100%" loading=lazy></p>
<p>Исторически так сложилось, что я удаляю и этот плагин. В первый раз меня отпугнула регистрация, не хотелось тратить на это время. Я поставила другой плагин для защиты от спам-комментариев и ни разу не пожалела. Поэтому расскажу о нем чуть ниже.</p>
<p>Конечно, как и с базовыми настройками, список необходимых плагинов составлен из субъективных взглядов и предпочтений, основан исключительно на <a href="/lichnyi-opyt-zarabotok-na-perehodah-po-ssylkam-realnost-ili-moshennichestvo/">личном опыте</a> и сгруппирован по назначению.</p>
<p>Если плагин не требует настройки, русифицирован, прост и понятен - то я не буду в статье останавливаться на его настройках. Во всех остальных случаях я подробно остановлюсь на настройке плагина.</p>
<h3>Публикация</h3>
<p><b><br><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-Rus-To-Lat.jpg' align="left" width="100%" loading=lazy>RusToLat
</b> - первый и самый важный плагин, без которого нельзя публиковать первые статьи.</p>
<p>Плагин автоматически производит транслитерацию заголовка статьи из кириллических символов в латиницу.</p>
<p>Без этого плагина все статьи будут иметь адрес:</p>
<p>http://mydomen.ru/мое-название-статьи.html</p>
<p>А с плагином</p>
<p>http://mydomen.ru/moe-nazvanie-stati.html</p>
<table class="crayon-table"><tr class="crayon-row"><td class="crayon-nums " data-settings="show">
</td>
<td class="crayon-code"><p>http
:
<span>//mydomen.ru/moe-nazvanie-stati.html
</p>
</td>
</tr></table><p>После установки плагин не требует никаких настроек.</p>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-TinyMCE-Advanced.jpg' align="left" width="100%" loading=lazy><b>TinyMCE Advanced
</b> - визуальный редактор.</p>
<p>Без данного плагина, если не знать HTML и CSS, невозможно создать красивый читаемый текст. Обязателен к установке.</p>
<p>Я оставляю настройки по умолчанию.</p>
<h3>Комментирование</h3>
<p><b><br><img src='https://i2.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-Antispam-Bee.jpg' align="left" width="100%" loading=lazy>Antispam Bee
</b> - вот этот самый плагин для защиты от спама в комментариях, которым я заменила Akismet. Мне нравится:</p>
<ol><li>Простая настройка</li>
<li>Надежная защита. За все время использования - тысячи заблокированных спамных комментариев.</li>
<li>Без каптчи. Многие считают, что защититься можно только с помощью каптчи. Посмотрите мой блог, я нигде ее не использую и не страдаю от спама.</li>
</ol><p>Плагин почти полностью переведен на русский язык, в основном я оставляю все настройки по умолчанию.</p>
<p><b><br><img src='https://i2.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-Subscribe-To-Comments.jpg' align="left" width="100%" loading=lazy>Subscribe To Comments
</b> - несмотря на свою продвинутость, WP не дает возможности подписываться на комментарии. Пример:</p>
<p>Читатель задал вам вопрос в блоге, т.к. вы являетесь автором блога, вы сразу получили уведомление о новом комментарии, поэтому быстро ответили. А вот ваш читатель не получил уведомления о том, что вы ему ответили. <a href="/wordpress-eksport-dannyh-iz-excel-wordpress-import-zapisei-rubrik-i-tegov/">Данный плагин</a> решает эту проблему.</p>
<p>Так что обязателен к установке и настройке следующих пунктов:<br><b>Not subscribed text:
</b></p>
<p>Оповещать меня о новых комментариях.</p>
<p><b>Entry author text:
</b></p>
<h3><br><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/nastroyka-plagina-Subscribe-to-Comments.jpg' align="center" width="100%" loading=lazy></h3>
<h3>Резервное копирование</h3>
<p><b>WP-DB-Backup
</b> - Плагин бекапа базы данных<br><b>BackUpWordPress
</b> - Плагин бекапа файлов и базы данных.</p>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plaginy-wp-db-backup-i-backUpWordPress.jpg' align="center" width="100%" loading=lazy><br>
Можно установить только один плагин BackUpWordPress, т.к. он создает копии как файлов, так и базы. С другой же стороны, он нужен только на начальном этапе, если вы планируете вносить изменения в файлы темы, то важно сохранять их, если что-то пойдет не так. В будущем же, если вы не меняете файлы темы, то и бекапить вам их постоянно не нужно.</p>
<p>А вот базу данных сохранять нужно постоянно, т.к. в базе хранятся ваши статьи, комментарии и другие данные. И первый плагин WP-DB-Backup обладает более <a href="/alternativy-outlook-obzor-pochtovyh-klientov-dlya-windows-alternativy/">гибкими настройками</a>. Поэтому рекомендую его использовать.</p>
<p>Плагины русифицированы и понятны. Главное, сразу настроить создание <a href="/rezervnoe-kopirovanie-i-vosstanovlenie-draiverov-windows/">резервных копий</a> по расписанию.</p>
<p>Замечу только, что в настройках плагина BackUpWordPress в пункте Количество резервных копий на этом сервере указывайте не больше 2. Т.к. создается копия сайта, то вес копии такой же, как и вес самого сайта. А объем <a href="/where-are-user-profiles-scheduling-disk-space/">дискового пространства</a> на хостинге не безграничный. Каждая копия сайта будет отнимать у вас полезное пространство.</p>
<h3>Безопасность</h3>
<p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-limit-login-attempts.jpg' align="left" width="100%" loading=lazy>Настало время поговорить о безопасности WordPress.</p>
<p><b>Limit Login Attempts
</b> - простой плагин, который устанавливает ограничение на количество попыток входа, если набран неправильный пароль.</p>
<p>Плагин русифицирован и понятен.</p>
<p><b><br><img src='https://i2.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-acunetix-wp-security.jpg' align="left" width="100%" loading=lazy>Acunetix WP Security
</b> - мне нравится этот плагин тем, что автоматизирует настройки по <a href="/zashchita-wordpress-ot-xml-rpc-ataki-vvedenie-v-xml-rpc/">защите WordPress</a>. Об этом плагине можно написать отдельную статью, а пока, не вдаваясь в подробности:</p>
<ol><li>открываем страницу WP Security - Settings,</li>
<li>выделяем все пункты,</li>
<li>снимаем выделение с пункта Show the RSS widget in the dashboard,</li>
<li>жмем кнопку Update settings.</li>
</ol><p><img src='https://i0.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/nastroyki-plagina-acunetix-wp-security.jpg' align="center" width="100%" loading=lazy></p>
<p>Плагин все сделает сам. Результат на странице Dashboard.</p>
<p>Стоит отметить, что есть несколько пунктов, которые плагин не исправляет автоматически, и приходится подправлять вручную. Но я пока на этом не буду останавливаться. Возможно, о плагине будет отдельная статья.</p>
<h3>Кеширование</h3>
<p>На просторах интернета вы можете найти разные мнения о том, какой плагин лучше.</p>
<p><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-wp-super-cache.jpg' align="left" width="100%" loading=lazy>Я пользуюсь <b>WP <a href="/wp-super-cache-otzyvy-moya-shpargalka-plagin-wp-super-cache-i-ego-nastroiki/">Super Cache</a>
</b>. Скачиваем, активируем, но НЕ включаем кеширование, пока полностью не настроим свой сайт. Кеширование я включаю тогда, когда работа над сайтом полностью завершена.</p>
<p>В большинстве случаев оставляю <a href="/instrukciya-po-podklyucheniyu-routera-rt-12n-nastroiku-oborudovaniya-asus/">стандартные настройки</a> по умолчанию.</p>
<p>Когда у меня были проблемы с предыдущим хостингом, служба поддержки давала мне свои рекомендации по настройке данного плагина. Когда я перешла на Beget, первым делом задала вопрос в службу поддержки, есть ли у них свои рекомендации по настройке кеширования на сайте, ответ был отрицательный.</p>
<p>Проблем не испытываю, поэтому настройки плагина оставляю по умолчанию, либо выделяю пункты, где есть пометка «Рекомендовано».<br>
Основное мы уже сделали. Осталось совсем чуть-чуть.</p>
<h3>SEO плагины.</h3>
<p><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-all-in-one-seo-pack.jpg' align="left" width="100%" loading=lazy>Наиболее популярным на сегодняшний день является плагин <b>All in One SEO Pack
</b>. Но мне он почему-то не нравится. А нравится мне плагин <b>Platinum SEO Pack.
</b></p>
<p>В <a href="/ne-idet-vremya-na-telefone-pochemu-chasy-na-telefone-pokazyvayut/">разное время</a> на разные сайты я ставила оба плагина, и на мой взгляд, <a href="/bit-i-bait-chto-bolshe-raznica-mezhdu-bitom-i-baitom-chto-bolshe/">большой разницы</a> для большинства <b>стандартных
</b> задач между этими двумя плагинами нет.</p>
<p>К сожалению, Platinum SEO Pack давно не обновлялся, при этом стабильно работает на <a href="/ios-skachat-besplatno-proshivki-dlya-iphone-ipod-touch-i-ipad-vseh-versii-izmeneniya-v/">последних версиях</a> WordPress, и на мой взгляд более понятный для начинающего вебмастера. Рекомендовать его я не могу по той причине, что он уже 3 года не обновляется.</p>
<p>На настройках плагин All in One SEO Pack останавливаться не буду, т.к. это тема для отдельной статьи. В сети много есть статей про настройку данного плагина.</p>
<p><b><br><img src='https://i1.wp.com/amateurblogger.ru/wp-content/uploads/2016/05/plagin-google-xml-sitemaps.jpg' align="left" width="100%" loading=lazy>Google <a href="/plagin-wordpress-sitemap-xml-sozdanie-xml-faila-sitemap-dlya-wordpress-bloga-plagin/">XML Sitemaps</a>
</b> - обязательный плагин.</p>
<p>Необходим для создания карты сайта в формате XML.</p>
<p>Остановлюсь на следующих настройках.</p>
<p><b>Базовые параметры
</b> - снять галочку<br><i>
</i> Уведомить Google об изменениях в Вашем дневнике<br></p>
<p>После того, как Вы купили домен и заказали хостинг, самое время произвести настройки wordpress. Блог нельзя использовать в том виде, в котором он сейчас находится. Нужно правильно настроить постоянные ссылки, выбрать и установить тему (дизайн), подключить все необходимые плагины.</p>
<p>Все эти настройки нужны для того, чтобы у блога был опрятный вид как для будущих посетителей, так и для поисковых роботов. Что положительно повлияет на дальнейшее поисковое продвижение.</p>
<p>Также нужно разобраться в меню консоли. Консоль еще называют “админкой”. Вы могли заметить, что в админке достаточно много дополнительных настроек.</p>
<p>Чтобы попасть в админку блога, нужно зайти по адресу site.ru/wp-admin/. Вместо site.ru подставьте название своего домена.</p>
<p>На главной странице находятся основная информация по всему блогу. С этой страницы можно добавить статью, произвести базовые настройки темы или увидеть <a href="/disqus-kak-vyvesti-poslednie-kommentarii-wordpress-disqus-sistema/">последние комментарии</a> сделанные к записи.</p>
<h3>2. Обновления
</h3>
<p>В обновлениях можно посмотреть текущую <a href="/kak-obnovit-versiyu-php-v-wordpress-kak-izmenit-ili-obnovit-versiyu-php-wordpress/">версию WordPress</a>, а также не требует ли он новых обновлений. Как только разработчики выпустят обновление, Вы это увидите в своей админке.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp18.jpg' align="center" width="100%" loading=lazy></p>
<p>Не забывайте обновляться, если Вас просят об этом. Это защитит Вас от попыток взлома злоумышленниками.</p>
<h3><span>3. Записи. Все записи
</span></h3>
<p>В этом меню можно увидеть все записи сделанные за все время. Также можно посмотреть сколько комментариев набрала каждая статья и к какой рубрике она относится.</p>
<p>Наведите курсор мышки на статью и появится подменю с помощью которого можно редактировать, перейти или удалить статью.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp17.jpg' align="center" width="100%" loading=lazy></p>
<p>Если Вы после установки WordPress ничего не меняли, то у Вас уже будет первая тестовая запись. Наведите на нее и удалите. Если Вы по ошибке удалили запись, ее всегда можно восстановить из корзины. Если записи больше не нужны, то не забывайте очищать корзину.</p>
<h3><span>3.1. Добавить новую
</span></h3>
<p>Прежде чем начать публиковать статьи в блог, нужно сделать несколько очень <a href="/ppp-primer-nastroiki-i-opisanie-naibolee-vazhnye-osobennosti/">важных настроек</a>. Сделайте их в пункте 8.1 и 11.3. После того, как Вы настроите постоянные ссылки или как их еще называют (ЧПУ), можете приступать к публикации статей.</p>
<p>Вверху пишется заголовок. Он должен быть не слишком длинным и не слишком коротким. После того, как введете заголовок под ним, появится постоянная ссылка. У нее будет такой вид, если Вы поставите специальный плагин, который находится в пункте 8.1.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp3.jpg' align="center" width="100%" loading=lazy></p>
<p>Ниже перед Вами будут инструменты, с помощью которых можно оформлять текст, добавлять картинки и ставить активные ссылки. Если Вы знакомы с <a href="/rabota-s-programmoi-word-dlya-nachinayushchih-kursy-obucheniya-ms-office-excel-dlya-chainikov/">программой Word</a>, то проблем с этим не будет.</p>
<p>Если Вы впервые сталкиваетесь с таким редактором, то посмотрите видео-уроки на YouTube о том, как добавить статью на <a href="/sozdanie-portala-na-wordpress-prichiny-dlya-sozdaniya-bloga-na-wordpress-kak-sozdat-svoi/">блог WordPress</a>. После того, как статья добавлена и отформатирована, выберите или создайте для нее рубрику. Одна статья в одну рубрику, запомните это!</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp2.jpg' align="center" width="100%" loading=lazy></p>
<p>Загрузите миниатюру, это не<a href="/bolshie-avatarki-smeshnye-kartinki-na-avu/">большая картинка</a> к Вашей статье. Такие картинки поддерживают большинство тем. После того, как все готово нажмите на “Опубликовать”. Теперь перейдите на главную страницу своего блога и посмотрите, как выглядит Ваша запись.</p>
<h3><span>Работа с картинками
</span></h3>
<p>При добавлении фотографий старайтесь всегда прописывать атрибут “Alt”. Если Вы используете свои фотографии, то это позволит Вам привлечь трафик из поисковых систем из раздела “картинки”.</p>
<p>Достаточно 2-3 слов о том, что изображено на самой картинке. Если не знаете что писать, лучше ничего не пишите.</p>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp1.jpg' align="center" width="100%" loading=lazy></p>
<p>Фото можно выровнять по центру или по краю. Если у Вас большая картинка и Вы хотите, чтобы при ее нажатии она открывалась в полном размере, то выберите “ссылка на медиафайл”. Если нужно перенаправить на другой сайт, то используйте произвольный url.</p>
<p>В настройка размер Вы можете задать тот размер, который Вы хотите. Помните, что ширина самого блога редко превышает 1000 пикселей в ширину. Рекомендую ставить полный.</p>
<p>Следите за тем, чтобы все Ваши фотографии перед загрузкой на блог имели название <a href="/s-russkogo-na-latinskie-bukvy-perevodchik-na-latinicu-onlain/">латинскими буквами</a> например, moy-dom.jpg.</p>
<h3>3.2. Рубрики
</h3>
<p>Это меню предназначено для создания рубрик. Например, у Вас блог по <a href="/intervyu-s-irinoi-rybchanskoi-prostye-recepty-chadeika-irina-poleznaya-kollekciya/">кулинарным рецептам</a>. Рубрики могут быть такие:</p>
<ul><li>Салаты</li>
<li>Закуски</li>
<li>Напитки</li>
</ul><p>В название напишите свою рубрику. В ярлык напишите название этой же рубрики, но только латинскими буквами. Можно прописывать и кириллицей, но рекомендую сделать, как на примере.</p>
<p>У рубрик могут быть подрубрики. Например в “Салаты” могут входить такие подрубрики: “Салаты с курицей”, “Простые салаты”, “Рецепты салатов на зиму” итд. Подрубрики можно создать в меню “Родительская”.</p>
<p><img src='https://i2.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp16.jpg' align="center" width="100%" loading=lazy></p>
<p>Напишите 2-3 предложения описывающую вашу рубрику. Изложите самую суть. Обязательно сделайте его уникальным. Это значит, что Вы должны сами придумать это описание, а не скопировать его. Как только все поля будут заполнены, можно нажать на кнопку “Добавить новую рубрику”.</p>
<h3>3.3. Метки
</h3>
<p>Метки нужны, чтобы сделать большой сайт более удобным для пользователя. Если Вы не планируете создавать большой портал с множеством рубрик и подрубрик, то метки лучше не использовать.</p>
<h3>4. Медиафайлы
</h3>
<p>В этом разделе Вы найдете все фото, которые когда-либо были загружены на блог. Также Вы можете добавить <a href="/gde-aktualnye-fotografii-vkontakte-novyi-dizain-kak-vklyuchit-aktualnye/">новую фотографию</a> в свою библиотеку. Это меню нам практически не понадобится, так как добавить фото к своей статье можно и в разделе 3.1.</p>
<h3>5. Страницы
</h3>
<p>Не путать этот раздел с записями! Такие страницы нужны в основном для информации. Например, у меня на блоге есть <a href="/otdelnyi-shablon-stranicy-wordpress-sozdanie-shablona-stranicy/">отдельные страницы</a> об авторе и о блоге. Вы можете создать страницу с контактами своей организации или любую другую информацию.</p>
<p>Сейчас у Вас есть тестовая страница. Посмотрите ее, попробуйте отредактировать и затем удалите.</p>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp15.jpg' align="center" width="100%" loading=lazy></p>
<p>В этом разделе Вы увидите все созданные страницы. Если нужно создать новую, то просто перейдите в меню “Добавить новую” и воспользуйтесь редактором, как в меню 3.1.</p>
<h3>6. Комментарии
</h3>
<p>Тут Вы сможете видеть все комментарии сделанные вашими пользователями. Комментарии можно запрещать, одобрять и редактировать.</p>
<h3><span>7. Внешний вид. Темы
</span></h3>
<p>По умолчанию WordPress предоставляет 3 темы. По дизайну они так себе и редко кто пользуется ими. Все три темы Вы можете видеть в этом меню. На просторах интернета есть <a href="/onlain-servis-nakrutki-chitatelei-v-twitter-chto-izmenitsya-esli/">большое количество</a> сайтов, которые предлагают скачать бесплатные шаблоны.</p>
<p>Я же рекомендую ставить темы из официального <a href="/tovary-plagin-vordpress-kak-sozdat-internet-magazin-na-wordpress-bez-lishnih/">магазина WordPress</a>. Во-первых, они бесплатные, а во-вторых на них нет <a href="/kak-proverit-shablon-na-vredonosnyi-kod-vosstanovlenie-ili/">вредоносного кода</a> или вируса. Чтобы установить <a href="/shablony-dlya-modx-revolution-novyi-shablon-dlya-modx---modxpress-modx-ustanovka/">новый шаблон</a>, достаточно нажать на “Добавить новую тему”.</p>
<p>Вы попадете в раздел, где можете выбрать ту тему, которая Вам нравится. Наведите курсор на любой шаблон и посмотрите, как он будет выглядеть. Можете выбрать тему, задав фильтр характеристик, которые Вам нужны. После того, как выбор будет сделан, нажмите на установить и активировать.</p>
<p><img src='https://i2.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp14.jpg' align="center" width="100%" loading=lazy></p>
<p>Не бойтесь ставить разные темы. Очень сложно с первого раза найти ту, которая будет нравиться. Все лишние темы Вы всегда можете удалить в любой момент.</p>
<p>У <a href="/adaptivnyi-shablon-html-css-mabur-adaptivnyi-shablon-dlya-portfolio-prologue-besplatnyi/">бесплатных шаблонов</a> есть и минусы. Они плохо оптимизированы под поисковые системы.</p>
<p>Или можно сразу же купить для своего проекта недорогой шаблон, который избавит от всех <a href="/tehnicheskaya-informaciya-oshibka-http-404-oshibki-kotorye-my-lyubim/">технических ошибок</a>. Устанавливаете тему, настраиваете один раз под себя и пользуетесь.</p>
<p>Если возникнут вопросы по настройке темы, то вам всегда поможет русскоязычная служба поддержки бесплатно. Рекомендую сделать выбор из этих трех шаблонов.</p>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp7.jpg' align="center" width="100%" loading=lazy></p>
<p>Также в этом разделе Вы всегда можете сменить пароль и email.</p>
<h3>10. Инструменты
</h3>
<p>Этот раздел можно смело пропустить, здесь пока нет ничего интересного. При добавлении новых плагинов, некоторые из них будут находиться именно здесь.</p>
<h3><span>11. Настройки. Общие
</span></h3>
<p>Самое важное меню почему-то находится в самом конце. Прежде чем начать публиковать статьи и создавать новые страницы, нужно произвести настройки.</p>
<p>Напишите название своего сайта. Описание должно быть короткое и понятное. Оно должно содержать всю суть Вашей ниши. Краткое описание можно пропустить. Если есть что написать, то заполните. Можно написать какой-нибудь слоган.</p>
<p>Адрес WordPress и адрес сайта. Тут Вы можете указать то, как будет отображаться Ваш блог. Например, с www или без. https или http. Это очень важный параметр, заполните его обязательно.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp6.jpg' align="center" width="100%" loading=lazy></p>
<p>Если Вы регистрировали домен и хостинг по моему , то у Вас должен быть сертификат защищенного <a href="/protokol-http-https-chto-eto-takoe-protokol-http-chto-takoe-hypertext/">протокола https</a>. Значит — настройки ставьте, как на картинке. Выберите формат даты и времени тот, который Вам нужен. Меню “написание” пропускаем.</p>
<h3>11.1. Чтение
</h3>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp5.jpg' align="center" width="100%" loading=lazy></p>
<h3>11.2. Обсуждение
</h3>
<p>В этом разделе можно настроить свой черный список. Если Вы видите, что Вам кто-то оставляет спам-комментарии, то Вы можете занести его в черный список. Достаточно добавить IP адрес, который можно увидеть в комментариях или составить свой список стоп-слов.</p>
<p>Например, если добавить слова: www, http://, скачать, бесплатно, то такие комментарии не пройдут автоматическую модерацию. Настройки медиафайлов можно смело пропустить.</p>
<h3><span>11.3. Постоянные ссылки
</span></h3>
<p>Одна из самых важных настроек WordPress находится именно здесь. Это настройка постоянных ссылок. Поставьте галочку на “Произвольно” и вставьте туда вот такой шаблон:</p>
<blockquote><p>/%category%/%postname%.html</p>
</blockquote>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/wp4.jpg' align="center" width="100%" loading=lazy></p>
<h3>Яндекс метрика
</h3>
<p>Чтобы узнать сколько человек посещают блог, на него нужно установить специальный счетчик. Этот счетчик будет показывать <a href="/cpecialnye-draivera-s-podderzhkoi-api-vulkan-dlya-nvidia-i-amd-rampaga-amd-predstavila/">подробную информацию</a> о пользователе. Рекомендую установить Яндекс Метрику .</p>
<p>Если у Вас еще нет почты от Яндекса, то зарегистрируйте ее прямо сейчас, это займет несколько минут.</p>
<p>После того как Вы попали внутрь, нажмите на “Добавить счетчик”.</p>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/metrika.jpg' align="center" width="100%" loading=lazy></p>
<p>Далее заполните: имя счетчика и адрес сайта, поставьте галочку “я принимаю условие”, создать счетчик. Поставьте галочку на вебвизор и нажмите сохранить. Ниже Вы увидите код счетчика, который нужно установить.</p>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/metrika5.jpg' align="center" width="100%" loading=lazy></p>
<p>Скопируйте его и перейдите в админку своего блога, как показано на картинке ниже.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/redaktor.jpg' align="center" width="100%" loading=lazy></p>
<p>Найдите в <a href="/programma-dlya-seo-optimizacii-neobhodimyi-bazovyi-seo-soft-dlya/">правой колонке</a> и нажмите на “Заголовок (header.php)”. Вставьте скопированный код в <a href="/chto-delat-esli-net-mesta-zakanchivaetsya-svobodnoe-mesto-na/">свободное место</a>. Лучше это сделать, где заканчивается </head>.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/metrika4.jpg' align="center" width="100%" loading=lazy></p>
<p>Нажмите обновить файл. Вернитесь в список счетчиков, нажав на “Счетчики”.</p>
<p><img src='https://i2.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/metrika3.jpg' align="center" width="100%" loading=lazy></p>
<p>Через несколько минут счетчик обновится и загорится зеленым. Если этого не произошло, выйдете из аккаунта и зайдите заново.</p>
<p><img src='https://i2.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/metrika2.jpg' align="center" width="100%" loading=lazy></p>
<p>Готово! Через какое-то время счетчик будет фиксировать всех посетителей на Вашем блоге. Нажмите на название и Вы попадете в основное меню.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/metrika7.jpg' align="center" width="100%" loading=lazy></p>
<p>Если Вы хотите разобраться со всеми возможностями этого инструмента, то обратитесь к руководству .</p>
<h3>robots.txt
</h3>
<p>Если Вы не знаете, что такое robots.txt и для чего он нужен, то можете почитать в справке Яндекса. Чтобы не мучиться и не составлять его самостоятельно, Вы можете просто его скачать .</p>
<p>Не забудьте исправить в файле свой сайт заменив site.ru и site.ru/sitemap.xml на свой. Также пропишите http или https. Теперь его нужно закачать к себе на сервер в корневую папку, где установлен Ваш блог.</p>
<p>Если вы пользуетесь хостингом «Бегет» , который я рекомендую, то загрузить этот файл вы можете следующим образом. Зайдите в хостинг и нажмите «Файловый менеджер».</p>
<p><img src='https://i2.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/failovii-menedjer.jpg' align="center" width="100%" loading=lazy></p>
<p>Найдите папку с вашим сайтом и зайдите в нее нажав 2 раза. Вы должны увидеть вот это:</p>
<p><img src='https://i1.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/faili.jpg' align="center" width="100%" loading=lazy></p>
<p>Зайдите в эту папку нажав 2 раза. Теперь вы попали в корневую папку своего сайта. Теперь нажмите «Загрузить файлы» и «Browse…»</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/zagruzit-faili.jpg' align="center" width="100%" loading=lazy></p>
<p>Выберите файл и нажмите на кнопку «Загрузка». Файл загружен на сайт.</p>
<p><img src='https://i0.wp.com/sergeysmirnovblog.ru/wp-content/uploads/2016/03/zagruzka.jpg' align="center" width="100%" loading=lazy></p>
<p>Теперь можете проверить. Введите в <a href="/kak-popast-v-podskazki-yandeksa-kak-vyglyadit-poiskovaya-stroka-sbor/">поисковой строке</a> такой запрос: https://site.ru/robots.txt в место site.ru подставьте свой сайт. Также учтите значение https или http.</p>
<h3><span>Регистрируем Домен. Настраиваем Хостинг. Устанавливаем Блог!
</span></h3>
<p><span class="VOOrhpGVjEA"></span>
</span><br>Заказать хостинг и купить домен >>></p>
<h3>Заключение
</h3>
<p>Теперь Ваш блог полностью настроен и готов к работе. Начните наполнять его <a href="/pomogaet-li-zashchitnoe-steklo-dlya-aifona-nuzhna-li-zashchitnaya/">качественными статьями</a> для людей. Начните потихоньку разбираться в SEO (поисковая оптимизация).</p>
<p>Как только Ваш блог достигнет посещаемости в 500 человек в сутки, то купите уникальную тему. Если у Вас остались вопросы, то обязательно задавайте их в комментариях ниже.</p>
<p>С уважением, Сергей Смирнов.</p>
<p>Вордпресс — несложный движок, рассчитанный для начинающих и опытных «игроков» сайтостроения. В нем легко разобраться.</p><blockquote><p>Но чтобы движок работал качественно, важно чтобы у вас была правильная начальная <a href="/hlebnye-kroshki-wordpress-nastroika-plagina-breadcrumb-navxt-wordpress-hlebnye/">настройка WordPress</a> после добавления его на хостинг.</p>
</blockquote><p>Если этого не сделать, у вас в дальнейшем появится масса проблем, которые непонятно как решать. И по каждой возникшей проблеме придется отдельно высиживать в Интернете в поисках решения. Потому чтобы вы не мучились в дальнейшем, ниже приведена инструкция по настройке Вордпресс после установки сайта на хостинг.</p><h2>Как лучше настроить Вордпресс после установки сайта на сервер</h2><p>Учтите, что приведенные ниже параметры настройки движка — это лишь один из вариантов конфигурации. Вы можете настроить его по-своему, но приведенные материалы помогут вам сориентироваться.</p> <h3>Настройка профиля</h3><p>Сразу после установки сайта на хостинг стоит перейти в «админку», в настройки профиля. Для начала деактивируйте визуальный редактор. Для этого нажмите галочку возле пункта «Редактор». Возможно, вам будет проще с <a href="/vizualnyi-redaktor-html5-i-css3-html-redaktory-redaktirovanie-stranicy-s/">визуальным редактором</a>, но вебмастеры предпочитают видеть все так, как есть — то есть <a href="/kak-uvidet-ishodnyi-kod-stranicy-kak-posmotret-ishodnyi-kod-stranicy-v/">исходный код</a>, а не то, что он дает. Кроме того, порой при переходе между текстовым и визуальным редактором случается сбой данных — расстановка тегов сбивается, и пропадает ваши html-теги. Порой это очень сильно злит и будоражит психику вебмастеров, так как можно написать много тегов, случайно переключить редатор — и все пропадет.</p><p>В настройках профиля вы выберете цветовое оформление админпанели. Далее обязательно впишите свои имя и фамилию, а также ник, который будет отображаться. Не забудьте указать имейл — это обязательно; а также аккаунт Гугл Плюс. Лучше нажмите гагочку возле пункта «<a href="/kak-nazyvaetsya-verhnyaya-panel-v-android-ne-zabyvai-pro/">Верхняя панель</a>» — она отвечает за отображение административного сайдбара сверху, который упростит вам доступ к настройкам Вордпресс. Пункт «Горячие клавиши» также может быть полезным — сможете во время редактирования выделять текст <a href="/programma-dlya-prosmotra-izobrazhenii-raznyh-formatov-kakie-est/">разными форматами</a> при помощи нажатия <a href="/kak-skryt-svoi-nomer-telefona-na-androide-kak-skryt-svoi-nomer-telefon-pri/">определенной комбинации</a> кнопок на клавиатуре.</p><p>Рекомендуется после ввода имени и фамилии также написать как будет отображаться ваш ник. Это нужно, если вы хотите, чтобы ваше имя числилось под вашими статьями. Не каждому это понадобится, но на всякий случай (для подтверждения авторства) все же внесите ваш публичный ник. Он будет сформирован из имени и фамилии — вам нужно будет выбрать его из выпадающего списка (Вордпресс сгенерирует свои варианты).</p><p>И последние особенности настройки профиля после установки сайта на хостинг — это редакция пароля. Важно, чтобы он был сложным — имел много знаков (лучше от 10-ти), состоял из больших и маленьких букв, а также из цифр.</p> <h3>Общие настройки</h3><p>Это важный пункт настроек. От того, как вы его заполните, будет зависеть то как будет раскручиваться ваш сайт после установки его на сервер. Вот самые <a href="/kakie-parametry-vazhny-pri-vybore-smartfona-vybiraem-smartfon/">важные параметры</a>, которые вам предстоит отредактировать:</p><ul><li>Название сайта. Лучше заранее определите направление, в котором будет работать ваш сайт. Если сделать название с ключевиками, то <a href="/vse-roboty-yandeksa-poiskovye-roboty-gugl-i-yandeks-kak-vedut/">поисковые роботы</a> будут лучше индексировать страницы ресурса. Название сайта будет отображаться в специально отведенном месте, которое определяются согласно особенностям <a href="/sozdanie-temy-dlya-vkontakte-kak-ustanovit-temu-dlya-vkontakte/">установленной темы</a>. Потому после установки шаблона не забудьте отредактировать расположение элементов.</li><li>Краткое описание — это еще один <a href="/heshtegi-v-instagramm---samyi-vazhnyi-element-v-raskrutke/">важный элемент</a> для СЕО-продвижения вашей площадки. В этом пункте вы должны указать самые важные ключевики и человекопонятным языком объяснить пользователям, о чем ваш ресурс.</li><li>Адрес Вордпресс и сайта — этот пункт оставьте нетронутым, так как он сам заполняется после установки движка на сервер.</li><li>Часовой пояс — заполнять эту строку не обязательно. Обычно часовой пояс выбирается автоматически, но если боитесь, что появятся проблемы потом, то можете его сразу настроить.</li><li>Формат даты и времени — это то, как будет отображаться время публикации материала. Как показывает опыт, пользователи привыкли к <a href="/kak-uznat-k-kakomu-id-privyazan-iphone-aifon---kak-uznat-id-neskolko/">стандартному варианту</a>, потому можете его не менять. Порой даже после изменения этой настройки ничего не меняется — сайт все равно отображает свой вариант. Такое бывает, если у вас установлена тема.</li><li>Первый день недели — тут все очевидно. В России это понедельник, а вот в США — воскресенье.</li><li>Язык сайта — на ваше усмотрение.</li>
</ul><h3>Настройки публикаций</h3><p>Настройка WordPress этой категории:</p><ul><li>Преобразование смайлов — сомнительная функция. Люди давно отвыкли от использования <a href="/kombinaciya-knopok-dlya-poiska-dopolnitelnaya-chislovaya-klaviatura/">специальных комбинаций</a> символов для создания смайлов. Кроме того, не всякий сайт поддерживает эту функцию.</li><li>Исправление некорректного HTML-кода — эту функцию можно оставить включенной, но вы навряд ли заметите ее работу. Вордпресс будет исправлять написанные вами теги, после нажатия публикации — в основном, это исправление касается закрытия тегов.</li><li>Основная рубрика — <a href="/kak-v-odnoklassnikah-vystavit-temu-dlya-obsuzhdeniya-kak/">важный момент</a>. Когда вы добавляете новые публикации, они автоматически распределяются по категориям. В случае, если категорию вы не выбрали, тогда публикация переносится в основную рубрику. Определите раздел, который станет основным.</li><li>Основной формат записей — это можно не трогать. Оставляйте стандартный вариант.</li>
</ul><h3>Настройки чтения</h3><p>Эти пункты настройки нужны для читателей, то есть они определяют как ваши посетители будут видеть сайт. Вот пункты, которые вы сможете настроить:</p><ul><li>На главной странице отображать — тут выбираем либо статический вариант (подходит для интернет-магазинов, сайтов компаний и портфолио), либо выбираем отображение последних записей (это подойдет для блогов и <a href="/kak-sozdat-novostnoi-blog-kak-vesti-novostnoi-portal-seo-i-prodvizhenie/">новостных порталов</a>). Также определите какая страница будет считаться главной, а на какой странице будут публиковаться записи (если вы не выбрали публикацию на главной).</li><li>На страницах отображать не более — этот пункт настроит количество записей, которые будет отображать сайт на главной после выбора ее, как динамичной страницы.</li><li>RSS — далее определите количество записей в RSS-лентах. Можно оставить стандартное значение.</li><li>Для каждой статьи отображать — лучше выбрать отображение анонса. Сайт с анонсами записей получает меньше отказов в статистике, и выглядит куда приятнее, чем ресурс, у которого все статьи целиком раскрыты на странице записей.</li><li>Видимость для поисковых систем — не переживайте, этот пункт не принесет вам вреда, даже если отметить галочку запрета индексации. Сайт все равно будет проиндексирован.</li>
</ul><h3>Настройки обсуждения (иногда «Настройки комментариев»)</h3><p>Самые важные пункты в этом разделе настроек:</p><ul><li>Настройки для статьи по умолчанию — лучше отключите первые два пункта настройки, так как они будут прогружать блог, пытаясь оповещать других блогеров о добавлении вами ссылки на их ресурсы.</li><li>Перед появлением комментариев — рекомендуется отметить галочку, чтобы комментарии одобрялись вручную. Иначе ваш сайт превратится в спам-помойку.</li><li>Другие настройки комментариев — чтобы обсуждения публикаций не путались, отметьте галочку возле древовидных комментариев.</li><li>Отправить мне письмо когда — лучше отключите отправку письма, иначе с сайта вам будет приходить море оповещений.</li>
</ul><h3>Настройки медиафайлов</h3><p>Здесь ничего сложно нет — вам необходимо будет задать <a href="/beidzh-pressa-shablon-kakoi-razmer-u-standartnogo-beidzhika-kak-sdelat-shablon-dlya/">стандартные размеры</a> изображений для коррекции картинок под параметры шаблона. Задайте размеры для миниатюры изображений сайта, для среднего и крупного образца. Потом после добавления картинок в статью вы сможете автоматически менять их размер.</p><p>Указанные настройки не обязательно должны быть такими же, как вы установите их себе на сайт. Это ваше право менять их, но приведенные параметры являются наиболее удобными, и не вызывают проблем.</p>
2 голоса
<p>Здравствуйте, <a href="/privetstvuyu-vas-dorogoi-drug-prostoi-primer-ispolzovaniya-php-i-ajax/">дорогие друзья</a>! Поздравляю вас с принятием решения обрести собственный сайт. Первый шаг сделан. Вы уже определились с хостингом и даже с движком – это замечательно. Теперь приступим к самому интересному - настройке вордпресс. В этой статье я расскажу вам о том, как правильно ее произвести с нуля. В этом нет ничего сложного.</p>
<h2><span>1. Сбылась мечта идиота
</span></h2>
<p>Немного отвлеку вас от разбора основного вопроса статьи и поделюсь радостью. Сегодня по почте пришла моя карта Яндекс Деньги. Можете похихикать, типа чему тут радоваться? Но имейте ввиду, я живу в небольшом городке на <a href="/servis-gid-megafon-dalnii-vostok-servis-gid-sposoby/">Дальнем Востоке</a>, цивилизация сюда доходит с опозданием. Здесь у половины населения вообще нет <a href="/sozdat-svoi-paypal-akkaunt-paypal-koshelek-registraciya-v-paipal-i/">пластиковых карт</a>, а что такое знают один человек из двадцати, в <a href="/esli-telefon-bystro-razryazhaetsya-s-novym-akkumulyatorom-pochemu-bystro/">лучшем случае</a>. Провинция.</p>
<p>Карта шла 21 день, и вот сегодня пришло СМС, что карта ожидает меня на почте. Естественно, <a href="/izveshchenie-f-22-obrazec-zapolneniya-kak-zapolnit-pochtovoe-izveshchenie/">почтовое извещение</a> я ждать не стал, ведь это Почта России:). Сходил и получил вот такой конверт, внутри Инструкция и приветственной письмо с самой картой.</p>
<br><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/IMG_1726.jpg' width="100%" loading=lazy> Наконец-то дождался. Вот он долгожданный конвертик.
<br><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/IMG_1727.jpg' width="100%" loading=lazy> Внутри инструкция пользования картой и письмо.
<br><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/IMG_1728.jpg' width="100%" loading=lazy> Внутри письма прилеплена сама карта.
<br><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/IMG_1729.jpg' width="100%" loading=lazy> Поздравляю! Себя.
<p>Часть клиентов расчитываются со мной именно Яндекс Деньгами, а тратить их я мог по очень ограниченному перечню, теперь с ней смогу по магазинам ходить.</p>
<p><b>А какими картами вы предпочитаете пользоваться, и почему?
</b></p>
<p>Теперь по существу сегодняшнего вопроса.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/cit128.jpg' align="center" width="100%" loading=lazy></p>
<h2>2. Дизайн
</h2>
<p>Дизайн сайта – это, наверное, самое важное. Ведь, по одежке встречают, а особенно в интернете. Искушенная публика не будет тратить много времени на изучение <a href="/kodirovka-cvetov-v-html-cvet-v-stilyah-mozhno-zadavat-raznymi-sposobami-po/">белого текста</a> на ярко-зеленом фоне, как было в лохматые девяностые. Теперь зрителю подавай качество. У вас есть три пути решения данного вопроса.</p>
<h3><span><b>2.1. Вы нанимаете дизайнера
</b>
</span></h3>
<p>Не так давно работал над полной доработкой сайта дверей. Меня позвали, потому что портал не приносил никакой пользы. В его дизайн угрохали 60 000 рублей и ничего. Один-два человека в месяц, которые сбегали быстрее, чем с парохода «Титаник».</p>
<p>У заказчика изначально не было никаких пожеланий, поэтому «профессионалы из очень крутого агентства» сделали очередной интернет-магазин, вот только заказать или купить через него было нельзя.</p>
<p>Фактически магазин занимался не только межкомнатными, но также <a href="/podklyucheniya-modul-otpechatku-palca-na-arduino-samodelnyi-biometricheskii-zamok-s-otpechatkom-palca/">входными дверьми</a>, автоматическими воротами, фурнитурой и художественной ковкой. Звучит вроде бы неплохо, если не учитывать одно «но»… портал не содержал ни единого текста. Кроме того, туда затолкали какие-то непонятные фотографии со сторонних источников.</p>
<p>Ассортимент разделили по производителям, нашли их сайты и просто запихали на этот. У одних категории отличались исходя из цвета, у других по размерам, третьи грузили назначение, четвертые вообще хрен знает что.</p>
<p>Мы вместе с несчастным чертом бесконечно ломали ноги и пытались привести все это в хоть какой-нибудь порядок.</p>
<p>Из разговора с заказчиком я выяснил, что по сути им всего-навсего нужен каталог и информацию никакую давать не нужно. Они надеялись, что всё покупатели узнают из сайтов поставщиков. Я настоял на небольших текстах, помогающих в навигации, а также паре слов о товарах.</p>
<p>В итоге заказчик еще раз потратил около 120 000 на то, чтобы переоформить сайт, привести его в порядок. Кстати, сейчас туда заходит огромное число посетителей, а продажи действительно выросли.</p>
<p>Работа с соискателем отнимает время и деньги. Теоретически, он может оказаться довольно неплохим в том случае если заказчик точно формулирует свои желания. Фактически – это утопия, особенно если вы новичок. Исполнитель должен задавать грамотные вопросы и провести <a href="/kitaifony-s-bolshoi-emkostyu-akkumulyatora-smartfony-s-bolshim/">большую работу</a>, а не выдавать сходу 10 000 предложений.</p>
<p>Если вы только начинаете свою работу в интернете, я бы не рекомендовал вам начинать с поиска дизайнера и вот почему:</p>
<ul><li>Велика вероятность попасть на удочку мошенников, особенно если у вас недостаточно знаний. Истинные «специалисты» легко могут выманить кучу денег ни за что. К примеру, установив , коих в интернете великое множество.</li>
</ul><p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit218.jpg' align="center" width="100%" loading=lazy></p>
<ul><li>Со временем вы будете улучшать свои навыки и знания в области <a href="/chto-takoe-ikt-informacionno-kommunikacionnye-tehnologii-informacionno-kommunikacionnye-tehnologii/">информационных технологий</a> и вам захочется большего, а за все это придется платить еще раз. У вас практически нет шансов найти дизайнера, который будет бесплатно дополнять ваш сайт и реализовывать новые желания. Более того, некоторые специалисты нарочно не следуют правилам и ГОСТам, а делают свою систему, прячут файлы так, чтобы работать с движком впоследствии смогли только они.</li>
</ul><p>Отнеситесь к своему первому сайту как к чему-то пробному. Не тратьте на него много денег, иначе потом пожалеете. Взвешивайте любые затраты и оплачивайте работу исполнителей только в том случае, если уверены, в их честности, профессионализме и том, что без них вам никак не обойтись.</p>
<p>Я не просто так решил пройтись по дизайнерам. Наболело. Воюю с ними регулярно.</p>
<h3><span><b>2.2. Бесплатные или платные шаблоны
</b>
</span></h3>
<p>Поговорим о шаблонах для wordpress. Вот это – то что надо! Их в интернете великое множество. Чаще всего они разложены по специфике: для интернет магазинов, бизнес-журналов, порталов с рецептами и другими тематическими изданиями. Эти шаблоны помогают новичку начисто забыть о дизайне и сконцентрироваться на наполнении.</p>
<p>Бесплатные шаблоны я выбирать не советую. Обязательно рано или поздно наткнетесь на такой же сайт, лучше потратить немного денег, зато быть уверенным, что тема достанется только вам. Представьте, через какое-то время ваш ресурс обретет популярность, а где-то еще будет точно такой же сайт. Вам будет крайне неприятно на него наткнуться, плюс потеряете немного в позициях <a href="/pochemu-stranicy-isklyucheny-iz-poiska-kak-udalit-url-adresa-iz-poiskovoi/">поисковой выдачи</a> за отсутствие индивидуальности.</p>
<p>Мне очень нравятся темы на сайте <i><b><span>Template Monster
</span>
</b>
</i>. Сделаны довольно неплохо, поддерживают большинство плагинов, что дает <a href="/vysochaishaya-chetkost-izobrazheniya-vysokaya-proizvoditelnost-i-shirokie/">широкие возможности</a> для усовершенствования дизайна. Цены не кусачие и <a href="/eta-mobilnaya-svyaz-telefon-tehnicheskoi-podderzhki-tehnicheskaya/">техническую поддержку</a> можно получить, если возникнут проблемы - разработчик поможет с установкой.</p>
<p>6 000 рублей и о визуальной части сайта можно забыть навсегда. Ну или хотя бы до того момента как ни появятся новые пожелания. Менять что-то будет не так обидно, цена в 10 раз ниже рыночной.</p>
<p>Шаблоны для wordpress все настраиваемые. То есть изменить цвет верхней шапки, вставить другую картинку или шрифт, составить нужное меню, не составит никакого труда.</p>
<p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/1100.jpg' align="center" width="100%" loading=lazy></p>
<p><i>Для этой статья я создал тестовый сайт на <a href="/nachalnye-osnovy-raboty-na-kompyutere-besplatnyi-poshagovyi-kurs-obucheniya/">бесплатной основе</a>. Рассказывать, если вы не против, буду по нему.
</i></p>
<p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/244.jpg' align="center" width="100%" loading=lazy></p>
<h3><span><b>2.3. Вы можете сделать дизайн сами
</b>
</span></h3>
<p>Это будет довольно сложно и, возможно, придется запастись не одним томом из серии «<b><span>Основы коммерческого веб-дизайна
</span>
</b>», «<b><span><a href="/sozdanie-blokov-v-html-css-osnovy-css-i-html-blochnaya-verstka-urok-po-blochnoi-verstke/">Основы CSS</a>
</span>
</b>», «<b><span>HTML для начинающих
</span>
</b>» (по ссылкам можете скачать их бесплатно), просмотреть не один десяток видео уроков, а также пройти через ряд сложностей и неудач. Но в принципе, если вы решитесь на этот шаг - мое почтение. Хватит сил, мужества и упорства реализовать затею - нереальный респект!</p>
<h2><span>3. Базовая настройка – пошаговая инструкция
</span></h2>
<p>Теперь: как настроить сайт. Если вы , скорее всего, все уже будет настроено, но на всякий случай проверьте. Выполнить настройку не составит труда.</p>
<p>Главная страница – самый важный элемент вашего сайта. Настроим ее: для этого перейдем в «Настройки – Чтение»:</p>
<p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/330.jpg' align="center" height="642" width="353" loading=lazy></p>
<p>Лучше всего, если на главной странице будут отображаться ваши последние записи, тогда читатели будут уделять особое внимание последним публикациям на вашем портале. 6 – оптимальное число постов для блога.</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy>");</script>
</div>
</article>
<div class="related-posts">
<h3 class="title text-uppercase text-center">Еще на эту тему:</h3>
<div class="row">
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/top-programm-dlya-udaleniya-draiverov-skachat-driver-sweeper/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/pc-assistent.ru/wp-content/uploads/2017/06/driver_sweeper_200x175.png" class="img-responsive" alt="Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Скачать Driver Sweeper – программа для удаления драйверов из OC Windows Скачать программу для удаления драйверов карты </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/vykidyvaet-na-rabochii-stol-sniper-elite-v2-vykidyvaet-na-rabochii-stol-sniper-elite-v2-chto/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/i.rutab.net/upload/tech_issues/audio_check.png" class="img-responsive" alt="Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Выкидывает на рабочий стол Sniper Elite V2 Что делать если лагает sniper elite 3 </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-naiti-kartinu-po-fotografii-poisk-pohozhei-fotografii-v-internet-poisk/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/kompukter.ru/wp-content/uploads/2018/03/klikaem-po-znachku-foto-v-gugl.png" class="img-responsive" alt="Поиск похожей фотографии в интернет" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
</span>
<span class="title">
Поиск похожей фотографии в интернет </span>
</a>
</div>
</div>
</div>
</div>
</div>
<aside id="sidebar" class="col-sm-4 col-sidebar hidden-xs" role="complementary">
<div class="content-menu bs-docs-sidebar">
<div class="progress-right" id="progress-right">0%</div>
<script>
window.onscroll = function() {
var scrolled = window.pageYOffset || document.documentElement.scrollTop;
var scrollprogress = Math.round(scrolled / ((document.documentElement.scrollHeight - document.documentElement.clientHeight) / 100));
document.getElementById('progress-right').innerHTML = scrollprogress + '%';
}
</script>
<div class="ad clearfix text-center">
</div>
</div>
<script>
/**
* Скрипт закріплення блоку при прокрутці
*/
(function() {
var a = document.querySelector('#sidebar'),
b = null,
P = 0;
window.addEventListener('scroll', Ascroll, false);
document.body.addEventListener('scroll', Ascroll, false);
function Ascroll() {
if (b == null) {
var Sa = getComputedStyle(a, ''),
s = '';
for (var i = 0; i < Sa.length; i++) {
if (Sa[i].indexOf('overflow') == 0 || Sa[i].indexOf('padding') == 0 || Sa[i].indexOf('border') == 0 || Sa[i].indexOf('outline') == 0 || Sa[i].indexOf('box-shadow') == 0 || Sa[i].indexOf('background') == 0) {
s += Sa[i] + ': ' + Sa.getPropertyValue(Sa[i]) + '; '
}
}
b = document.createElement('div');
b.style.cssText = s + ' box-sizing: border-box; width: ' + a.offsetWidth + 'px;';
a.insertBefore(b, a.firstChild);
var l = a.childNodes.length;
for (var i = 1; i < l; i++) {
b.appendChild(a.childNodes[1]);
}
a.style.height = b.getBoundingClientRect().height + 'px';
a.style.padding = '0';
a.style.border = '0';
}
var Ra = a.getBoundingClientRect(),
R = Math.round(Ra.top + b.getBoundingClientRect().height - document.querySelector('#content').getBoundingClientRect().bottom); // селектор блока, при достижении нижнего края которого нужно открепить прилипающий элемент
if ((Ra.top - P) <= 0) {
if ((Ra.top - P) <= R) {
b.className = 'stop';
b.style.top = -R + 'px';
} else {
b.className = 'evr-sticky';
b.style.top = P + 'px';
}
} else {
b.className = '';
b.style.top = '';
}
window.addEventListener('resize', function() {
a.children[0].style.width = getComputedStyle(a, '').width
}, false);
}
})()
</script>
<style>
/* Додаємо відступ вгорі, щоб було на одному рівні із змістом */
body.single #breadcrumbs {
margin-bottom: 5px;
}
#content article {
padding-top: 15px;
}
#sidebar .evr-sticky {
position: fixed;
z-index: 101;
}
#sidebar .stop {
position: relative;
z-index: 101;
}
#div-gpt-ad-30906309 {
margin-top: 20px;
}
#sidebar .evr-sticky #div-gpt-ad-30906309,
#sidebar .stop #div-gpt-ad-30906309 {
margin-top: 20px;
}
#sidebar .content-menu {
transition: 0.5s all;
}
#sidebar .content-menu .title {
padding-top: 15px;
font-size: 20px;
margin: 0 0 15px 0;
}
#sidebar .content-menu .title .glyphicon {
padding-right: 5px;
}
#sidebar .content-menu ul {
padding: 0;
margin: 0;
overflow: auto;
}
#sidebar .content-menu .nav li {
margin: 0;
clear: both;
margin-bottom: 4px;
}
/* Bullet before text */
#sidebar .content-menu .nav li a:before {
content: "●";
position: absolute;
font-size: 17px;
color: #dedede;
left: 0;
top: -1px;
}
#sidebar .content-menu .nav li a {
position: relative;
display: inline-block;
font-size: 15px;
color: #000;
line-height: 1.2;
padding: 3px 0 0 18px;
overflow: hidden;
text-decoration: none !important;
}
#sidebar .content-menu .nav li.active:focus>a,
#sidebar .content-menu .nav li.active:hover>a,
#sidebar .content-menu .nav li.active>a,
#sidebar .content-menu .nav li a:hover {
text-decoration: none;
font-weight: normal;
color: #c23085;
background-color: transparent;
border-left: 0 none;
}
/* Bullet before text */
#sidebar .content-menu .nav li.active>a:hover:before,
#sidebar .content-menu .nav li.active>a:before {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
left: 1px;
color: #c23085;
background: transparent;
}
#sidebar .content-menu .nav li a:hover:before {
color: #c23085;
background: transparent;
}
#sidebar a.go-top {
display: block;
margin-top: 5px;
padding: 14px 0 5px 0;
text-align: center;
text-transform: lowercase;
font-size: 17px;
color: #666;
background: transparent url(/wp-content/themes/sk-Evrikak/i/go-top-in-sidebar.png) no-repeat 50% 50%;
opacity: 0;
transition: 0.2s all;
}
#sidebar a.go-top:hover {
color: #000;
text-decoration: none;
}
/* Якщо блок зафіксовний */
#sidebar .evr-sticky a.go-top {
opacity: 1;
}
#sidebar .evr-sticky {
box-shadow: -9px 0 10px 0 rgba(0, 0, 0, 0.08) !important;
}
</style>
<script>
jQuery(document).ready(function() {
// (c) http://jsfiddle.net/gableroux/S2SMK/
// підсвітка активного пункту меню, bootstrap
jQuery('body').scrollspy({
target: '.bs-docs-sidebar',
offset: 70
});
// даємо висоту меню, щоб зробити прокрутку
jQuery(window).bind("load resize", function() {
var body_w = jQuery("body").width(); // визначаємо ширину вікна
var window_h = jQuery(window).height(); // визначаємо висоту вікна
//alert(window_h);
if (body_w > '767') { // якщо ширина більша 767
window_h = window_h - 375; // коригуємо висоту блоку з меню. віднімаємо висоту блоку «наверх», у перспективі треба буще ще відняти інші-нові блоки
var menu_h = jQuery('#sidebar .content-menu').height();
//if(menu_h > window_h) { // якщо висота усього сайдбару більше висоти екрану, то вказуємо висоту для меню. Воно автоматично розтягне висоту сайдбару, з’явиться прорутка у меню, і сайдбар займе усю висоту вікна
jQuery('#sidebar .content-menu ul.nav').css('height', window_h);
//}
}
});
// парсимо контент і формуємо меню
jQuery('#content .evr-section').each(function() {
var evr_section_id = jQuery(this).attr('id');
var evr_section_title = jQuery(this).find(':header:first').text();
var txt = '<li class="content-menu-item added-by-js"><a href="#' + evr_section_id + '">' + evr_section_title + '</a></li>';
//var txt = txt.unwrap();
//txt = jQuery('li', txt).unwrap;
//txt = txt.unwrap('h3');
//txt = jQuery(txt).wrap('<li>');
jQuery('#sidebar ul.nav').append(txt); // Insert
});
// Додаємо спеціальний клас для посилання на відео
jQuery('#sidebar .content-menu').find("a[href='#entry-video']").addClass('link-to-video');
// навігація по статті (плавна прокрутка до потрібного блоку)
jQuery('#sidebar .content-menu .nav a').click(function() {
jQuery.scrollTo(this.hash, {
offset: -10, // Відступ вгорі
duration: 750
});
return false;
});
// перейти вгору (плавна прокрутка вгору)
jQuery('#sidebar a.go-top').click(function() {
jQuery.scrollTo(this.hash, {
offset: 0, // Відступ вгорі
duration: 450
});
return false;
});
});
</script>
<link type="text/css" href="/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.mousewheel.js"></script>
<script type="text/javascript" src="https://battlecase.ru/wp-content/themes/sk-Evrikak/scroll-Pane/jquery.jscrollpane.min.js"></script>
<script>
// Прокрутка оновлюється при зміні висоти вікна
jQuery(function() {
jQuery('#sidebar .content-menu ul.nav').each(
function() {
jQuery(this).jScrollPane({
showArrows: jQuery(this).is('.arrow')
});
var api = jQuery(this).data('jsp');
var throttleTimeout;
jQuery(window).bind("load resize", function() {
// IE fires multiple resize events while you are dragging the browser window which
// causes it to crash if you try to update the scrollpane on every one. So we need
// to throttle it to fire a maximum of once every 50 milliseconds...
if (!throttleTimeout) {
throttleTimeout = setTimeout(
function() {
api.reinitialise();
throttleTimeout = null;
},
50
);
}
});
}
)
});
</script>
<style>
/* Styles specific to this particular page */
.scroll-pane {
overflow: auto;
height: 400px;
}
.jspTrack {
background: #dedede;
}
.jspVerticalBar {
width: 6px;
}
.jspDrag {
background: #309dc6;
}
</style>
</aside>
</div>
</div>
<div class="other-posts">
<div class="container">
<h3 class="title text-uppercase text-center h">Другие статьи:</h3>
<div class="row articles">
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/samyi-moshchnyi-telefon-v-mire-na-dannyi-moment-samye-moshchnye-smartfony-top-10/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i1.wp.com/technosova.ru/wp-content/uploads/2018/10/2-2.jpg" class="img-responsive" alt="Самые мощные смартфоны Топ 10 самых мощных телефонов" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Самые мощные смартфоны Топ 10 самых мощных телефонов </span>
<span class="title">
Современные технологии позволяют уместить в обычном смартфоне мощность и производительность... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-udalitsya-iz-moego-mira-kak-udalit-stranicu-i-akkaunt-v-moem-mire/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i1.wp.com/socialnie-seti.info/wp-content/uploads/2012/09/galochki-dlya-ydaleniya-stranici.jpg" class="img-responsive" alt="Как удалить страницу и аккаунт в моем мире" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Как удалить страницу и аккаунт в моем мире </span>
<span class="title">
Бывает так, что человек пройдя регистрацию понимает, что эта социальная сеть не для него и хочет... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/ne-udalyaetsya-avast-chto-delat-kak-udalit-avast-s-kompyutera-esli-on-ne/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/vellisa.ru/wp-content/uploads/2018/05/2-1.jpg" class="img-responsive" alt="Как удалить аваст с компьютера если он не удаляется" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Как удалить аваст с компьютера если он не удаляется </span>
<span class="title">
Сейчас мы разберем, как удалить Аваст, чтобы после деинсталляции антивируса, на компьютере не... </span>
</a>
</div>
</div>
<div class="post article-wrp with-border col-sm-6 col-md-4 col-lg-3">
<div class="article-in-loop">
<a class="thumb-title" href="/kak-podklyuchit-nokia-lyumiya-800-k-kompyuteru-podklyuchenie-nokia-lumia-k/">
<span class="embed-responsive embed-responsive-16by9 vertical-align-block thumb">
<span class="embed-responsive-item">
<span class="super-wrp">
<span class="span-table">
<span class="span-table-row">
<span class="span-table-row-cell">
<img src="https://i2.wp.com/sms-mms-free.ru/sites/default/files/images/Specifications_Nokia_800_Zune.jpg" class="img-responsive" alt="Подключение Nokia Lumia к ПК" loading=lazy>
</span>
</span>
</span>
</span>
</span>
</span>
<span class="date">
Подключение Nokia Lumia к ПК </span>
<span class="title">
Статьи и Лайфхаки
впервые могло разочаровать всех, кто недавно приобрёл данное мобильное... </span>
</a>
</div>
</div>
</div>
</div>
</div>
<style>
/* Додаємо відступ внизу */
body.single #content .ad {
margin-bottom: 20px;
}
/* Додаємо відступ вгорі */
body.single #sidebar .ad {
margin-top: 20px;
}
</style>
<footer id="footer" class="clearfix">
<noindex>
<div class="container row-1 hidden-xs">
<nav class="nav">
<div class="menu menu-footer">
<ul id="menu-podval" class="menu">
<li class="menu-item type-custom object-custom home "><a href="/">Главная</a></li>
<li class="menu-item type-post_type object-page "><a href="">О проекте</a></li>
<li class="menu-item type-post_type object-page "><a href="">Рекламодателям</a></li>
<li class="menu-item type-post_type object-page "><a href="/sitemap.xml">Карта сайта</a></li>
<li class="menu-item type-post_type object-page "><a href="/feedback/">Обратная связь</a></li>
</ul>
</div>
</nav>
</div>
<div class="border-blue clearfix"></div>
<div class="container row-2">
<div class="row">
<div class="col-sm-6">
<div id="text-2" class="block widget-container widget_text">
<div class="textwidget">
<div class="sn">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://battlecase.ru/wordpress-poshagovaya-nastroika-etap-sozdanie-bazy-dannyh-ustanovka-temy/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/facebook.png" alt="" class="img-responsive" loading=lazy></a>
<a href="https://vk.com/share.php?url=https://battlecase.ru/wordpress-poshagovaya-nastroika-etap-sozdanie-bazy-dannyh-ustanovka-temy/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/vkontakte.png" alt="" class="img-responsive" loading=lazy></a>
<a href="https://youtube.com/" target="_blank"><img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/sn/youtube.png" alt="" class="img-responsive" loading=lazy></a>
</div>
<style>
.sn a {
display: inline-block;
margin: 0 10px 0 0;
width: 55px;
}
@media (max-width:767px) {
.sn {
text-align: center;
}
.sn a {
margin: 0 7px;
width: 43px;
}
}
.sn a:hover {
opacity: 0.9;
}
</style>
</div>
</div>
</div>
</div>
</div>
<div class="border-3 clearfix"></div>
<div class="container row-3">
<div class="row">
<div class="col-sm-8 col-txt col-txt-1">
Размещенные на сайте материалы, могут содержать информацию для пользователей старше 18 лет. </div>
<div class="col-sm-4 col-txt col-txt-2 text-right">
<div class="project-by-um">
© 2012 - 2018 <img src="https://battlecase.ru/wp-content/themes/sk-Evrikak/i/svg/logo-ukr-media.svg" width="90" class="img-responsive" loading=lazy>
</div>
</div>
</div>
</div>
</noindex>
</footer>
</div>
<div class="modal fade" id="modal-search" tabindex="-1" role="dialog" aria-labelledby="modal-searchLabel">
<div class="modal-dialog modal-lg itc-container" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Закрыть"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="modal-searchLabel">Поиск по сайту</h4>
</div>
<div class="modal-body">
<form role="search" method="get" class="form-search" id="modal-searchform" action="/">
<div class="form-group">
<input type="search" autocomplete="off" spellcheck="false" placeholder="Введите текст поиска" value="" name="s" id="modal-s" class="input-lg form-control">
</div>
</form>
<div class="modal-search-results"></div>
</div>
</div>
</div>
</div>
<link rel='stylesheet' id='dashicons-css' href='/wp-includes/css/dashicons.min.css?ver=4.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='thickbox-css' href='/wp-includes/js/thickbox/thickbox.css?ver=4.9.1' type='text/css' media='all' />
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1513648647'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/themes/sk-Evrikak/js/modernizr-2.8.3.min.js?ver=4.9.1'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/visualizer/js/lib/clipboardjs/clipboard.min.js?ver=3.0.4'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/mistape/assets/js/mistape-front.js?ver=1.3.3'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/jquery.sonar.min.js?ver=0.6.1'></script>
<script type='text/javascript' src='https://battlecase.ru/wp-content/plugins/lazy-load/js/lazy-load.js?ver=0.6.1'></script>
<script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var thickboxL10n = {
"next": "\u0414\u0430\u043b\u0435\u0435 \u2192",
"prev": "\u2190 \u041d\u0430\u0437\u0430\u0434",
"image": "\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435",
"of": "\u0438\u0437",
"close": "\u0417\u0430\u043a\u0440\u044b\u0442\u044c",
"noiframes": "\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u043e\u0432. \u0423 \u0432\u0430\u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0442\u0435\u0433\u0438 iframe, \u043b\u0438\u0431\u043e \u0432\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442.",
"loadingAnimation": "http:\/\/battlecase.ru\/wp-includes\/js\/thickbox\/loadingAnimation.gif"
};
/* ]]> */
</script>
<script type='text/javascript' src='/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script>
<div id="mmenu_res" style="display:none;width:100%;height:40px;line-height:40px;background:#FD6A93;color:#FFFFFF;position:fixed;text-align:center;font-size:23px;;z-index:100000000">
<a class="mmenu_open" href="#irevoltmenu">
<span class="mmenu-icon-bar"></span>
<span class="mmenu-icon-bar"></span>
<span class="mmenu-icon-bar"></span>
</a> Рубрики
</div>
<div class="modal fade" id="modalAd" tabindex="-1" role="dialog" aria-labelledby="modalAdLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="ad text-center">
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.css">
<script src="/assets/jquery1.cookie1.js"></script>
<script src="https://battlecase.ru/wp-content/themes/sk-Evrikak/ad/ad_popup-and-bottom/show-ads.js"></script>
</body>
</html> 