Согласно исследованиям проводимым Google, более 50% поисковых запросов по всему миру производятся с мобильных телефонов. В связи с этим стоит убедиться, что ваш сайт на WordPress загружается быстро и выглядит прилично для этой категории производящих поиск пользователей. К счастью, проект Google Accelerated Mobile Pages (AMP) делает эту задачу более легко выполнимой.
В этом руководстве мы расскажем, как установить WordPress AMP двумя способами:
- Используя плагин AMP for WordPress .
- Через плагин .
Мы также поясним, что такое WordPress AMP и обсудим, как проверить их корректность работы после установки. Погружаемся!
Что такое WordPress AMP и чем он полезен для вашего сайта
Google Accelerated Mobile Pages (AMP) – это библиотека с открытым программным кодом, которая помогает создать быстрые, плавно прокручиваемые и упрощённые версии ваших веб-страниц, которые прекрасно смотрятся на мобильных устройствах. AMP очень дружелюбна, построенная на существующих платформах и фреймворках . К тому же, она полностью совместима с WordPress.
Если кратко, то Google AMP работает таким образом, что позволяет вам создавать дубликат вашего сайта, используя AMP HTML . Этот процесс исключает большинство элементом, которые могут привести к медленной загрузке вашего сайта (JavaScript, сторонние скрипты др.). Затем Google обрабатывает и “сглаживает” ваш сайт, для ещё более быстрой его загрузки. После этого результаты будут выглядеть где-то так:
Google AMP обеспечивает множество преимуществ, хотя он имеет некоторые недостатки. Давайте изучим обе стороны медали. Начнём с преимуществ:
- Улучшение поисковой оптимизации (SEO).
Наиболее очевидным преимуществом Google AMP является прирост скорости. Так как скорость – это критический фактор , когда речь идёт о рейтинге ваших страниц в результатах поиска (Search Engine Results Pages – SERPs), это может помочь сделать ваш сайт более заметным. Google AMP гарантирует, страницы вашего сайта будут показаны в новостной карусели Google (Google News carousel), в приоритетном расположении вверху в не требующей прокрутки области результатов поиска на мобильных (ещё больше повышает SEO позиции).
- Улучшенный интерфейс пользователя.
Было подсчитано, что 33% всех потенциальных продаж теряются , если веб-сайт не оптимизирован под мобильные устройства. Ещё более тревожные результаты исследований показывают, что 57% пользователей интернета не станут рекомендовать бизнес с сайтом, который не адаптирован для мобильных устройств. Google AMP делает такую оптимизацию простой и возможной и тем самым позволяет избежать этой опасности.
- Повышенная производительность сервера
. Google AMP извлекает выгоду из некоторых ключевых функций оптимизации Google. Уменьшает трафик от изображений до 50% без потери качества и снижает нагрузку на работу сервера. Снижая нагрузку на сервер, AMP помогает улучшить производительность вашего сайта.
С другой стороны, у Google AMP есть и свои недостатки:
- Ограничения каскадных таблиц стилей (Cascading Style Sheets – CSS) и JavaScript.
Хотя Google AMP позволяет вам достичь молниеносного времени загрузки, это может вам стоить отдельных элементов сайта. AMP удалит графику очень высокого качества, сложную анимацию и другие яркие элементы, которые используют CSS и JavaScript.
- Отображаются только страницы из кэша.
Высокая скорость Google AMP также является следствием того, что Google включает отображение версии ваших страниц из кэша . По этой причине ваши пользователи не всегда смогут получить доступ к последним версиями контента.
- Ограниченные возможности доступа к рекламным объявлениям.
Не смотря на то, что Google AMP поддерживает рекламу , процесс её описания очень сложен. Он также имеет ограниченные возможности интеграции с внешними рекламными платформами.
Если этих недостатков достаточно, чтобы задуматься, вы можете обратить своё внимание на адаптивный веб дизайн для своего сайта. Хотя, если вы ищете быстрое и простое решение сделать свои страницы функциональными для мобильных устройств, Google AMP остаётся лучшим вариантом.
В следующем разделе мы опишем два метода установки WordPress AMP при помощи нескольких удобных плагинов для ускорения мобильных страниц в WordPress.
Как установить WordPress AMP при помощи двух плагинов
Для установки AMP на вашем сайте вам потребуется плагин WordPress AMP. Прежде чем продолжить с этим или следующим методом мы рекомендует . После этого у вас всё готово к началу.
Вариант 1: Используем плагин AMP для WordPress
На этой странице вы можете настраивать вид своего сайта WordPress AMP по своему предпочтению и просматривать предварительно любые изменения, перед тем как опубликовать их. Вы можете настраивать текст своего сайта, ссылки и цвет фона. Плюс, мы можете выбрать, какую цветовую схему вы хотите использовать – светлую или тёмную (т.е. черную или белую) для своего сайта. Когда внесённые настройки вас будут полностью устраивать просто нажмите Publish
вверху страницы.
Ещё вы можете установить, где записи, страницы или и те и другие будут располагаться в WordPress AMP. Чтобы это сделать, просто вернитесь в консоль WordPress и перейдите в AMP
> General
:
На этой странице отметьте рядом с настройкой Post Type Support
те види публикаций, которые вы хотели бы видеть на сайте WordPress AMP и нажмите на Save Changes
.
Вы наверняка обратили внимание, что здесь не так уж много настроек. К счастью, есть несколько плагинов, которые вы можете использовать для расширения вашего выбора. Например, вы можете использовать Glue for Yoast SEO & AMP для интегрирования с плагином Yoast SEO с вашей установкой AMP.
Перейдите в Плагины
›
Добавить новый
, найдите, установите и активируйте Yoast SEO:
После этого сделайте тоже самое с плагином Glue for Yoast SEO & AMP. Затем перейдите в SEO
›
AMP
в админ консоли. Здесь вы можете выбрать, хотите ли вы включить записи и медиа типы данных в поддержку AMP:
После этого нажмите кнопку Save changes
. Дополнительные настройки можно найти на вкладке Design
. Здесь вы можете установить иконку для сайта WordPress AMP, подобрать цветовую схему и даже добавить свой CSS:
Плагин AMP for WordPress прекрасный, если вы хотите добавить базовую функциональность AMP на свой сайт. Однако, если вы хотите больше настроек внешнего вида вашего сайта WordPress AMP (и возможность их расширять в будущем) наш следующий плагин для ускоренных мобильных страниц WordPress может больше подойти для вашего случая.
Вариант 2: Установка плагина AMP для WP – Ускоренные мобильные страницы
В дополнение для обеспечения привлекательного и удобного для начинающих интерфейса настройки страниц этот плагин WordPress AMP может интегрироваться с множеством других инструментов. Среди них: WooCommerce (ведущий плагин для электронной коммерции в WordPress), Alexa metrics , OneSignal push button notifications и другие.
Для использования этого плагина AMP для WordPress, вначале нужно перейти в Плагины
> Добавить новый
в вашей консоли. Найти “AMP for WP”
, установить и активировать плагин:
Далее перейдите на новую вкладку AMP в админ панели WordPress. Вы увидите подпункты меню с разделами Settings
, Design
, Extensions
и другие. Давайте подробнее посмотрим на настройки в Settings
:
Скорее всего вы захотите начать с раздела руководства со ссылками Getting Started
на этой страница. Это поможет вам самым лучшим образом настроить свой WordPress AMP. После этого, вы можете запускать разные опции AMP для WP, включая:
Нажмите на Save Changes
для каждой настройки выше, как только вы закончите с ней. После этого выберите вкладку Design
:
Собственно здесь вы можете управлять внешним видом своего сайта WordPress AMP. Для этого выберите конкретную тему AMP из списка в меню Theme Selector
.
После выбора темы вы можете настраивать её внешний вид. Вы найдёте настройки дизайна для цветовой схемы и шрифта (вкладка Global
), выбор отображения заголовка и подвала, слайдер на главной странице и многое другое. В разделе Social
вы можете также выбрать, какие кнопки социальных сейте вы желаете отображать на своём сайте WordPress AMP.
Если вы довольные видом своего AMP-сайта, сохраните все изменения. Вы также можете предварительно их посмотреть, если перейдёте в Appearance
> AMP:
Бесплатная версия AMP для WP содержит широкий набор функций. Однако, вы можете значительно улучшить внешний вид и функциональность вашего сайта AMP с платными расширениями. Есть расширения для описания рейтинга (будет полезным для товаров или профилей недвижимости), интеграции с AMP WooCommerce Pro , использования пользовательских типов записей и другого:
Платные темы AMP также доступны после оплаты. Посмотреть их можно в разделе Design
> Themes
в вашей админ консоли. Есть специальные настройки, которые подойдут для определённых видом сайтов, как например, сайтов новостей, журналов и так далее. Плюс, есть несколько замечательных многоцелевых тем:
Если вы желаете попробовать ещё больше дополнительных функций, то для вас целый ряд тарифных планов Pro plans доступных для этого плагина. Диапазон от плана Personal
(обслуживание одного сайта за $149 в год) до плана Agency
(обслуживание неограниченного количества сайтов за $499 в год).
Как проверить корректность работы своего сайта WordPress AMP
Когда вы настроили любой из плагинов AMP для WordPress, вы подошли к ещё одному шагу. Вам нужно проверить работу WordPress AMP, чтобы убедиться, что он доступен и залинкован на supported platforms . Проверка – это также удобный путь посмотреть ошибки AMP с целью их устранения.
Один их быстрых и простых способов проверить AMP – использовать инструмент разработчика в браузере. Для этого вам нужно открыть страницу AMP в вашем браузере (в нашем примере мы используем Google Chrome). Дальше вам нужно добавить следующее в конце URL:
#development=1
Как только вы это сделаете, откройте консоль инструментов разработчика в браузере. Для Google Chrome это Chrome DevTools console . Если найдены ошибки, они будут подсвечены красным, вместе с анализом их причин.
Обычно ошибки проверки вызваны неверными префиксами, некорректным форматированием кода и/или неподдерживаемыми тегами. В большинстве случаев, будут присутствовать настройки исправления ошибок. Кроме этого, проект Google AMP также описывает метод устранения распространённых ошибок проверки , если авто-исправление отсутствует.
Другой эффективный способ проверки AMP – использование расширения AMP Validator для Google Chrome и Opera :
Этот инструмент обеспечивание простое определение ошибок (красные иконки), равно как и их причин. К тому же, если вы запустили проверку AMP на своей не AMP странице, голубая иконка расширения покажет вам ссылку перенаправления на версию станицы AMP. Эта настройка предлагает удобный способ оценки элементов темы вашего сайта, которые могут помешать правильному отображению вашего WordPress AMP.
Заключение
Даже несколько дополнительных секунд времени загрузки могут значительно снизить рейтинг вашего сайт в поисковиках (и ваш коэффициент конверсии). К счастью, как мы уже видели, использование Google AMP может помочь вам убедиться, что страницы вашего сайта загружаются молниеносно на мобильных устройствах. Что ещё, конфигурация и тонкая настройка AMP для WordPress – это просто и понятно, если вы используете правильный плагин WordPress для ускоренных мобильных страниц.
У вас остались вопросы о том, как установить какой-либо плагин WordPress AMP? Дайте нам знать в комментариях!
Сайта (консоли). Поэтому авторизуемся и входим в административную панель. В меню консоли ищем пункт «Параметры»
. При наведении на него курсором, выпадает меню пункта «Параметры». Для удобства работы кликаем по пункту «Параметры», все меню пункта полностью раскрывается в консоли.
Для начала сделаем общие настройки параметров WordPress
В общих настройках нужно заполнить следующие пункты.
Общие настройки WordPress
Название сайта
Название сайта должно содержать не более 10-60 символов и четко отражать тематику сайта. Надо помнить, что название сайта, заполненное в этой строке, будет отражаться в тегах
кода главной страницы сайта. Название сайта должно быть связано с ключевыми словами семантического ядра всего сайта и четко показывать посетителю и поисковикам о чем ваш сайт.</p><h4><b>Краткое описание
</b></h4><p>Общие настройки параметров WordPress содержат кроткое описание. Краткое описание это meta тег <og:description> для поисковых машин. Размер краткого описания должен быть не более 160 -170 знаков. Это оптимальный размер тега <og:description>. Краткое описание должно описывать весь сайт WordPress <b>полностью
</b>. должны входить в краткое описание сайта.</p><h4><b>Адрес WordPress (URL) и адрес сайта (URL)
</b></h4><p>Общие настройки параметров WordPress содержат два пункта настроек URL сайта. В одном пункте нужно вписать URL сайта WP, загруженного в корневой каталог. Например, <i>http://exempl.com
</i>. Если вы установили WordPress не в корневую папку сайта, а предположим в папку Sait, то во втором пункте этой настройки надо указать, именно этот URL. То есть, второй URL пункта общие настройки должен выглядеть так: <i>http://exempl.com/Sait
</i>.</p><h4><b>Адрес e-mail
</b></h4><p>Адрес e-mail. В этот пункт настройки нужно вписать ваш административный Email –адрес. По нему вам будут отправляться восстановленные пароли, сообщения о комментариях и другая системная информация по событиям на сайте.</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://i1.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-05.png' width="100%" loading=lazy> Настройки публикации WordPress <p>Настройки публикации это небольшой, но важный пункт в «Настройки параметров WordPress». Если вы хотите, чтобы WordPress внутренними инструментами проверял HTML коды материалов, в соответствующем пункте поставите галочку.</p><p>В настройке <b>«Опубликовать»
</b> вы видите функциональную закладку. Предназначена она для быстрой публикации постов в блоге/сайте WordPress. Чтобы ей воспользоваться, «мышью» компьютера перетащите эту закладку на панель закладок или избранное своего браузера. Теперь вы сможете публиковать статьи, заметки, ссылки в ваш сайт WordPress непосредственно из браузера, без открывания консоли своего сайта WP.</p><p><img src='https://i2.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-07.png' width="100%" loading=lazy></p><h4>Настройка почтового клиента</h4><p>Настройки параметров WordPress включают пункт настроек почтового клиента. Это настройкой можно создать возможность публикации статей в сайт WordPress по почте Email. Для его заполнения вы должны работать с любым почтовым сервисом с POP3 доступом. Для детальной информации по этому материалу нужна отдельная статья. Обязательно напишу позже.</p><h4>Сервисы обновления</h4> <img src='https://i0.wp.com/wordpress-abc.ru/wp-content/uploads/2013/01/Obshhie-nastroyki-WP-01.png' height="603" width="561" loading=lazy> Сервисы обновления WordPress <p>Это интересный пункт настроек WordPress. Настройки параметров WordPress позволяют при публикации новых статей уведомлять сервисы, следящие за обновлениями в интернет, об этой публикации. Такое сообщение называется пингование постов (Ping). По умолчанию WordPress будет уведомлять один сайт слежения http://rpc.pingomatic.com/.</p><p>Не стоит ограничиваться одним Ping сервисом. Приведу список выверенных, на момент публикации статьи, сервисов для пингования новых записей в WordPress. Хотя вы можете его проверить сами.</p><p>Важно!
не будет переводить URL уже написанных статей. Он начинает работать только для статей написанных после его установки.</p><p><b>Примечание:
</b> Некоторые хостинги запрещают пингование статей. Чаще всего это бесплатные хостинги с доменами третьего уровня.</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://i2.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> посетители будут видеть ваши записи в прямой последовательности публикаций. Каждая новая статья будет отображаться выше предыдущих. Количество статей на главной странице можно настроить здесь же пунктов ниже: «На страницах блога отображать не более»</li><li>Второй вариант настройки главной страницы сайта WordPress это сделать статичную страницу. В ней вы можете расказать о своем сайте или продукте, который вы продвигаете. Рассказать о разделах сайта дать ссылки на разделы и т.п.</li>
</ol><p>Добавить статическую страницу просто. Открываете пункт консоли <b>Страницы→Добавить новую
</b></p><p><img src='https://i0.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 ленте. Чтобы в ленте RSS отражались только анонсы статей, выберете пункт «Анонс».</p><p>Здесь же можете запретить поисковикам вообще видеть ваш сайт, включить так называемый режим личного дневника. <b>Не забывайте сохраниться.
</b></p><p>Все! Настройки параметров WordPress закончены. Сайт WordPress готов к публикации статей и открыт для поисковых систем.</p>
<p>После того, как Вы купили домен и заказали хостинг, самое время произвести настройки wordpress. Блог нельзя использовать в том виде, в котором он сейчас находится. Нужно правильно настроить постоянные ссылки, выбрать и установить тему (дизайн), подключить все необходимые плагины.</p>
<p>Все эти настройки нужны для того, чтобы у блога был опрятный вид как для будущих посетителей, так и для поисковых роботов. Что положительно повлияет на дальнейшее поисковое продвижение.</p>
<p>Также нужно разобраться в меню консоли. Консоль еще называют “админкой”. Вы могли заметить, что в админке достаточно много дополнительных настроек.</p>
<p>Чтобы попасть в админку блога, нужно зайти по адресу site.ru/wp-admin/. Вместо site.ru подставьте название своего домена.</p>
<p>На главной странице находятся основная информация по всему блогу. С этой страницы можно добавить статью, произвести базовые настройки темы или увидеть последние комментарии сделанные к записи.</p>
<h3>2. Обновления
</h3>
<p>В обновлениях можно посмотреть текущую версию WordPress, а также не требует ли он новых обновлений. Как только разработчики выпустят обновление, Вы это увидите в своей админке.</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>Прежде чем начать публиковать статьи в блог, нужно сделать несколько очень важных настроек. Сделайте их в пункте 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>Ниже перед Вами будут инструменты, с помощью которых можно оформлять текст, добавлять картинки и ставить активные ссылки. Если Вы знакомы с программой Word, то проблем с этим не будет.</p>
<p>Если Вы впервые сталкиваетесь с таким редактором, то посмотрите видео-уроки на YouTube о том, как добавить статью на блог WordPress. После того, как статья добавлена и отформатирована, выберите или создайте для нее рубрику. Одна статья в одну рубрику, запомните это!</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>Загрузите миниатюру, это небольшая картинка к Вашей статье. Такие картинки поддерживают большинство тем. После того, как все готово нажмите на “Опубликовать”. Теперь перейдите на главную страницу своего блога и посмотрите, как выглядит Ваша запись.</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>Следите за тем, чтобы все Ваши фотографии перед загрузкой на блог имели название латинскими буквами например, moy-dom.jpg.</p>
<h3>3.2. Рубрики
</h3>
<p>Это меню предназначено для создания рубрик. Например, у Вас блог по кулинарным рецептам. Рубрики могут быть такие:</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>В этом разделе Вы найдете все фото, которые когда-либо были загружены на блог. Также Вы можете добавить новую фотографию в свою библиотеку. Это меню нам практически не понадобится, так как добавить фото к своей статье можно и в разделе 3.1.</p>
<h3>5. Страницы
</h3>
<p>Не путать этот раздел с записями! Такие страницы нужны в основном для информации. Например, у меня на блоге есть отдельные страницы об авторе и о блоге. Вы можете создать страницу с контактами своей организации или любую другую информацию.</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 темы. По дизайну они так себе и редко кто пользуется ими. Все три темы Вы можете видеть в этом меню. На просторах интернета есть большое количество сайтов, которые предлагают скачать бесплатные шаблоны.</p>
<p>Я же рекомендую ставить темы из официального магазина WordPress. Во-первых, они бесплатные, а во-вторых на них нет вредоносного кода или вируса. Чтобы установить новый шаблон, достаточно нажать на “Добавить новую тему”.</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>У бесплатных шаблонов есть и минусы. Они плохо оптимизированы под поисковые системы.</p>
<p>Или можно сразу же купить для своего проекта недорогой шаблон, который избавит от всех технических ошибок. Устанавливаете тему, настраиваете один раз под себя и пользуетесь.</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>Если Вы регистрировали домен и хостинг по моему , то у Вас должен быть сертификат защищенного протокола https. Значит — настройки ставьте, как на картинке. Выберите формат даты и времени тот, который Вам нужен. Меню “написание” пропускаем.</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>Чтобы узнать сколько человек посещают блог, на него нужно установить специальный счетчик. Этот счетчик будет показывать подробную информацию о пользователе. Рекомендую установить Яндекс Метрику .</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>Найдите в правой колонке и нажмите на “Заголовок (header.php)”. Вставьте скопированный код в свободное место. Лучше это сделать, где заканчивается </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>Теперь можете проверить. Введите в поисковой строке такой запрос: 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>Теперь Ваш блог полностью настроен и готов к работе. Начните наполнять его качественными статьями для людей. Начните потихоньку разбираться в SEO (поисковая оптимизация).</p>
<p>Как только Ваш блог достигнет посещаемости в 500 человек в сутки, то купите уникальную тему. Если у Вас остались вопросы, то обязательно задавайте их в комментариях ниже.</p>
<p>С уважением, Сергей Смирнов.</p>
<p>И зачем он нужен. В этой же публикации я хочу поговорить о тех настройках данного движка, которые вы должны будете сделать сразу после его установки.</p><p>В последующих постах этой рубрики я планирую так же рассказать, как работать с админкой, как создавать новые сообщения, настраивать комментарии, добавлять новые рубрики и статичные страницы. Все это постараюсь изложить максимально подробно, в расчете на пользователя, впервые столкнувшегося с WP.</p><h2>Общие настройки в админке WordPress</h2><p>Если у вас в Вордпрессе не активирован виджет «Управление», включающий в себя ссылку на вход в админку WordPress, то вам нужно будет для входа в админку набрать в адресной строке браузера:</p><p>Http://sait.ru/wp-admin/
</p><p>Для моего блога это будет выглядеть так:</p><p>Https://сайт/wp-admin/
</p><p>Вам предложат ввести логин (по умолчанию admin) и пароль, который вам сформировал движок на этапе его установки.</p><p>В результате, откроется окно под названием «Доска объявлений» админки WP. В этом окне будет присутствовать ряд панелей, внешний вид которых и их количество вы можете настроить, щелкнув по кнопке <b>«Настройки экрана»
</b> в верхнем правом углу окна.</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/11-06-201321-52-30.png' width="100%" loading=lazy></p><p>В выпадающей вкладке можете настроить, что будет отображаться в этом окне админки, а что нет. Для этого достаточно будет просто снять или установить галочку напротив названия панели. На мой взгляд, имеет смысл оставить только первые две галочки, но вы, естественно, вольны делать так, как вам больше понравится.</p><p>В этом выпадающем фрагменте дизайна так же можно выбрать количество колонок для отображения этих панелей. В общем, внешний вид админки Вордпресса довольно гибко настраивается и его всегда можно будет приспособить под себя.</p><p>В левой колонке админки расположено меню, с помощью которого вы будете работать со своим блогом. В самом низу этого меню располагается область <b>«Параметры»
</b>, которая нам понадобится в первую очередь.</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/11-06-201321-55-34.png' height="481" width="394" loading=lazy></p><p>Выберите из выпадающего списка «Параметры» первый пункт под названием «Общие». В открывшемся окне нужно задать название и описание вашего блога, заполнив поля «Заголовок блога» и «Краткое описание».</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/11-06-201321-57-17.png' width="100%" loading=lazy></p><p>В полях «Адрес WordPress (URL)» и «Адрес блога (URL)» обычно (за исключением некоторых случаев) указывают один и тот же адрес своего блога вида:</p><p>Http://www.vash_blog.ru
</p><p>Http://vash_blog.ru
</p><p>Далее, в общих настройках вы указываете свой почтовый адрес в поле «Адрес email», а в поле «Членство» — ставите галочку только в том случае, если <b>хотите разрешить регистрацию пользователей
</b> на вашем блоге. В большинстве случаев регистрация вам не понадобится, поэтому лучше будет снять эту галочку от греха подальше.</p><p>Дело в том, что существуют способы атаки на WP, для осуществления которых нужно, чтобы была разрешена регистрация пользователей. В оставшихся полях этого окна вы выбираете нужный часовой пояс, а также формат отображения даты и времени в сообщениях вашего ресурса.</p><h2>Настройка ЧПУ и страницы ошибки 404 в Вордпрессе</h2><p>Теперь нам нужно сразу же переходить к пункту «Постоянные ссылки», где сможем определиться с ЧПУ (человеко-понятными URL). Почему сразу же? Да потому что, если вы решите настраивать ЧПУ уже имеющего N-ное количество постов, которые к тому же успели попасть в , то проблемы не заставят себя ждать.</p><p>А в индекс поисковиков посты попадут скорей всего очень быстро, т.к. WP имеет ряд возможностей для ускорения индексации (например, ). Так вот, чуть ЧПУ заключается в замене адресов вебстраниц вашего блога на более приглядные и информативные для человека (да и поисковикам такие Урлы больше нравятся). Так же почитайте про то, ибо сделать это нужно сразу же, либо не делать никогда.</p><p>Вкратце напомню, что для этого нужно будет найти в левом меню админки пункт <b>«Постоянные ссылки»
</b>. Оптимальным вариантом, на мой взгляд, является тот, который приведен на рисунке, расположенном ниже:</p><p><img src='https://i0.wp.com/ktonanovenkogo.ru/image/11-06-201322-08-40.png' width="100%" loading=lazy></p><p>Поясню на примере. Без использования ЧПУ адрес поста выглядел бы так:</p><p>Https://сайт/?p=123
</p><p>После преобразования Урл поста будет уже иметь такой вид:</p><p>Https://сайт/joomla/joomla-nachalo.html
</p><p>Как говорится: почувствуйте разницу. Урл несет в себе смысловую нагрузку и посетитель, например, не разобравшись в навигации моего блога, может просто стереть в адресной строке окончание ссылки до вида:</p><p>Https://сайт/joomla/
</p><p>В результате, он попадет в рубрику «Joomla» с анонсами всех статей в ней содержащихся. Лепота.</p><p>Все очень здорово, но только в том случае, если вы прислушаетесь к моему совету и настроите ЧПУ в Вордпрессе еще до того, как начнете писать посты. В противном же случае сложится не очень приятная ситуация. В индексе поисковиков будут находиться вебстраницы вашего ресурса с Урлами вида:</p><p>Https://сайт/?p=123
</p><p>Но т.к. вы на блоге включили и настроили ЧПУ, то естественно, что посетители, переходящие по таким ссылкам, не смогут попасть на желаемую вебстраницу.</p><p>Выход из такой ситуации потребует больших затрат времени и сил. Кстати, по умолчанию, при включенном ЧПУ посетитель, пришедший на ваш ресурс по нерабочий ссылке, будет автоматически переброшен на главную страницу блога, что я считаю не правильным.</p><p>В таком случае, посетителю должна показываться <b>страница ошибки 404
</b>, которую вы предварительно настроите так, чтобы этот посетитель все-таки сумел найти на вашем проекте то, за чем пришел..</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/11-06-201322-18-02.png' height="582" width="553" loading=lazy></p><p>В области «На страницах блога отображать не более» вы можете задать количество отображаемых постов на главной. Остальные вебстраницы будут доступны по ссылке «Предыдущие записи», или же, в случае использования , по ссылке номера вебстраницы.</p><p>В области «В RSS-лентах отображать последние» задается количество последних постов, которые будут отображаться в вашей RSS ленте (читайте подробнее об и про ).</p><p>В области «Для каждой статьи в RSS-ленте отображать» вы можете выбрать, публиковать там полные посты или же использовать только анонсы статей.</p><p>Да, еще не забудьте на вкладке «Обсуждение», чтобы расположить к себе будущих комментаторов.</p><p>Возможно, что это буржуйское видение успешной раскрутки блога вам пригодится (выступает автор самого популярного блога по тематике SEO в буржунете):</p><p><span class="WRWNis76tOM"></span></p> <p>Удачи вам! До скорых встреч на страницах блога сайт</p><blockquote>посмотреть еще ролики можно перейдя на
</blockquote>");"><br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/video/image/supersposobnosti-zhivotnoe.jpg' width="100%" loading=lazy><p>Вам может быть интересно</p><p>Где скачать WordPress - только с официального сайта wordpress.org
</span> <span>Пропало левое меню в админке WordPress после обновления
</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/nastroika-WordPress-rubriki.jpg' width="100%" loading=lazy><span>Заголовки статей H1, H2, H3 в Вордпресс, а так же способы отображения категорий (the_content, the_excerpt и другие)
</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/wordpress-optimizatsiya1.jpg' width="100%" loading=lazy><span>Снижение потребляемой в WordPress памяти при создании страниц - плагин WPLANG Lite для подмены файла локализации
</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/kak-obnovit-wordpress.jpg' width="100%" loading=lazy><span>Как войти в админку WordPress, а так же поменять логин и пароль администратора выданные вам при установке движка
</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/ustanovka-wordpress.jpg' width="100%" loading=lazy><span>Установка WordPress в деталях и картинках, вход в админку WP и смена пароля
</p>
<p>В мире очень много сайтов, которые созданы именно на движке wordpress, людям он очень нравится, так как прост и понятен в использовании, однако не нужно забывать об очень важном моменте - о настройке Wordpress. </p>
<p>Если этого не сделать, то могут наступить весьма и весьма нежелательные последствия, которые способны погубить дальнейшее продвижение сайта! Да да, именно так, поэтому читайте и никогда не забывайте об этом!</p>
<p>Сразу после производим следующие настройки: Для того, чтобы было удобней, я буду записывать весь процесс настройки под цифрами. И так, начнем!</p>
<h3>1. Настройка url адресов</h3>
<p>Настройка адресов состоит в том, чтобы всем страницам постов блога, задать одинаковую структуру ссылок (постоянных ссылок), например, на моем блоге она такова:</p><p>Адрес сайта/название рубрики/название поста
</p><p>То есть, если вы откроете любую статью на моем сайте, то сможете увидеть именно такую структуру ссылок. Для того, чтобы настроить постоянные ссылки, нужно зайти в администраторскую панель и в левой колонке найти: Настройки? Постоянные ссылки (ЧПУ) <img src='https://i0.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/chpu.png' height="32" width="126" loading=lazy> Перед вами страница с настройками, и вы можете увидеть уже готовые варианты, но нас интересует произвольная структура: <br><img src='https://i1.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/nastroyka-ssilok.png' align="center" width="100%" loading=lazy> Как вы уже поняли с картинки, в поле: Произвольная структура, нам нужно вписать эту строчку:</p><p>
/%category%/%postname%.html
</p><p>В принципе, вы сами можете задать произвольную структуру по собственному желанию. Для чего это нужно? А нужно это для того, чтобы адрес какой либо старицы был хорошо читаемым - это первое, и второе - поисковые системы лучше воспринимают такую структуру ссылок - в частности это относится к Google, на счет Яндекса точно не могу сказать.</p>
<p><b>Внимание
</b>: ни в коем случае не меняйте постоянные ссылки тогда, когда ваш сайт уже проиндексирован поисковиками! Теперь сохраняем изменения</p>
<p><img src='https://i2.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/sohranenie-izmeneniy.png' height="27" width="154" loading=lazy></p>
<h3>2. Устранение дублей контента</h3>
<p>Ни для кого ни секрет, что Wordpress создает огромное количество дублирующего контента (это те страницы, которые располагают одинаковой информацией, но доступны по нескольким разным адресам).</p>
<p>Например, с главной страницы, на какую либо статью моего сайта, можно попасть следующими способами: - через комментарии - через автора статьи - через кнопку - Читать полностью - со страницы календаря (дата написания поста) - через заголовок То есть одно и та же статья, может быть доступна по разным url адресам.</p>
<p>Все это исправляется довольно таки просто! Добавляем плагин под названием: - выбираем поиск по плагинам и вводим его название:</p>
<p>Теперь нам обязательно нужно его настроить! В админ панели в разделе - Инструменты, выбираем установленный ранее плагин:</p>
<p>Я сделаю снимок моих настроек, а вы по нему сделаете настройки у себя.</p>
<p>(нажмите на картинку - откроется большая и в новом окне)</p>
<p>После того, как были произведены все настройки этого плагина, нажмите обновить:</p>
<p><img src='https://i0.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/obnovleniy-opzchiy.png' height="27" width="123" loading=lazy></p>
<h3>3.Установка плагина RusToLat</h3>
<p>Https://сайт/uroki-wordpress/пример-статьи.html
</p><p>а должно быть так:</p><p>Https://сайт/uroki-wordpress/primer-stati.html
</p><p>Это грубейшая ошибка, так как для первого случая сформируется примерно вот такой адрес:</p>
<p>Некрасиво, не правда ли? Чтобы испра<span>вить это недоразумение, нам всего лишь нужно под названием <b>RusToLat
</b>, просто слева в админ панели выберите - Добавить плагин, напишите его название и нажмите - Искать плагины.
</p>
<p><img src='https://i1.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/poisk-plagina.png' align="center" height="75" width="336" loading=lazy></p>
<h2>4. <span>Комплекс действий
</span></h2>
<p>Удаление стандартных записей (типа - пример страницы);</p>
<p>Создание своих новых рубрик (категорий);</p>
<p>Установка другой темы (другими словами - замена стандартного шаблона);</p>
<p>Настройка виджетов в боковой колонке (добавляем свои, убираем ненужные);</p>
<h2>5. Удаление ссылок из шаблона</h2>
<p>Почти что каждый wordpress шаблон содержит внешние ссылки, для того, чтобы найти и удалить их, нам понадобится замечательный плагин, называется он - Tac. Также, как и в третьем и втором случае, его можно найти и установить по поиску плагинов:</p>
<p>Теперь, в разделе - Дизайн выбираем наш плагин:</p>
<p><img src='https://i0.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/vibiraem-tac.png' height="200" width="138" loading=lazy></p>
<p><img src='https://i2.wp.com/sergey-oganesyan.ru/wp-content/uploads/2012/01/poisk-ssilok-300x82.png' align="center" height="82" width="300" loading=lazy></p>
<h3>6. Создание карты сайта</h3>
<p>Карта сайта - это страница на которой находится список ссылок на все страница блога. Она нужно для того, чтобы увеличилась скорость индексации, а также для удобства посетителей по поиску нужной информации.</p>
<p>Создать карту сайта можно буквально за пару минут, с помощью плагина - <b>Google XML Sitemaps
</b>. Как и до этого устанавливаем плагин:</p>
<p>Теперь переходим в настройки плагина, нажимаем в левой колонке на:</p>
<p>Теперь нажимаем - Создать . После создания она будет доступна по адресу:</p>
<p>http://адрес вашего сайта/sitemap.xml</p>
<p>Если вам понадобится создать ее заново, то найдите вот такую строчку:</p>
<p>Ну вот и все! Настройка Wordpress завершена! Теперь вы спокойно можете наполнять свой сайт уникальным и полезным контентов! Есть вопросы - не беда! Оставляйте их в комментариях - попробуем решить вместе!</p>
<p>Ну что же, до свиданья, с вами был Сергей.</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>
</div>
<div class="mb40 pr">
<div style="margin-top: 30px; margin-bottom: 35px;">
</div>
<div style="margin-top: 0px; margin-bottom: 0px; font-family: Arial; font-size: 15px;">
<div id="yandex_rtb_R-A-105632-3"></div>
</div>
</div>
<style>
.sh_icon a:hover {
opacity: 0.6;
}
</style>
<div class="catTitle">
<span class="fl noLinknew">Похожие статьи</span>
<div class="clr"></div>
</div>
<ul class="medbeArticle medbeEvents js-novinki ">
<li id="bx_3218110189_16277">
<div class="info" style="position:relative;">
<a href="/kak-vyglyadit-samsung-not-8-samsung-galaxy-note8-sd835---tehnicheskie-harakteristiki/" class="date">2024-05-10 00:25:16</a>
</div>
<a href="/kak-vyglyadit-samsung-not-8-samsung-galaxy-note8-sd835---tehnicheskie-harakteristiki/">
<div class="title">
Samsung Galaxy Note8 SD835 - Технические характеристики </div>
</a>
<p class="text">
Информация о марке, модели и альтернативных названиях конкретного устройства, если таковые имеются. ДизайнИнформация о размерах и весе устройства, представленная в разных единицах измерения. Использованные материалы, предлагаемые цвета,...
</p>
<a href="/category/computer-literacy/" class="catName">Компьютерная грамотность</a>
<div class="clr"></div>
</li>
<li id="bx_3218110189_16277">
<div class="info" style="position:relative;">
<a href="/notepad-skachat-russkii-poslednyaya-versiya-besplatnye-programmy-dlya-windows/" class="date">2024-05-09 00:25:26</a>
</div>
<a href="/notepad-skachat-russkii-poslednyaya-versiya-besplatnye-programmy-dlya-windows/">
<div class="title">
Бесплатные программы для Windows скачать бесплатно </div>
</a>
<p class="text">
Сегодня компьютерные технологии, стремительно развиваются, совершенствуя другие отрасли производства. Для развития других технологий, с помощью компьютерных, нужны специальные программы. Эти программы устанавливают на многие заводы и фабрики, чтобы...
</p>
<a href="/category/useful-programs/" class="catName">Полезные программы</a>
<div class="clr"></div>
</li>
<li id="bx_3218110189_16277">
<div class="info" style="position:relative;">
<a href="/kak-vyvesti-raznoe-izobrazhenie-na-dva-monitora-dva-monitora-dlya/" class="date">2024-05-07 00:22:21</a>
</div>
<a href="/kak-vyvesti-raznoe-izobrazhenie-na-dva-monitora-dva-monitora-dlya/">
<div class="title">
Два монитора – для активных пользователей ПК </div>
</a>
<p class="text">
Инструкция Два сравнительно небольших экрана могут с легкостью заменить один широкоформатный с большой диагональю. Иногда подключение второго позволяет использовать одновременно несколько функций одного компьютера. Современные видеоадаптеры в...
</p>
<a href="/category/solving-problems/" class="catName">Решение проблем</a>
<div class="clr"></div>
</li>
</ul>
<div>
</div>
<div class="mb40 clear clearfix"> </div>
</div>
<div class="fr width300">
<div class="catTitle blackStyle">
<span class="fl noLink">Категории</span>
<div class="clr"></div>
</div>
<div class="mb40">
<ul class="medbeSidebarNav">
<li>
<a href="/category/windows-10/">Windows 10</a>
</li>
<li>
<a href="/category/tips-for-beginners/">Советы начинающим</a>
</li>
<li>
<a href="/category/internet-tips/">Интернет-подсказки</a>
</li>
<li>
<a href="/category/useful-programs/">Полезные программы</a>
</li>
<li>
<a href="/category/hardware-solutions/">Аппаратные решения</a>
</li>
<li>
<a href="/category/configuring-wi-fi/">Настройка Wi-Fi</a>
</li>
<li>
<a href="/category/solving-problems/">Решение проблем</a>
</li>
<li>
<a href="/category/configuring-windows/">Настройка Windows</a>
</li>
</ul> </div>
<div class="cancel-mb40">
</div>
<div class="mb40 pr">
<div class="catTitle" data-click="y">
<span class="fl noLinknew">Видеоматериалы</span>
<div class="frnew"></div>
<div class="clr"></div>
</div>
<div class="medbeSidebarCarousel medbeArticle">
<ul>
<li>
<a href="/kak-otkryt-papku-v-komandnoi-stroke-na-windows-kak-otkryt-konsol-vypolnit-na/">
<img src="/uploads/99e89424f2adb11996a69d750d521e3c.jpg" alt="Как открыть консоль выполнить на windows 10" loading=lazy>
<div class="playBg"></div>
<p>
Как открыть консоль выполнить на windows 10 </p>
</a>
<a href="/category/tips-for-beginners/" class="catName">Советы начинающим</a>
</li>
<!-- /next_post -->
</ul>
</div>
</div>
<div class="cancel-mb40">
</div>
<div class="mb40">
<div class="mb40">
<div class="catTitle" data-click="y">
<span class="fl noLinknew">Популярное</span>
<div class="frnew"></div>
<div class="clr"></div>
</div>
<ul class="medbeArticle sidebarEvents">
<li>
<a href="/peremeshchenie-profilya-polzovatelya-standartnymi-sredstvami-windows-kak-v-windows/">
<img src="/uploads/59fe7e573328d24871fe2935b9706c24.jpg" width="100px" alt="Как в Windows переместить папки пользователя на другой локальный диск?" loading=lazy>
<div class="info">
<span class="date">Аппаратные решения</span>
</div>
<div class="title">
Как в Windows переместить папки пользователя на другой локальный диск? </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/u-23-e-mail-elektronnaya-pochta-tema-elektronnaya-pochta-e-mail-komu-i-dlya-chego-neobhodim/">
<img src="/uploads/32b8f60fc6487ae047c6a42f3fb2a833.jpg" width="100px" alt="Тема: электронная почта (e-mail)" loading=lazy>
<div class="info">
<span class="date">Решение проблем</span>
</div>
<div class="title">
Тема: электронная почта (e-mail) </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/street-storm-skachat-obnovlenie-radar-detektory-street-storm-obnovlenie-po-obnovlenie/">
<img src="/uploads/234b2558a611dbf47b0c26f903df5f0d.jpg" width="100px" alt="Радар детекторы Street Storm обновление ПО" loading=lazy>
<div class="info">
<span class="date">Решение проблем</span>
</div>
<div class="title">
Радар детекторы Street Storm обновление ПО </div>
<div class="clr"></div>
</a>
</li>
</ul>
</div> </div>
<div class="cancel-mb40">
</div>
<div class="mb40">
<div class="catTitle" data-click="y">
<span class="fl noLinknew">Новое</span>
<div class="frnew"></div>
<div class="clr"></div>
</div>
<ul class="medbeArticle clinicsCountry">
<li>
<a href="/bolshaya-kolonka-jbl-perenosnaya-portativnaya-kolonka-jbl-xtreme-pochemu-vazhno/">
<img src="/uploads/55aaef5f4bd5a6ba7762845849da826f.jpg" width="100px" alt="Портативная колонка JBL Xtreme" loading=lazy>
<div class="title">
Портативная колонка JBL Xtreme </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/ne-rabotaet-perednii-usb-3-0-ne-rabotayut-usb-porty-na-kompyutere-puti-resheniya/">
<img src="/uploads/518aef24f67a32ffc762c4f21d5e85e8.jpg" width="100px" alt="Не работает передний usb 3" loading=lazy>
<div class="title">
Не работает передний usb 3 </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/adobe-premiere-pro-obzor-programmy-chto-takoe-premiere-pro-trebuetsya-li/">
<img src="/uploads/b04d975347b64d93e62986431908dad6.jpg" width="100px" alt="Adobe premiere pro обзор программы" loading=lazy>
<div class="title">
Adobe premiere pro обзор программы </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/skachat-programmu-dlya-remonta-sistemy-kompyutera-i-noutbuka/">
<img src="/uploads/d20fca631f1e5da11c7c4b6f4e938b70.jpg" width="100px" alt="Программы для восстановления системы" loading=lazy>
<div class="title">
Программы для восстановления системы </div>
<div class="clr"></div>
</a>
</li>
<li>
<a href="/windows-registraciya-failov-s-rasshireniem-dll-i-ocx-neskolko-sposobov/">
<img src="/uploads/ee68d4ebcb7b7883f88f35fd1163a207.jpg" width="100px" alt="Windows Регистрация файлов с расширением *" loading=lazy>
<div class="title">
Windows Регистрация файлов с расширением * </div>
<div class="clr"></div>
</a>
</li>
</ul>
</div> </div>
</div>
<div class="clr"></div>
<div class="clr mb42-"></div>
</main>
</div>
<footer class="footer">
<div class="footerWrap">
<ul class="footNav">
<li>
<a href="/category/windows-10/">Windows 10</a>
</li>
<li>
<a href="/category/tips-for-beginners/">Советы начинающим</a>
</li>
<li>
<a href="/category/internet-tips/">Интернет-подсказки</a>
</li>
<li>
<a href="/category/useful-programs/">Полезные программы</a>
</li>
</ul>
<ul class="footNav mr0">
<li>
<a href="/category/windows-10/">Windows 10</a>
</li>
<li>
<a href="/category/tips-for-beginners/">Советы начинающим</a>
</li>
<li>
<a href="/category/internet-tips/">Интернет-подсказки</a>
</li>
<li>
<a href="/category/useful-programs/">Полезные программы</a>
</li>
</ul> <div class="footSep"></div>
<div class="fl width405">
<div class="medbeWarning" style="font-size: 10px;">
Советы пользователям компьютера
<p></p>
<br />
</div>
<div style="position:absolute; top:50px; right:15px; width:300px;">
<noindex>
<br />
</noindex>
</div>
</div>
<div class="footSep"></div>
<div class="fl ">
<div class="copyright">
<br />
<noindex>
<div id="liv">
</div>
<br>
</noindex></div>
<div style="position:absolute; top:50px; right:15px; width:300px;">
<noindex>
<br />
</noindex>
</div>
</div>
<div id="onTop"></div>
<div class="clr"></div>
<div class="links"></div>
<div class="clr"></div>
</div>
</footer>
<div class="overlay"></div>
<div style="display: none;" id="ajax_result"></div>
<div class="modal fade" id="send_message" tabindex="-1" role="dialog" aria-labelledby="message" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal" aria-hidden="true"></a>
</div>
<div class="modal-body">
<form action="/materials/sakharnyy-diabet/preparaty-insulina-i-insulinoterapiya/" method="POST">
<input type="hidden" name="sessid" id="sessid" value="190649912f2d5ccc3e7496471b00b5c2" /> <input name="head" type="text" placeholder="Тема" value="">
<textarea name="message" placeholder="Сообщения"></textarea>
<input type="hidden" name="PARAMS_HASH" value="2d477b672b0c8e6bb03d8fa4ffc011a9">
<input type="submit" class="btn" name="submit" value="Отправить">
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" data-skip-moving="true">
(function(w, d, n) {
var cl = "bx-core";
var ht = d.documentElement;
var htc = ht ? ht.className : undefined;
if (htc === undefined || htc.indexOf(cl) !== -1) {
return;
}
var ua = n.userAgent;
if (/(iPad;)|(iPhone;)/i.test(ua)) {
cl += " bx-ios";
} else if (/Android/i.test(ua)) {
cl += " bx-android";
}
cl += (/(ipad|iphone|android|mobile|touch)/i.test(ua) ? " bx-touch" : " bx-no-touch");
cl += w.devicePixelRatio && w.devicePixelRatio >= 2 ? " bx-retina" : " bx-no-retina";
var ieVersion = -1;
if (/AppleWebKit/.test(ua)) {
cl += " bx-chrome";
} else if ((ieVersion = getIeVersion()) > 0) {
cl += " bx-ie bx-ie" + ieVersion;
if (ieVersion > 7 && ieVersion < 10 && !isDoctype()) {
cl += " bx-quirks";
}
} else if (/Opera/.test(ua)) {
cl += " bx-opera";
} else if (/Gecko/.test(ua)) {
cl += " bx-firefox";
}
if (/Macintosh/i.test(ua)) {
cl += " bx-mac";
}
ht.className = htc ? htc + " " + cl : cl;
function isDoctype() {
if (d.compatMode) {
return d.compatMode == "CSS1Compat";
}
return d.documentElement && d.documentElement.clientHeight;
}
function getIeVersion() {
if (/Opera/i.test(ua) || /Webkit/i.test(ua) || /Firefox/i.test(ua) || /Chrome/i.test(ua)) {
return -1;
}
var rv = -1;
if (!!(w.MSStream) && !(w.ActiveXObject) && ("ActiveXObject" in w)) {
rv = 11;
} else if (!!d.documentMode && d.documentMode >= 10) {
rv = 10;
} else if (!!d.documentMode && d.documentMode >= 9) {
rv = 9;
} else if (d.attachEvent && !/Opera/.test(ua)) {
rv = 8;
}
if (rv == -1 || rv == 8) {
var re;
if (n.appName == "Microsoft Internet Explorer") {
re = new RegExp("MSIE ([0-9]+[\.0-9]*)");
if (re.exec(ua) != null) {
rv = parseFloat(RegExp.$1);
}
} else if (n.appName == "Netscape") {
rv = 11;
re = new RegExp("Trident/.*rv:([0-9]+[\.0-9]*)");
if (re.exec(ua) != null) {
rv = parseFloat(RegExp.$1);
}
}
}
return rv;
}
})(window, document, navigator);
</script>
<link href="/bitrix/cache/css/s2/medbe4_new/kernel_main/kernel_main.css?151557967426562" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s2/medbe4_new/page_7b72513555721c1b5733d9b22d6efb9b/page_7b72513555721c1b5733d9b22d6efb9b.css?15155796623852" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s2/medbe4_new/template_fa4e83195cbc9d75f36051d9e26d67c6/template_fa4e83195cbc9d75f36051d9e26d67c6.css?1515579660217752" type="text/css" data-template-style="true" rel="stylesheet" />
<link media="all" href="/local/templates/medbe4_new/css/responsive.css?sd" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]><![endif]-->
<script type="text/javascript">
if (!window.BX) window.BX = {};
if (!window.BX.message) window.BX.message = function(mess) {
if (typeof mess == 'object')
for (var i in mess) BX.message[i] = mess[i];
return true;
};
</script>
<script type="text/javascript">
(window.BX || top.BX).message({
'JS_CORE_LOADING': 'Загрузка...',
'JS_CORE_NO_DATA': '- Нет данных -',
'JS_CORE_WINDOW_CLOSE': 'Закрыть',
'JS_CORE_WINDOW_EXPAND': 'Развернуть',
'JS_CORE_WINDOW_NARROW': 'Свернуть в окно',
'JS_CORE_WINDOW_SAVE': 'Сохранить',
'JS_CORE_WINDOW_CANCEL': 'Отменить',
'JS_CORE_WINDOW_CONTINUE': 'Продолжить',
'JS_CORE_H': 'ч',
'JS_CORE_M': 'м',
'JS_CORE_S': 'с',
'JSADM_AI_HIDE_EXTRA': 'Скрыть лишние',
'JSADM_AI_ALL_NOTIF': 'Показать все',
'JSADM_AUTH_REQ': 'Требуется авторизация!',
'JS_CORE_WINDOW_AUTH': 'Войти',
'JS_CORE_IMAGE_FULL': 'Полный размер'
});
</script>
<script type="text/javascript">
(window.BX || top.BX).message({
'LANGUAGE_ID': 'ru',
'FORMAT_DATE': 'DD.MM.YYYY',
'FORMAT_DATETIME': 'DD.MM.YYYY HH:MI:SS',
'COOKIE_PREFIX': 'BITRIX_SM',
'SERVER_TZ_OFFSET': '3600',
'SITE_ID': 's2',
'SITE_DIR': '/',
'USER_ID': '',
'SERVER_TIME': '1515581305',
'USER_TZ_OFFSET': '0',
'USER_TZ_AUTO': 'Y',
'bitrix_sessid': '190649912f2d5ccc3e7496471b00b5c2'
});
</script>
<script type="text/javascript" src="/bitrix/cache/js/s2/medbe4_new/kernel_main/kernel_main.js?1515579673298080"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_db.min.js?14979660558699"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_frame_cache.min.js?146900780711191"></script>
<script type="text/javascript">
BX.setJSList(['/bitrix/js/main/core/core.js', '/bitrix/js/main/core/core_ajax.js', '/bitrix/js/main/json/json2.min.js', '/bitrix/js/main/core/core_ls.js', '/bitrix/js/main/core/core_fx.js', '/bitrix/js/main/core/core_popup.js', '/bitrix/js/main/session.js', '/bitrix/js/main/core/core_window.js', '/bitrix/js/main/core/core_date.js', '/bitrix/js/main/utils.js', '/local/templates/medbe4_new/js/jquery.js', '/local/templates/medbe4_new/js/jquery.jcarousel.min.js', '/local/templates/medbe4_new/js/jquery.formstyler.min.js', '/local/templates/medbe4_new/js/jquery.mCustomScrollbar.concat.min.js', '/local/templates/medbe4_new/js/modals.js', '/local/templates/medbe4_new/js/tabs.js', '/local/templates/medbe4_new/js/ontop.js', '/local/templates/medbe4_new/js/placeholder.min.js', '/media/js/scrollbar/jquery.mCustomScrollbar.concat.min.js', '/media/js/header.js', '/local/templates/medbe4_new/js/scripts.js', '/feedback/twin.js']);
</script>
<script>
BX.ready(function() {
$("[data-preload]").each(function(i, el) {
$this = $(el);
$this.load($this.data("preload"), function() {
$this.find("form").addClass("js-form")
});
});
$(document).on({
submit: function() {
$this = $(this);
var action = $this.attr("action");
var data = $this.serialize() + "&web_form_submit=Y";
$.post(action, data, function(data) {
$this.closest("div").html(data);
})
return false;
}
}, ".js-form");
})
</script>
<script type="text/javascript" src="/bitrix/cache/js/s2/medbe4_new/template_a5d224f830c08eebc70bc5559ca1712e/template_a5d224f830c08eebc70bc5559ca1712e.js?1515579660221230"></script>
<script>
$(function() {
if ('jcarousel' in $) {
$('.medbeCarousel').jcarousel({
// Configuration goes here
});
$('.medbeCarousel-prev').jcarouselControl({
target: '-=1'
});
$('.medbeCarousel-next').jcarouselControl({
target: '+=1'
});
$('.medbeSidebarCarousel').jcarousel({
// Configuration goes here
});
$('.medbeSidebarCarousel-prev').jcarouselControl({
target: '-=1'
});
$('.medbeSidebarCarousel-next').jcarouselControl({
target: '+=1'
});
$(window).on("load resize", function() {
var w = this.innerWidth;
if ($('.medbeCarousel').hasClass('halfWidthCarousel')) {
if (w > 1279) {
c = 771;
} else {
c = 377;
}
} else {
if (w > 1279) {
c = 1160;
} else {
c = 780;
}
}
$('.medbeCarousel').css('width', c + 'px');
});
}
});
// Script (Fixed menu)
// $(window).on("scroll load", function(){
// var w2 = this.innerWidth;
// var top = $(window).scrollTop();
// if (top > 120) $('.mainNav > ul').css({
// 'max-width': '100%',
// 'position': 'fixed',
// 'top': 0
// } );
// else {
// $('.mainNav > ul').css({
// 'position': 'relative',
// 'max-width': 1280
// } );
// }
// } );
jQuery(window).scroll(function() {
topMain(); // on scroll
});
topMain(); // on load
window.topNavSmall = false;
function topMain() {
var _scrollTop = jQuery(document).scrollTop();
if (_scrollTop > 0) {
jQuery('.mainNav').addClass('fixed');
window.topNavSmall = true;
}
if (window.topNavSmall === true && _scrollTop < 2) {
jQuery('.mainNav').removeClass('fixed');
}
}
</script>
<script>
</script>
<script>
(function($) {
$(function() {
$('#pc_add_photo').styler({
filePlaceholder: 'Добавить фото перед статьей'
});
$('input, select').styler();
})
})(jQuery)
</script>
<script>
(function($) {
$(window).load(function() {
if ('mCustomScrollbar' in $) $(".medbeScrollBlock").mCustomScrollbar();
});
})(jQuery);
</script>
<script>
$(document).ready(function() {
$("#sorting_catalog").change(function() {
$("#form_for_sorting_catalog").submit();
});
});
</script>
<script>
$(document).ready(function() {
$('.catTitle').click(function() {
if ($(this).data("click") != "y") {
$(this).parents('.doctorMat').toggleClass('hidden');
return false
}
});
});
</script>
<script>
$(document).ready(function() {
$('input, textarea').on('focus blur', function() {
var placeholder = $(this).attr('placeholder');
if ($(this).val() == placeholder) {
$(this).val('');
} else if ($(this).val() == '') {
$(this).val(placeholder);
};
});
});
</script>
<script>
$(document).ready(function() {
//Placeholder
$('input[placeholder], textarea[placeholder]').placeholder();
});
</script>
<script type="text/javascript">
function slyLink() {
var istS = 'Источник:';
var copyR = '© usercpu.ru';
var body_element = document.getElementsByTagName('body')[0];
var choose;
choose = window.getSelection();
var myLink = document.location.href;
var authorLink = "<br /><br />" + istS + ' ' + "<a href='" + myLink + "'>" + myLink + "</a><br />" + copyR;
var copytext = choose + authorLink;
var addDiv = document.createElement('div');
addDiv.style.position = 'absolute';
addDiv.style.left = '-99999px';
body_element.appendChild(addDiv);
addDiv.innerHTML = copytext;
choose.selectAllChildren(addDiv);
window.setTimeout(function() {
body_element.removeChild(addDiv);
}, 0);
}
document.oncopy = slyLink;
</script>
<script>
$(function() {
/*$(document).on("click", ".js-open-menu-a", function(){
$("#mainNav").slideToggle(200);
} );*/
/* $(document).on({
click: function(){
$(this).siblings("nav").slideToggle(200);
} ,
/!*touchend: function(){
$(this).siblings("nav").slideToggle(200);
} *!/
} ,".js-open-menu");*/
});
</script>
<script>
var busy = false;
$(function() {
$("#infinity-next-page").addClass("btn").addClass("btn-blue");
$(document).on({
click: function() {
if (busy) return false;
console.log("1");
$("#nextWrap").find("a").css("opacity", 0.5);
busy = true;
$.post($(this).attr("href") + "&ajaxNovinki=Y", function(data) {
busy = false
$(".js-novinki").html($(".js-novinki").html() + data.html);
$("#nextWrap").html(data.next);
$("#infinity-next-page").addClass("btn").addClass("btn-blue");
//else $("#nextWrap").hide();
}, "json");
return false;
}
}, "#infinity-next-page");
});
</script>
<script>
$(document).ready(function() {
$("#headfbwin, #feed").click(function() {
$(".quest_form").show();
$('input, select').styler();
dh = $(document).height() + "; " + $(".quest_form").height();
h = ($(document).height() / 2) * -1;
$(".quest_form").css("bottom", h + "px");
$(".overlay").show();
$(".q_form_close").click(function() {
$(".quest_form").hide();
$(".overlay").hide();
});
$(".close2").click(function() {
$(".oki").hide();
$(".overlay").hide();
});
$(".overlay").click(function() {
$(".quest_form").hide();
$(".oki").hide();
$(".overlay").hide();
});
});
});
</script>
<script>
function selectHandler() {
var $menu = $('.news-categories__list');
var $current = $('.news-categories__current');
var width = 0;
if ($menu.outerWidth() > $current.outerWidth()) {
$current.width($menu.outerWidth());
$menu.width($menu.outerWidth());
}
$('.news-categories__current').click(function() {
$menu.toggleClass('active');
});
$('body').click(function(e) {
var $target = $(e.target);
if (!$target.parents('.news-categories').length)
$menu.removeClass('active');
});
$('.news-categories__list > ul').mCustomScrollbar({
theme: 'rounded',
scrollInertia: 200
});
$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(150);
})
}
if (window.frameCacheVars !== undefined) {
BX.addCustomEvent("onFrameDataReceived", function(json) {
selectHandler();
});
} else {
BX.ready(function() {
selectHandler();
});
}
</script>
<script async src="/js/html5.js"></script>
<script src="/local/templates/medbe4_new/components/bitrix/form.result.new/free_cons/_script.js?dsss" type="text/javascript"></script>
</body>
</html> 