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

faq-1

Как добавить раздел с 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


post categories

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

Категории это одна из заданных таксономий в 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


pexels-photo-54257

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

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

howtoinstallwp

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

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

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

 

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

MOJO Marketplace предоставляет простой инсталлятор для WordPress, используя который, ряд хостинговых компаний предлагает установку WordPress за один клик. Этот инсталлятор интегрирован в их панель управления cPanel.

В этом уроке мы покажем вам cPanel BlueHost. Просто войдите в свой хостинговый аккаунт, а затем найдите раздел вебсайта в панели управления cPanel.

1clickwordpressinstall

Нажмите на иконку Install WordPress или 1-click Install. И то, и другое отправит вас на MOJO Marketplace, где вы увидите обзор WordPress и кнопку установки. Нажмите кнопку установки, чтобы продолжить.

mojo-beginwpinstall

MOJO Marketplace спросит, где вы хотите установить WordPress. Выберите свой домен из ниспадающего меню и нажмите на кнопку Check Domain.

mojo-choosedomain

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

mojo-installoptions

Вы заметите, что MOJO Marketplace уже дал вашему сайту заголовок «My Site». Ваш имэйл введен как имя пользователя, а также сгенерирован произвольный надежный пароль. Вы можете изменить эти настройки. Вам также будет нужно отметить бокс с положениями и условиями.

Как только вы это сделали, нажимайте кнопку «Install Now».

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

mojoinstallprogress

Как только установка будет завершена, вы увидите сообщение об успешном завершении с кнопкой «View Credentials».

mojoinstallfinish

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

Там вы увидите статус вашей установки WordPress с ссылкой на учетные данные.

mojonotification

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

wplogininfo

 

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

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

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

softaculous-icon

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

softaculous-installwp

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

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

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

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

softaculous-sitesettings

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

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

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

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

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

softaculous-runinstaller

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

softaclous-wpinstallprogress

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

softaculous-success

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

QuickInstall – это еще один популярный авто-инсталлятор, используемый множеством хостинговых компаний, таких как HostGator и другие. Мы воспользуемся панелью управления HostGator, но и установка на другом хостинге через QuickInstall не будет принципиально отличаться.

Сначала вам надо войти в панель управления cPanel своего хостинг аккаунта. Найдите раздел «Software and Services», а затем нажмите на иконку QuickInstall.

quickinstall-cpanelicon

Таким образом вы попадете на страницу с 1-Click инсталляторами. Вы увидите, что QuickInstall предоставляет установку большинства популярных приложений, включая WordPress. Выберите WordPress, чтобы запустить установку.

quickinstall-wp

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

instllwp

Вы попадете в настройки вашего WordPress.

Сначала выберите имя домена. Если хотите установить WordPress в под-категорию, например example.com/blog, то нужно будет ввести blog в поле канала инсталляции. Оставьте его пустым, если хотите установить WordPress в корневую директорию, например example.com.

quickinstall-wpsettings

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

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

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

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

 

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

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

Сначала зайдите в раздел администратора cPanel. Найдите раздел «Software and services», а в нем – иконку Fantastico.

fantastico-cpanel

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

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

Слева в основном окне Fantastico вы увидите список веб-приложений. Вам нужно нажать на «Blogs», где вы найдете WordPress в перечне прочих приложений.

Нажав на WordPress, вы увидите обзор приложения и кнопку установки.

fantastico-wordpress

Просто нажмите на кнопку «Click here to install WordPress», чтобы продолжить.

Авто-инсталлятор Fantastico для WordPress попросит вас заполнить настройки установки. Сначала вы должны выбрать домен, на котором хотите установить WordPress.

fantasticowpinstall1

Если вы хотите установить WordPress в под-директории, то можете ввести имя под-директории в поле ниже. В противном случае убедитесь, чтобы поле осталось пустым.

В разделе «Administrator Details» введите информацию об аккаунте администратора. Введите имя пользователя, пароль и имейл для вашего аккаунта администратора WordPress.

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

Теперь Fantastico установит 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 найдите вот такую иконку:

mysqlicon

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

newdb

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

Спуститесь вниз на странице MySQL Databases в вашем аккаунте cPanel и найдите раздел MySQL Users. Введите имя пользователя и пароль для нового пользователя, а затем нажмите кнопку «Create a user».

mysqluser

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

На этой же странице MySQL Databases, спуститесь вниз к разделу «Add User to a Database». Выберите пользователя базы данных, которого вы создали, из ниспадающего меню, выберите базу данных, и нажмите кнопку «Add».

addusertodb

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

Теперь ваша база данных и пользователь 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


post categories

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

Таксономия в 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


html-css

Что такое 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


javscript-1

Как правильно добавить скрипты и стили в 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


pexels-photo

Что такое 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


tabs

Как добавить виджет с закладками в WordPress

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

WordPress

Зачем вам нужен виджет закладок?

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

Создание виджета закладок в WordPress

Давайте начнём. Первым делом нужно создать папку на рабочем столе и назвать её wpbeginner-tabber-widget. После этого, нужно создать три файла внутри папки с помощью блокнота. Назовите первый файл  wpb-tabber-widget.php.  Он будет содержать HTML и PHP код для создания закладок. Назовите второй файл wpb-tabber-style.css, он будет содержать CSS стили для контейнера закладок. Назовите третий файл wpb-tabber.js, он будет содержать скрипты на jQuery для переключения закладок и добавления анимации.

Начнём с файла wpb-tabber-widget.php . Его цель — создать плагин, который зарегистрирует виджет. Если вы ещё никогда не создавали свои виджеты, то можете прочитать о том, как сделать свой виджет на WordPress или же просто скопируйте данный код в файл wpb-tabber-widget.php:

&amp;lt;?php /* Plugin Name: WPBeginner jQuery Tabber Widget Plugin URI: https://www.wpbeginner.com/ Description: A simple jquery tabber widget. Version: 1.0 Author: WPBeginner Author URI: https://www.wpbeginner.com/ License: GPL2 */ // creating a widget class WPBTabberWidget extends WP_Widget { function WPBTabberWidget() { $widget_ops = array( 'classname' =&amp;gt; 'WPBTabberWidget',
		'description' =&amp;gt; 'Simple jQuery Tabber Widget'
);
$this-&amp;gt;WP_Widget(
		'WPBTabberWidget',
		'WPBeginner Tabber Widget',
		$widget_ops
);
}
function widget($args, $instance) { // widget sidebar output

function wpb_tabber() { 

// Now we enqueue our stylesheet and jQuery script

wp_register_style('wpb-tabber-style', plugins_url('wpb-tabber-style.css', __FILE__));
wp_register_script('wpb-tabber-widget-js', plugins_url('wpb-tabber.js', __FILE__), array('jquery'));
wp_enqueue_style('wpb-tabber-style');
wp_enqueue_script('wpb-tabber-widget-js');

// Creating tabs you will be adding you own code inside each tab
?&amp;gt;


&amp;lt;ul class=&amp;quot;tabs&amp;quot;&amp;gt;

&amp;lt;li class=&amp;quot;active&amp;quot;&amp;gt;&amp;lt;a href=&amp;quot;#tab1&amp;quot;&amp;gt;Tab 1&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;


&amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#tab2&amp;quot;&amp;gt;Tab 2&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;


&amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#tab3&amp;quot;&amp;gt;Tab 3&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;

&amp;lt;/ul&amp;gt;



&amp;lt;div class=&amp;quot;tab_container&amp;quot;&amp;gt;


&amp;lt;div id=&amp;quot;tab1&amp;quot; class=&amp;quot;tab_content&amp;quot;&amp;gt;
&amp;lt;?php // Enter code for tab 1 here. ?&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div id=&amp;quot;tab2&amp;quot; class=&amp;quot;tab_content&amp;quot; style=&amp;quot;display:none;&amp;quot;&amp;gt;
&amp;lt;?php // Enter code for tab 2 here. ?&amp;gt;
&amp;lt;/div&amp;gt;



&amp;lt;div id=&amp;quot;tab3&amp;quot; class=&amp;quot;tab_content&amp;quot; style=&amp;quot;display:none;&amp;quot;&amp;gt;
&amp;lt;?php // Enter code for tab 3 here. ?&amp;gt;
&amp;lt;/div&amp;gt;


&amp;lt;/div&amp;gt;



&amp;lt;div class=&amp;quot;tab-clear&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;


&amp;lt;?php 
}

extract($args, EXTR_SKIP);
// pre-widget code from theme
echo $before_widget; 
$tabs = wpb_tabber(); 
// output tabs HTML
echo $tabs; 
// post-widget code from theme
echo $after_widget; 
}
}

// registering and loading widget
add_action(
'widgets_init',
create_function('','return register_widget(&amp;quot;WPBTabberWidget&amp;quot;);')
);
?&amp;gt;

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

Следующим шагом будет добавление jQuery для их корректного отображения. Вставьте данный код в файлwp-tabber.js .

(function($)  {
$(&amp;quot;.tab_content&amp;quot;).hide();
$(&amp;quot;ul.tabs li:first&amp;quot;).addClass(&amp;quot;active&amp;quot;).show();
$(&amp;quot;.tab_content:first&amp;quot;).show();
$(&amp;quot;ul.tabs li&amp;quot;).click(function() {
$(&amp;quot;ul.tabs li&amp;quot;).removeClass(&amp;quot;active&amp;quot;);
$(this).addClass(&amp;quot;active&amp;quot;);
$(&amp;quot;.tab_content&amp;quot;).hide();
var activeTab = $(this).find(&amp;quot;a&amp;quot;).attr(&amp;quot;href&amp;quot;);
//$(activeTab).fadeIn();
if ($.browser.msie) {$(activeTab).show();}
else {$(activeTab).fadeIn();}
return false;
});
})(jQuery);

Теперь наш виджет оснащён кодом jQuery, следующим шагом будет добавление стилей к закладкам. Мы создали простые стили, вы можете их скопировать в файлwpb-tabber-style.css:

ul.tabs { 
position: relative; 
z-index: 1000; 
float: left; 
border-left: 1px solid #C3D4EA; 
}
ul.tabs li {
position: relative; 
overflow: hidden; 
height: 26px; 
float: left; 
margin: 0; 
padding: 0; 
line-height: 26px; 
background-color: #99B2B7;
border: 1px solid #C3D4EA; 
border-left: none; 
}
ul.tabs li  a{ 
display: block; 
padding: 0 10px; 
outline: none; 
text-decoration: none;
}
html ul.tabs li.active, 
html ul.tabs li.active a:hover { 
background-color: #D5DED9; 
border-bottom: 1px solid #D5DED9; 
}
.widget-area .widget .tabs a  { 
color: #FFFFFF; 
}
.tab_container {
position: relative; 
top: -1px; 
z-index: 999; 
width: 100%; 
float: left; 
font-size: 11px; 
background-color: #D5DED9; 
border: 1px solid #C3D4EA;
}
.tab_content { 
padding: 7px 11px 11px 11px;
line-height: 1.5;
}
.tab_content ul { 
margin: 0;
padding: 0; 
list-style: none; 
}
.tab_content li { 
margin: 3px 0;
 }
.tab-clear {
clear:both;
}

Вот и всё, теперь загрузите папку wpbeginner-tabber-widget на ваш сайт WordPress в папку  /wp-content/plugins/ через FTP. Или же вы можете сжать вашу папку в ZIP архив и загрузить архива через панель администратора:  Plugins » Add New. Нажмите на закладку загрузок, чтобы установить плагин. Как только плагин будет активирован, перейдите в Appearance » Widgets, и переместите виджет закладок на вашу боковую панель.

WordPress

 


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