Coma Web Development разрабатывает сайты на WordPress c 2010 года. В блоге мы делимся некоторыми наблюдениями из жизни, советами и рекомендациями для тех, кто решит сделать сайт на WordPress самостоятельно.

Как вставлять сниппеты из интернета на ваш сайт WordPress

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

Внимание, файл темы functions.php находится в папке /wp-content/themes/yourthemename/. Это не тот файл, который находится в папке /wp-includes/.

Чтобы понимать, как правильно вставлять код, нужно понимать основы синтаксиса PHP.

//Это открывающий PHP тег
<?php

//Это закрывающий PHP тег
?>

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

1-ая наиболее популярная ошибка

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

<?php
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
function custom_loginlogo_url($url) {
	return 'https://coma.lv';
}
?>

Пример кода файла темы functions.php (Вообще-то обычно файл темы functions.php имеет куда больше кода, но идея остаётся такой же):

<?php
//Здесь находится PHP код, который уже здесь был

//Пользователь может вставить сюда такой сниппет с интернета:

<?php
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
function custom_loginlogo_url($url) {
	return 'https://coma.lv';
}
?>
?>

Это определённо поломает WordPress, так как у вас есть открытый тег PHP и нету закрывающего тега. Есть два способа решить эту проблему. Первый метод — вставить элемент в правильное место:

<?php
//Здесь находится PHP код, который уже здесь был

//Здесь мы сначала закрыли PHP тег
?>
//Теперь может открывать PHP тег
<?php
add_filter( 'login_headerurl', 'custom_loginlogo_url' );
function custom_loginlogo_url($url) {
	return 'https://coma.lv';
}
?>

Заметьте, мы корректно вставили PHP код после того, как предыдущий был закрыт.

Следующий метод — просто вырезать открывающие и закрывающие теги из функции WordPress. Вот пример:

<?php
//Здесь находится PHP код, который уже здесь был	

// Новый код можно вставить здесь (мы убрали открывающий и закрывающий тег PHP из нового кода)

add_filter( 'login_headerurl', 'custom_loginlogo_url' );
function custom_loginlogo_url($url) {
	return 'https://coma.lv';
}
?>

2-ая наиболее популярная ошибка

Каждый автор статьи имеет свой стиль написания. Некоторые обрамляют сниппеты в PHP теги, которые вы видели в примере выше, некоторые вовсе не обрамляют их тегами. Это порождает вторую проблему. Если у вас есть такой код:

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

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

<?php
//Здесь находится PHP код, который уже здесь был	
?>

//После пользователь вставляет код сюда (тег PHP уже закрыт):

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

Код находится за рамками PHP тегов. WordPress не знает, что это за код и потому происходит сбой. Вот пример правильного кода:

<?php
//Здесь находится PHP код, который уже здесь был	
//Новый нужно вставлять сюда
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

//Закрываем PHP тег
?>

3-я наиболее популярная ошибка

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

Обычно функция выглядит примерно так:

function custom_function_name() { // Это тег открытия функции

// Код функции

} // Тег закрытия функции

Если вы вставите функцию внутрь другой функции, то произойдёт сбой. Пример такой ошибки:

function custom_function_name() { // Это тег открытия функции

// Код функции

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

} // Тег закрытия функции

Так делать нельзя. Каждая функция является независимой и вы не можете объединить их вместе. Вот пример правильной вставки:

function custom_function_name() { // Это тег открытия функции

// Код функции


} // Тег закрытия функции

function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

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

Нужно знать

Бывает такое, что мы получаем проблему из-за неправильной вставки кода. К ошибкам ведёт также и то, что разработчик забывает проставить точки с запятыми или забывает закрыть скобки.

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

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

Сталкивались ли вы с этими ошибками? Как вы с ними справились с ними? Была ли у вас проблема, которую мы не упомянули? Если да, то поделитесь ею с нами в комментариях.


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


Как добавить раздел с FAQ в WordPress

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

WordPress

Простой метод

В этом методе всего-то нужно создать пост или страницу и перечислить все ЧЗВ там. Если вам нужно лишь это, то на этом для вас статья заканчивается.

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

 

Добавление менеджера FAQ в WordPress

Первый делом нужно установить и активировать плагин Quick and Easy FAQs. После установки, плагин добавить раздел FAQ в меню администратора WordPress.

Вам необходимо перейти в FAQs » Add New  и добавить свой первый часто задаваемый вопрос. Сам редактор выглядит очень похоже на редактор постов.

WordPress

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

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

После этого, нужно отобразить их на сайте.

Отображение FAQ на сайте WordPress

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

  1. Отобразите FAQ в виде списка

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

Короткий код: [faqs]

WordPress

2. Отобразите FAQ в виде гармошки

Данная опция позволяет отображать FAQ в стиле гармошки или jQuery Toggle. Вопрос раскроется, когда пользователь нажмёт на него.

Короткий код: [faqs style=”toggle”]

WordPress

Загляните на вебсайт плагина, где находится полный список с короткими кодами.

Смена отображения FAQ

Плагин зависит от цветов и шрифтов самой темы. Вы можете изменить отображение стилей темы, используя CSS.

Однако, если вы незнакомы с CSS, вы можете использовать плагин типа CSS Hero, чтобы изменить любой стиль в теме WordPress.

Плагин использует встроенные стили для управления отображением FAQ. Он также снабжён простым пользовательским интерфейсом для смены цветов вашего FAQ. Перейдите в Plugins » Quick and Easy FAQ для смены стандартных цветов.

WordPress

Для начала вам надо выбрать кастомные цвета для опции ‘FAQs toggle colors’. После этого вы можете выбрать цвета, которые вы хотите использовать.

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

Изменить порядок отображения для FAQ

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

Первым делом нужно установить и активировать плагин Post Types Order. После активации, перейдите на страницу в Settings » Post Types Order.

WordPress

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

Теперь перейдите на страницу FAQs » Re-Order. Просто перетаскивайте заголовки FAQ, чтобы группировать их так, как вам нужно.

WordPress

Не забудьте сохранить изменения. На это всё, вы можете посмотреть на результат на странице с FAQ.

 


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


Что такое категория?

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

Пример: Новостной сайт может иметь категории для статей: Новости, Мнения, Погода, Спорт и так далее.

Если категория не указана, то пост автоматически попадает в стандартную категорию. Обычно она имеет название «Без категории». Администратор сайта может изменить стандартную категорию в Settings » Writing. Посто может относиться к нескольким категориям одновременно и может также иметь категории и теги.

Как добавить категорию

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

WordPress

Вы также можете добавить категорию напрямую из страницы на Posts » Categories. Дайте ей имя и также можете назвать ссылку, которая должна состоять из маленьких букв, цифр и дефиса. Если вы создаёте дочернюю категорию, то нужно выбрать, какая категория будет родительской. Напишите описание категории и нажмите на кнопку Add New Category. Единственным обязательным параметром является имя категории, остальное заполнять необязательно.

WordPress

Как редактировать категории

Категории можно редактировать в разделе Posts » Categories.  Наведите курсор на категорию, которую вы хотите отредактировать и нажмите на ссылку Edit. Это откроет редактор, где вы можете изменить имя, ссылку, добавить или убрать родительскую категорию, изменить или добавить описание.

WordPress

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

Как показать категорию

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

WordPress

Вы также можете добавить категории к навигационным меню вашего сайта. Перейдите в Appearance » Menus. Нажмите на категории, выберите категории и после нажмите на кнопку Add to Menu.

WordPress

Каждая категория имеет свою страницу. Большинство тем для WordPress идут с шаблоном, который называется  category.php , он контролирует показ страниц с категориями.

Что такое дочерняя категория

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

Пример: Новостной сайт может иметь категорию «Новости» и иметь подкатегории «Местные», «Международные» и так далее.

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

Как сконвертировать категории в теги

Категории и теги являются таксономиями в WordPress. Однако, сами по себе они отличаются друг от друга. Категории это как разделы вебсайта, а теги это скорее ключевые слова. Иногда вам может потребовать сконвертировать категории в теги или наоборот. Чтобы сделать это, перейдите в Tools » Import и кликните на Categories and Tags Converter. Выскочит всплывающее окно и вас попросят установить импортировщик, нажмите на кнопку установки. Как только импортировщик будет установлен, активируйте и запустите этот плагин.

WordPress


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


Как установить WordPress – полноценный урок установки WordPress

WordPress известен как самая популярная блог-платформа и система управления контентом. Новые пользователи часто бывают удивлены, когда узнают, что WordPress также славится легкой установкой. Все лучшие веб-хостинговые компании WordPress позволяют вам установить WordPress всего за несколько кликов. В большинстве случаев, установка WordPress – это нехитрый процесс, который занимает меньше пяти минут. В этом уроке нашей целью будет предоставить всеобъемлющую инструкцию по установке WordPress как для начинающих, так и для продвинутых пользователей. Мы покажем новичкам, как установить WordPress с использованием Softaculous. Мы объясним более продвинутым пользователям, как установить WordPress мануально. И, наконец, начинающим разработчикам и дизайнерам мы покажем, как установить WordPress на локальный компьютер (Windows, Mac и Linux).

howtoinstallwp

Что понадобится, прежде чем установить WordPress

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

Так как это достаточно длинный урок, используйте ссылки ниже, чтобы попасть в нужный вам раздел:

Как установить WordPress, используя Softaculous

Softaculous – это популярный инсталляционный скрипт. Он позволяет легко установить такие популярные веб-приложения, как WordPress, всего за несколько кликов. Хостинговые компании SiteGround и InMotion Hosting используют Softaculous в своей панели управления.

Войдите в cPanel вашего аккаунта и найдите иконку Softaculous или иконку инсталлятора WordPress. Они обычно находятся в разделе «Software».

Как установить WordPress – полноценный урок установки WordPress 1

Нажав на одну из этих иконок, вы запустите авто-инсталлятор Softaculous. Сначала вы увидите обзор WordPress. Вам потребуется нажать на вкладку «Install», чтобы продолжить.

Как установить WordPress – полноценный урок установки WordPress 2

Softaculous спросит вас, куда вы хотите установить WordPress. Выберите протокол http:// или http://www.

Если ваш сайт использует SSL и HTTPS, то вы можете выбрать протокол https:// или https://www.

Затем вам надо выбрать имя домена, на который вы хотите установить WordPress. Большинство пользователей устанавливают WordPress в корневую директорию своего домена, например example.com. В этом случае оставьте поле «In Directory» пустым.

Промотайте вниз, и увидите раздел настроек сайта.

Как установить WordPress – полноценный урок установки WordPress 3

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

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

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

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

Остальные настройки не обязательные. Вы можете нажать кнопку «Install», чтобы запустить установку.

Softaculous начнет установку, используя предоставленные вами настройки. Вы увидите шкалу загрузки. Установка займет несколько минут; не закрывайте окно, пока шкала не достигнет 100%, иначе вы можете помешать установке WordPress.

softaclous-wpinstallprogress

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

Как установить WordPress, используя FTP

Мануальная установка WordPress известна также как 5-минутная установка. Однако мануальная установка имеет несколько дополнительных шагов, и для нее вам понадобится FTP-клиент. Читайте наш урок для новичков о том, как использовать FTP для загрузки файлов WordPress.

Первым делом вам надо скачать последнюю версию WordPress. Распакуйте файл и используйте FTP, чтобы закачать файлы в вашу веб-хостинговую директорию.

uploadwpfiles

Если вы хотите установить WordPress на имя корневого домена (example.com), то вам нужно загрузить файлы WordPress в корневую директорию вашего сайта. Обычно эта директория называется /public_html/.

С другой стороны, если вы хотите установить WordPress во вложенную папку (example.com/blog), тогда загрузите их в папку /public_html/blog/.

Когда вы закончили загружать WordPress, пройдите в панель управления вашего хостинга, чтобы создать базу данных. Мы используем веб-хостинг cPanel. В своей cPanel найдите раздел «Databases» и кликните на «Database Wizard»:

Вы увидите поле для создания новой базы данных. Введите имя вашей базы данных, и нажмите «Next Step».

newdb

Теперь, когда вы создали базу данных, потребуется имя пользователя для MySQL. Это имя пользователя будет иметь доступ к любым операциям в базе данных. Введите имя пользователя и пароль для нового пользователя, а затем нажмите кнопку «Create User».

mysqluser

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

Вас спросят, какие привилегии вы хотите позволить данному пользователю. Отметьте «ALL PRIVILEGES» и нажмите кнопку «Make changes».

addusertodb

Теперь ваша база данных и пользователь MySQL готовы, и пришло время запустить установку WordPress. Пройдите по URL адресу, на который вы скачали WordPress. Если он находится на основном домене, то введите ваш домен в браузерном окне, например yoursite.com или www.yoursite.com.

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

wpinstall-language

Нажмите на кнопку «Continue».

Вы увидите установочные инструкции. Теперь WordPress понадобятся ваше название базы данных, пароль и информация mysql.

wpinstall-setupinstructions

Нажмите кнопку «Let’s go», чтобы продолжить.

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

wpinstall-dbsettings

Заполните информацию, а затем нажмите кнопку “Submit”. WordPress подключится к вашей базе данных и покажет сообщение об успешном соединении.

wpdbconnected

Нажмите «Run the Install», чтобы продолжить.

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

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

Если вы не хотите, чтобы ваш сайт был доступен поисковым системам, вы можете поставить галочку рядом с “search engine visibility”. Позже, когда вы будете готовы, вы сможете поменять эту настройку. Если вы не уверены, оставьте все как есть.

wpsitesettings

Нажмите на кнопку «Install WordPress», чтобы продолжить. WordPress внесет нужные настройки и завершит установку.

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

wpinstallsuccess

Как установить WordPress на ваш компьютер

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

Причина, по которой некоторые устанавливают WordPress на локальный сервер, – возможность разработать темы, плагины или что-то протестировать.

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

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

Тем не менее, если вы действительно хотите установить WordPress на свой компьютер, чтобы узнать больше о разработке тем, протестировать плагины и т.д., то мы вам очень советуем это сделать. Если вы используете Windows, мы рекомендуем скачать и установить WAMP. Если вы используете Mac, вам понадобится скачать и установить Mamp.

У нас также есть урок, рассказывающий о том, как перенести WordPress с локального сервиса на онлайн сайт.

Как установить WordPress на вашем языке

Так же как и Windows, Mac, iPhone и Android, вы можете использовать WordPress на своем языке.

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

Вы можете выбрать язык во время установки WordPress или поменять его, пройдя на страницу Settings > General в разделе администратора WordPress.

selectlanguagewp

Вы можете даже сделать сайт WordPress на нескольких языках сразу.

Мы сделали урок, рассказывающий как установить WordPress на другом языке.

Как установить WordPress Multisite Network

Функция multisite уже встроена в WordPress. Система multisite позволяет вам создать несколько сайтов WordPress за одну установку. Она может автоматически создать новые сайты в под-доменах или вложенных папках.

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

Установка мультисайта достаточно сложна, но мы написали полный пошаговый урок о том, как установить и настроить мультисайтовую ситему WordPress.

Что делать после установки WordPress

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

Выберите тему

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

Мы регулярно публикуем списки тем для WordPress в категории Showcase.

Установите и начните пользоваться плагинами

Настоящее преимущество WordPress заключается в огромном выборе плагинов. Плагины позволяют вам расширять ваш сайт с помощью новых функций и особенностей.

Существует более 40000 только бесплатных плагинов, доступных в директории плагинов на WordPress. Еще больше плагинов можно найти на платных сайтах других компаний.

Если вы не уверены, какие плагины установить, загляните в нашу категорию Плагины.

У нас также есть пошаговая инструкция установления плагинов для WordPress.

Начните изучать WordPress

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

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

Узнайте, как полноценно использовать бесплатные ресурсы.

Заключение

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


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


Что такое таксономия

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

У вас также есть возможность использовать самодельные таксономии для создания своих групп, чтобы подвести их под одну гребёнку. Например, у вас есть самодельный тип поста, названный Книги. И хотя вы можете использовать категории, возможно вы не захотите смешивать эти две вещи, так как они используются по разному. Вы можете зарегистрировать новую таксономию под названием Жанры, и добавить в неё такие понятия как Приключения, Романы, Научная литература и так далее. Это позволит вам и вашим пользователям отсортировать книги по жанру. Таксономии так же могут быть иерархическими, так вы можете иметь главные жанры: Фантастика, Документальные и Детский. И каждый из них имеет поджанр, например фантастика может иметь поджанр Триллер.


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


Что такое короткий код

Короткие коды в WordPress это небольшие кусочки кода, которые могут делать многое при минимальных усилиях. Они были представлены в WordPress 2.5 и причина их появления была дать людям возможность выполнять код внутри постов, страниц и виджетов без написания какого-либо кода напрямую. Это позволяет встроить одной строкой файлы или создать объекты, которые потребовали бы огромный код. Например, для встраивания видео код может выглядеть так:

[[video]]

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

[[video src="video-source.mp4"]]

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

Иногда вам нужно использовать текст короткого кода в посте. Чтобы сделать это, вам нужно использовать двойные скобки. Например, если вы хотите отобразить сам короткий код видео, а не само видео, нужно сделать так:

[[video]]

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

 


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


Что такое CSS

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

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

Пример:

body { 
font-size:14px;
color: #444;
background-color:#FFFFFF; 
} 

h1 { 
font-size:18px;
text-transform:uppercase;
}

.post-title { 
font-size: 16px; 
color: #4C0000;
font-weight:normal;
} 

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

Пример:

<div id="header">

<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>

</div>

Показанный выше HTML содержит идентификатор ‘header’  и класс ‘blog-title’. Эти разделы могут быть застилизованы CSS.

Пример:

#header { 
background-color:#4C0000;
height:120px;
width:100%;
padding:20px; 
} 

h1.blog-title a { 
font-color:#FFFFFF; 
font-size:16px;
font-family: Georgia, "Times New Roman", serif; 
text-decoration:none;
} 

 


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


Как правильно добавить скрипты и стили в WordPress

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

Ошибка

У WordPress есть функция wp_head , которая позволяет загрузить что угодно в шапку вашего сайта. Для добавления своих скриптов, многие используют данный код:

&amp;amp;lt;?php
add_action('wp_head', 'wpb_bad_script');
function wpb_bad_script() {
echo 'jQuery goes here';
}
?&amp;amp;gt;

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

Давайте посмотрим, как нужно делать.

Зачем ставить скрипты в очередь?

У WordPress имеет большое сообщество разработчиков. Тысячи людей по всему миру придумывают темы и пишут плагины для WordPress. Чтобы убедиться, что всё работает верно и никто не наступает друг другу на ногу, WordPress имеет специальную функцию очереди для скриптом. Функция предоставляет систематическую загрузку JavaScript и стилей. Используя функцию  wp_enqueue_script ,  вы говорите WordPress когда нужно грузить скрипт, где грузить и при каких условиях.

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

Как правильно вставить скрипты в очередь в WordPress

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

&amp;amp;lt;?php

function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );  
?&amp;amp;gt;

Пояснение:

Мы начали регистрацию нашего скрипта через функцию wp_register_script(). Данная функция принимает 5 параметров:

  • $handle – Удерживать уникальное имя вашего скрипта. Мы назвали наш скрипт “my_amazing_script”
  • $src – src это местоположение вашего скрипта. Мы используем функцию plugins_url чтобы получить правильный URL папки нашего плагина. Как только WordPress найдёт его, он также найдёт скрипт с названием amazing_script.js в этой папке.
  • $deps – deps это для зависимостей. Так как наш скрипт использует jQuery, то мы добавили jQuery в область зависимостей. WordPress автоматически загрузит jQuery, если он ещё не был загружен.
  • $ver – Это номер версии нашего скрипта. Параметр необязателен.
  • $in_footer – Мы хотим загрузить наш скрипт в нижний колонтитул, потому нам надо поставить это значение на true. Если вы хотите загрузить скрипт в шапку, то поставьте false.

После расставления всех параметрво в wp_register_script, вы можете просто вызвать скрипт, который всё сделает: wp_enqueue_script()

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

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

Так же как и скрипты, вы можете поставить в очередь свои стили. Посмотрите на пример:

&amp;amp;lt;?php
function wpb_adding_styles() {
wp_register_script('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_script('my_stylesheet');
}

add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );  
?&amp;amp;gt;

Заметьте, что мы использовали один и тот же приём wp_enqueue_scripts , чтобы подцеплять и скрипты и стили. Несмотря на имя, функция работает для них обоих.

В примерах выше мы использовали plugins_url для уточнения местоположения скрипта или стиля, который мы хотим поставить в очередь. Однако, если вы используете функцию для очередей в вашей теме, то используйте get_template_directory_uri(). Если вы работаете с дочерней темой, то используйтеget_stylesheet_directory_uri(). Вот пример:

&amp;amp;lt;?php

function wpb_adding_scripts() {
wp_register_script('my_amazing_script', get_template_directory_uri() . '/js/amazing_script.js', array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}

add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );  
?&amp;amp;gt;

Мы надеемся эта статья помогла вам научиться правильно добавлять JavaScript и стили в темы и плагины WordPress. Для вопросов и комментариев пишите нам в комментарии.

Дополнительные ресурсы:

 


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


Что такое GPL

GPL или General Public Licence, которую также называют GNU GPL, – самая часто используемая лицензия для свободного ПО. Она была составлена Ричардом Столманом из Free Software Foundation для проекта GNU. Эта лицензия позволяет любому свободно использовать, модифицировать и распространять ПО. WordPress также был выпущен под лицензией GPL, что делает WordPress программой open source, которая может использоваться, модифицироваться и расширяться кем угодно.

Проект WordPress считает лицензию GPL своим идеологическим эквивалентом билля о правах. Она воплощает основные ценности этого проекта.

  • Каждый может скачивать и использовать ПО
  • Каждый может модифицировать ПО
  • Каждый может распространять бесплатные копии ПО
  • Каждый может распространять модифицированные версии ПО.

Одним из главных аспектов GPL является использование copyleft. Copyleft – это игра слов, произошедшая от слова copyright (авторское право). По сути, используется закон об авторском праве, чтобы защитить модифицированные версии продукта, но при этом он требует наложения таких же прав на последующие версии. Именно поэтому любой продукт, основанный на WordPress, наследует лицензию GPL. Это вызвало некоторые разногласия, так как нашлись компании и люди, пытавшиеся продавать темы и плагины для WordPress под несоответствующими лицензиями. Однако в сообществе WordPress всеми силами пытаются защищать этот билль о правах. Соучредитель проекта WordPress Мэтт Малленвег активно об этом высказывается.

Читайте также


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