Архив метки: Wordpress

Безопасность WordPress: как защитить wp-config.php на сайте

Большинство людей думают, что их веб-сайт WordPress был безопасен только потому, что он не имеет какого-либо контента который стоит взломать. К сожалению, это не так. Сайты часто взламывают, например для распространения спама. Или ядро и файлы темы заполнены вредоносным кодом, чтобы заразить и взломать компьютеры вашего посетителя сайта. Вполне возможно, что вы только заметили повреждение, когда Google или Yandex уже пометили ваш сайт или удалили его из индекса. Не позволяйте этому случиться, и рассмотрите мои советы для идеального wp-config.php.

Есть много способов защитить свой веб — сайт на основе WordPress от взлома. Оптимизация wp-config.php можно считать важной частью правильной стратегии безопасности. Конечно, сайт не превратится в Банк, но вы сделали это немного сложнее для хакеров.

Для оптимизации wp-config.php, используются так называемые константы. WordPress имеет много констант , которые могут быть использованы. Но что такое константа? PHP.net описывает константы следующим образом:

Константа является идентификатором (именем) для простого значения. Как следует из названия, это значение не может изменяться в ходе выполнения скрипта (для магических констант, которые не являются на самом деле, кроме как константы). Константа чувствительна к регистру по умолчанию. По соглашению, постоянные идентификаторы всегда в верхнем регистре.PHP.net

Константы встроены в функции define(), и выглядят следующим образом: define('NAME_OF_THE_CONSTANT', value);

wp-config.php является файл управления для WordPress. Он загружается раньше всех других файлов, так как WordPress должен настроить подключение к базе данных. Необходимая информация находится в конфигурационном файле. При изменении значения константы, или добавления константы, вы можете также изменить поведение WordPress.

До работы: пожалуйста, создайте резервную копию wp-config.php

Перед тем, как браться за редактирование файла wp-config.php, создайте резервную копию этого файла. Ваш сайт не будет работать с неправильными или отсутствующими записями.

Важно: Всегда делайте обновление WordPress и плагинов

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

Ситуация в сфере безопасности:

Специалистов в области безопасности Sucuri в настоящее время предупреждают о недостатка безопасности в популярном плагине Jetpack для WordPress. Вредоносный код может быть реализован с помощью шорткод-встраиваемой-функции. Automattic  будут действительно реагировать скоро и выпустят новую версию.

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

Если вы будете использовать свой «оптимальный» файл .htaccess, вы не в опасности. Там, большой брандмауэр 6G, который может парировать этот тип атак.

Подготовка:

Для всех последующих работ, вам понадобится программа FTP клиент, а также редактор HTML. wp-config.php загружается на рабочий стол, и редактируется в HTML-редакторе, и загружается обратно на сервер.

1 — Используйте ключи безопасности

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

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

Ключи безопасности в WP-config.php

Если вы еще не реализовали ключи безопасности, то это подходящее время, чтобы сделать это.

Дополнительная информация:

2 — принудительное использование HTTPS

Сертификат SSL шифрует соединение между вашим сайтом и браузерами посетителя. HTTPS делает невозможным для хакеров ловушку и кражи персональных данных. Если у вас уже есть сертификат SSL для вашего сайта, вы можете принудительно использовать HTTPS вместо HTTP. Это увеличивает безопасность вашего сайта значительно. Если у вас нет сертификата SSL, тем не менее, вы должны серьезно рассмотреть возможность использования одного.

Вы не должны бояться крупных затрат, так как SSL также доступна бесплатно.

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

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

<?php

// Forciere das Anmelden mit SSL

define('FORCE_SSL_LOGIN', true);

// Adminbereich nur Nutzbar mit SSL

define('FORCE_SSL_ADMIN', true);

3 — Изменение префикса базы данных

Приставка базы данных также известна под маркой «префикс таблиц» . Этот префикс используется в качестве расширения каждой таблицы базы данных, порожденного WordPress. Здесь стандарт wp_ . Этот стандарт должен быть изменен на что — то другое. Чем больше загадочными, тем лучше. Не волнуйтесь; Вам не нужно помнить, что вы вводили здесь. Это значение помещается один раз.

Думая об этом, возможность инъекции SQL снижается вплоть до нуля. Но это возможно. Таким образом, измените значение перед установкой WordPress. Используйте что — то вроде fdf2a7r_ , например.

Внимание: Если вы измените значение уже существующей установки WordPress, веб-сайт не будет доступен!

Если вы хотите изменить префикс таблиц существующего сайта WordPress, плагин  Acunetix WP Security может помочь вам. Он позволяет изменять значение легко, и все, что вам нужно сделать, это снова войти в систему . Тем не менее, вы все равно должны создать резервную копию заранее.

4 — Выключить редакторы плагинов и темы

Изменения в теме или в файлах плагинов, как правило, производится с помощью (S) FTP, так как это гораздо безопаснее. Таким образом, редакторы должны быть выключены. Одной строки в wp-config.php достаточно, чтобы безопасно отключить оба редактора:

<?php

//Schaltet die Theme- und Plugin-Editoren ab

define('DISALLOW_FILE_EDIT', true);

 

5 — Переместить wp-config.php

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

Безопасность WordPress: как защитить wp-config.php на сайте

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

<?php

// Перенос wp-config.php в другое место.

// Внимание: путь должен быть настроен

define'ABSPATH', dirname__FILE__ ;

require_once ABSPATH '../path/to/wp-config.php';

 

Если вы настроили путь к WP-config.php правильно, ваш сайт должен работать.

6 — форсирует использование FTPS

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

Принуждение использование FTPS, это просто:

<?php

define('FTP_SSL', true);


 

7 — принудительное использование SFTP

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

<?php

define('FTP_SSL', true);

 

8 — Отключение режима отладки

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

<?php

define('WP_DEBUG', false);

 

9 — Выключите индикацию ошибок PHP

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

<?php

define('WP_DEBUG_DISPLAY', false);

 

10 — Включение функции автоматического обновления

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

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

<?php

// Все версии, разрешить автоматически обновить WordPress

define('WP_AUTO_UPDATE_CORE', true);

 

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

<?php

/*

Plugin Name: Automatische Plugin-Updates

Plugin URI: http://andreyex.ru

Description: Все плагины будут автоматически поддерживается в актуальном состоянии. Плагин должен находиться в папке /wp-content/mu-plugins/.

Author: andreyex

Author URI: http://andreyex.ru

License: GPL2

*/

add_filter( 'auto_update_plugin', '__return_true' );

 

Этот плагин должен быть перемещен в папку /wp-content/mu-plugins/. Если папка не существует, просто создайте ее. Папка /mu-plugins/ содержит «используемые» плагины. Его содержимое загружается всеми с другими плагинами.

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

<?php

add_filter( 'auto_update_theme', '__return_true' );

 

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

Дополнительная информация:

WordPress Codex: использовать плагины

Вывод

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

Узнайте, как улучшить безопасность вашего блога на WordPress



2016-12-04T21:44:52
Лучшие учебники по Wodpress

Как настроить стиль меню навигации в WordPress

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

Способ 1: Использование ручного изменения стиля меню навигации в WordPress

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

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

Меню навигации в WordPress отображается в виде неупорядоченного списка (маркированный список).

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

<?php wp_nav_menu(); ?>

Ваш неупорядоченный список будет иметь имя класса ‘menu’ с каждым элементом списка, имеющий свой собственный класс CSS.

Это может сработать, если у вас есть только одно место меню. Тем не менее, большинство тем имеет несколько мест, где можно вывести на экран меню навигации.

Использовать только классы CSS по умолчанию может привести к конфликту с меню на других местах.

Именно поэтому вам нужно определить класс CSS и расположение меню. Скорее всего, ваша тема WordPress уже это делает, путем добавления меню навигации с помощью кода, примерно так:

<?php

	wp_nav_menu( array(

		'theme_location' => 'primary',

		'menu_class'     => 'primary-menu',

		 ) );

?>


Этот код сообщает WordPress, что это тема отображает начальное меню. Он также добавит класс CSS primary-menu к навигации по меню.

Теперь вы можете настроить стиль вашего меню навигации с помощью этой структуры CSS.

#header .primary-menu{} // container class

#header .primary-menu ul {} // container class first unordered list

#header .primary-menu ul ul {} //unordered list within an unordered list

#header .primary-menu li {} // each navigation item

#header .primary-menu li a {} // each navigation item anchor

#header .primary-menu li ul {} // unordered list if there is drop down items

#header .primary-menu li li {} // each drop down navigation item

#header .primary-menu li li a {} // each drap down navigation item anchor


Замените #header на класс контейнера или ID, используемого вашей темой WordPress.

Эта структура поможет вам полностью изменить внешний вид меню навигации.

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

.current_page_item{} // Class for Current Page

.current-cat{} // Class for Current Category

.current-menu-item{} // Class for any other current Menu Item

.menu-item-type-taxonomy{} // Class for a Category

.menu-item-type-post_type{} // Class for Pages

.menu-item-type-custom{} // Class for any custom item that you added

.menu-item-home{} // Class for the Home Link


WordPress также позволяет добавлять классы CSS к отдельным пунктам меню изнутри области администратора.

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

Зайдем на страницу Appearance »Menus и нажмем на кнопку настройки экрана.

Включить опцию классов CSS в экранных меню WordPress

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

Добавление пользовательского класса CSS к пункту меню в WordPress

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

Метод 2: Настроить стиль меню в WordPress при помощи плагинов

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

Вот когда пригодится WordPress плагин стилизации меню. Это избавляет вас от редактирования файлов темы или написания кода.

Сначала вам нужно установить и активировать плагин CSS Hero. Для получения более подробной информации см наш шаг за шагом руководство о том, как установить плагин в WordPress.

CSS Hero является премиум плагином в WordPress, который позволяет проектировать свою собственную тему WordPress , не написав ни строчки кода (без HTML или CSS).

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

Теперь вам нужно нажать на кнопку CSS Hero в вашей панели администратора WordPress.

Запуск CSS Hero

CSS Hero предлагает редактор WYSIWYG (что вы видите, то и получаете). Нажатие на кнопку приведет вас на ваш сайт с плавающей панелью инструментов CSS Hero видимой на экране.

Панель CSS Hero

Вам нужно нажать на синюю иконку в верхней части, чтобы начать редактирование.

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

Укажите и нажмите на меню навигации в CSS Hero

В приведенном выше скриншоте, показывает нам пункт меню, навигации по меню, контейнер навигации меню и т.д.

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

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

Редактирование свойств навигации меню в CSS Hero

Вы можете нажать на любое свойство, которое вы хотите изменить. CSS Hero покажет вам простой интерфейс, где вы можете внести свои изменения.

Редактирование цвета текста меню навигации

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

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

Просмотр живого изменения

После того, как вы удовлетворены изменениями, нажмите на кнопку Сохранить на панели инструментов CSS Hero, чтобы сохранить изменения.

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

Мы надеемся, что эта статья помогла вам узнать, как создать стиль меню навигации в WordPress.



2016-12-04T11:17:52
Темы WordPress

Как правильно установить Google AMP на вашем сайте WordPress

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

Что такое Google AMP?

Google AMP выступает за ускоренную страницы для мобильных устройств. Он с открытым исходным кодом при поддержке технологических компаний, таких как Google и Twitter. Целью проекта является сделать загрузку веб — контента быстрее для мобильных пользователей.

Для многих мобильных пользователей, чтение в Интернете часто медленно. Большинство контента богатых страниц занимает несколько секунд, чтобы загрузить, несмотря на все усилия, предпринятые владельцами сайтов, чтобы ускорить их веб — сайт.

Ускоренные мобильные страницы (AMP) в области поиска и браузера

Ускоренные мобильные страницы или AMP используют голый минимальный HTML и ограниченный Javascript. Это позволяет контенту, который будет размещен на Google AMP Cache. Google может затем отдавать кэшированную версию пользователям мгновенно при нажатии на ссылку в результатах поиска.

Это очень похоже на Facebook Instant Articles. Тем не менее, Instant Articles ограничены только платформой Facebook, более конкретно на их мобильное приложение.

Ускоренные Мобильные страницы являются платформы агностиком и может быть использованы любым приложением, браузером или веб-просмотром. В настоящее время он используется Google, Twitter, LinkedIn, Reddit и другими.

Плюсы и минусы Google AMP (Accelerated Mobile Pages)

Эксперты утверждают, что SEO Accelerated Mobile Pages поможет вам дать более высокий рейтинг в Google, и это улучшает пользовательский опыт для мобильных пользователей на медленных интернет-соединений. Тем не менее, есть несколько проблем для владельцев веб-сайтов, блоггеров, и маркетологов.

AMP использует ограниченный набор HTML, JavaScript и CSS. Это означает, что вы не можете добавить некоторые виджеты и функции на свой мобильный AMP веб — сайт. Это ограничивает вашу способность добавлять смарт — формы электронной почты OPTIN, facebook и другие динамические скрипты.

В то время как Google AMP поддерживает Google Analytics, он не поддерживает многие другие аналитические платформы. То же самое касается рекламных опций, которые ограничены, чтобы выбрать несколько рекламных платформ.

Несмотря на свои ограничения, Google продвигает страницы AMP, давая им толчок в мобильном поиске.

Если значительная часть вашего трафика приходит из мобильного поиска, то вы можете добавить поддержку AMP для улучшения и поддержания вашего SEO.

Некоторые из наших читателей спрашивали о том, как настроить Google AMP в WordPress, мы создали шаг за шагом процесс о том, как настроить ускоренные мобильные страницы в WordPress.

Настройка ускоренных страниц для мобильных устройств или AMP в WordPress

Первое, что вам нужно сделать, это установить и активировать плагин AMP. Для получения более подробной информации см наш шаг за шагом руководство о том, как установить плагин в WordPress.

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

страница Настройки для плагина AMP в WordPress

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

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

Не забудьте нажать на кнопку Сохранить, чтобы сохранить изменения.

Теперь вы можете посетить любой один пост на вашем сайте и добавить /amp/в конце URL. Примерно так:

https://andreyex.ru/blog-platforma-wordpress/luchshie-uchebniki-po-wordpress/kak-pravilno-ustanovit-google-amp-na-vashem-sajte-wordpress/amp/

Вам покажет усеченную версию AMP поста.

Мобильный просмотр AMP

Если просмотреть исходный код оригинального поста, вы найдете эту строку в HTML:

<link rel="amphtml" href=" https://andreyex.ru/blog-platforma-wordpress/luchshie-uchebniki-po-wordpress/kak-pravilno-ustanovit-google-amp-na-vashem-sajte-wordpress/amp/" />

 

Эта строка сообщает поисковым машинам и других AMP,  где искать версии AMP страницы.

Исправление проблем:

Если вы видите сообщение об ошибке 404 при попытке просмотреть версию AMP, то вот что вам нужно сделать.

Посетите страницу Настройки » Постоянные ссылки в вашей админке WordPress и нажмите на кнопку «Сохранить изменения». Помните, что ничего не изменится здесь, просто нажмите на кнопку Сохранить. Это позволит обновить постоянную ссылку структуры веб — сайта.

Просмотр страниц ускоренный мобильный в Google Search Console

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

Войти в панель управления Google Search Console, а затем нажмите Вид поиска »ускоренные мобильные страницы.

Ускоренные мобильные страницы в Google Search Console

Не беспокойтесь, если вы не видите ваши результаты AMP сразу. Это может занять некоторое время для Google, чтобы он мог проиндексировать ваши ускоренные страницы для мобильных устройств, а затем показать данные в Search Console.

Расширение и настройка Ускоренных страниц для мобильных устройств

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

Если вы уже используете Йоаст SEO, то вам необходимо установить и активировать Glue for Yoast SEO & AMP.

Этот плагин надстройка для Yoast SEO и плагина AMP. После активации, вам необходимо посетить страницу SEO »AMP для настройки параметров плагина.

аддон Yoast SEO AMP

Плагин позволяет включить поддержку AMP для других типов постов.

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

Вкладка Design для AMP с помощью аддона Yoast AMP

Вы можете переключиться на вкладку Analytics, чтобы добавить свой идентификатор Google Analytics.

Не забудьте нажать на кнопку Save Settings для сохранения изменений.

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

Тем не менее, вы должны убедиться, проверить страницы AMP после установки каких — либо аддон плагинов.

Мы надеемся , что эта статья помогла вам узнать, как настроить Ускоренное страницы для мобильных устройств (AMP) на WordPress.



2016-12-04T02:51:54
Лучшие учебники по Wodpress

WordPress и программное создание страницы

Краткое предисловие

Если вы хотите, чтобы ваша>тема или плагин (последний вариант предпочтительнее чисто идеологически) самостоятельно создавали новые материалы(несколько страниц), можете использовать приведенный ниже код. Просто добавьте его на свой блог, и вы получите готовый результат.

Код плагина-примера

<?php

/*

Plugin Name: Page Creator

Plugin URI: http://andreyex.ru/wordpress-i-programmnoe-sozdanie-stranicy/

Description: Пример программной генерации страницы.

Author URI: http://andreyex.ru

Author: AndreyEx.

Version: 2.0.0

*/

 

$pce_name = "Page Creator";

     

function pce_code_add_admin() {

  global $pce_name;

  add_options_page(__('Настройки'), $pce_name, 'edit_themes', basename(__FILE__), 'pce_code_to_admin');

}

 

function pce_code_to_admin() {

  global $pce_name;

?>

 

<div class="wrap"><?php

    screen_icon();

    echo '<h2>'.__('Настройки').': '.$pce_name.'</h2>';

    if (isset($_POST['save'])) {

        $np = array(

            'slug' => 'example-gen',

            'title' => 'Заголовок статьи',

            'content' => "Содержимое статьи"

        );

        if ( wp_insert_post( array(

                'post_title' => $np['title'],

                'post_type'    => 'page', // тип записи

                'post_name'     => $np['slug'], // URL, будут совпадения? WordPress сам все исправит.

                'comment_status' => 'closed', // закрыть комментарии

                'ping_status' => 'closed', // запретить пинги

                'post_content' => $np['content'],

                'post_status' => 'publish', // опубликовать статью

                'post_author' => 1, // кто будет автором

                'menu_order' => 0 // положение пункта в меню

            )) > 0 ) :

            echo '<div id="setting-error-settings_updated" class="updated settings-error"><p><b>'.__('OK.').'</b></p></div>';

        endif;

    } ?>

    <form method="post">

      <div class="submit">

          <input name="save" type="submit" class="button-primary" value="<?php echo __('Добавить новую страницу'); ?>" />

      </div>

    </form>

</div><?php

}

 

add_action('admin_menu', 'pce_code_add_admin');

 

?>

 

Небольшое примечания

Собственно, нужный функционал находится между 26 и 41 строчками кода включительно. Функция возвращает 0, если не создается новый пост, иначе получите просто идентификатор записи.

WordPress и программное создание страницы



2016-12-04T01:16:09
Лучшие учебники по Wodpress

WordPress: Как добавить в визуальный редактор пользовательские форматы

Вы хотите использовать пользовательские форматы в визуальном редакторе WordPress? Хорошая идея, добавление стилей дает вам массу преимуществ. Вы можете использовать элементы без необходимости вносить изменения в текстовом режиме. Таким образом, в этой статье мы покажем вам, как расширить редактор пользовательскими форматами.

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

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

Конечно, вы можете переключиться в режим текста в любое время, чтобы добавить форматирование. Но удобство для пользователя выглядит по-другому.

WordPress: Добавление собственных стилей в визуальном редакторе без плагинов

Использование собственных стилей также означает, что мы должны коснуться файлов WordPress. Дополнительный код, который мы создадим мы добавим в functions.php активной темы или в пользовательский плагин. Я рекомендую последний.

1 — мы создаем собственный пункт меню в редакторе

Следующий код создает дополнительное выпадающее меню в визуальном редакторе. Меню даст вам возможность иметь возможность выбирать и использовать свои собственные стили.

<?php

// дополнительное выпадающее меню в визуальном редакторе

function ah_mce_buttons_2($buttons) {

	array_unshift($buttons, 'styleselect');

	return $buttons;

}

add_filter('mce_buttons_2', 'ah_mce_buttons_2');

 

2 — Создание опций, которые могут быть выбраны

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

<?php



function ah_mce_before_init_insert_formats( $init_array ) {  

	$style_formats = array(  



		array(  

			'title' => 'Blauer Button',  

			'block' => 'span',  

			'classes' => 'blue-button',

			'wrapper' => true,

			

		),  

		array(  

			'title' => 'Roter Button',  

			'block' => 'span',  

			'classes' => 'red-button',

			'wrapper' => true,

		),

		array(  

			'title' => 'Grüner Button',  

			'block' => 'span',  

			'classes' => 'green-button',

			'wrapper' => true,

		),

	);  

	// Insert the array, JSON ENCODED, into 'style_formats'

	$init_array['style_formats'] = json_encode( $style_formats );  

	

	return $init_array;  

  

} 

// Attach callback to 'tiny_mce_before_init' 

add_filter( 'tiny_mce_before_init', 'ah_mce_before_init_insert_formats' );

3 — Создание необходимых CSS для кнопок

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

Скопируйте CSS в style.css вашей темы WordPress, или создайте собственную таблицу стилей для них.

.blue-button { 

	background-color:#33bdef;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #057fd0;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	padding:6px 24px;

	text-decoration:none;

}



.green-button { 

	background-color:#30AC38;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #219328;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	padding:6px 24px;

	text-decoration:none;

}



.red-button {

	background-color:#bc3315;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #942911;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	padding:6px 24px;

	text-decoration:none;

}                                 

.blue-button:hover, .red-button:hover, .green-button:hover {opacity: .8}

 

4 — Мы все еще нуждаемся в CSS для редактора

Для нас, чтобы быть в состоянии увидеть правильно отформатированные кнопки в визуальном редакторе, нам нужен editor-style.css.

Вы найдете файл в корневой каталоге вашей темы, или в папке с именем CSS. Если нет, то я рекомендую вам создать сейчас. Это не очень сложно. Просто создайте пустой файл с именем CSS в editor-style.css при помощи редактора HTML.

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

<?php

// Ab hier kopieren

function ah_theme_add_editor_styles() {

    add_editor_style( 'editor-style.css' );

}

add_action( 'init', 'ah_theme_add_editor_styles' );

 

Конечный результат: Наши новые кнопки

Новые кнопки очень просты в использовании, и только в один щелчок мыши при написании новой статьи.

В крошечном редакторе MCE, отформатированные кнопки теперь будет выглядеть красиво:

Новые кнопки в редакторе WordPress

Новые кнопки в редакторе WordPress

То же самое можно увидеть при использовании их в статье.

Кнопки в статье

Кнопки в статье

Как использовать новые кнопки

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

Теперь вы создали цветную кнопку. Для получения ссылки, отметьте текст кнопки снова, и осуществлять связь.

Добавление других элементов — Made Simple

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

Добавление собственных стилей

Добавление собственных стилей

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

Вывод

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



2016-11-29T11:39:47
Лучшие учебники по Wodpress

Локальный сервер для WordPress за 5 минут с VVV, VirtualBox и Vagrant

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

Читать