Добро пожаловать в WordPress и как это работает


Оглавление (нажмите, чтобы открыть):

Основы работы с админкой блога

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

Консоль

После ввода логина и пароля мы попадаем на главную страницы админки — консоль. Здесь кратко собрана вся информация с вашего блога. Но есть блоки, которые не пригодятся, их я советую закрыть. Это:

  • Добро пожаловать в WordPress!
  • Другие новости WordPress
  • Блог WordPress
  • Плагины
  • Быстрая публикация
  • Свежие черновики

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

Оставшиеся блоки можно перетаскивать. Также есть возможность выбрать количество столбцов. Я считаю, что 2 — самое то!

Когда не осталось ничего лишнего, мы видим данные по контенту на блоге:

  • количество записей
  • количество страниц
  • количество рубрик
  • количество комментариев

Выбор темы

Для выбора темы переходим во «Внешний вид — темы». На вкладке «Управление темами» вы можете выбирать из уже имеющихся у вас тем. Для изменения темы достаточно нажать «Активировать».

Для поиска темы переходим на вкладку «Установить темы».

Перед нами открывается «Фильтр характеристик», где можно задать параметры темы, которые вам необходимы. Проставляем галочки и нажимаем «Найти темы». Выбираем понравившуюся тему и нажимаем «Установить». Дальше — «Активировать».
Хочу заметить, что встречаются и не рабочие темы: не работают виджеты, расползается верстка и т. д., но их не так много, и это радует.

Записи и рубрики

Рубрики

Блог с одной узкой темой — большая редкость. Обычно на блоге рассматривают несколько близких по содержанию тем. Рубрики созданы специально для того, чтобы отсортировать посты с разными темами. Например, вы ведете блог о путешествиях по Европе. Рассматриваете 5 стран: Италия, Германия, Швейцария, Австрия и Польша. Разумней будет не писать обо всем подряд, а сделать 5 рубрик, по странам. И в каждой рубрике рассматривать одну страну.

Для наглядности создадим новую рубрику. Переходим в раздел «Рубрики» и вводим название. В некоторых темах может выводиться описание, можете заполнить и это поле. Нажимаем «Добавить новую рубрику». Справа появилась наша новая рубрика.

Записи

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

Вводим заголовок, текст записи, выбираем рубрику в блоке справа. Текст записи можно редактировать стандартными средствами WordPress, но лучше добавить плагин TinyMCE. Для добавления изображения в контент, ставим курсор в нужном месте и нажимаев «Добавить медиафайл». В открывшееся окно перетаскиваем нашу фотографию и нажимаем «Вставить в запись».

Кнопка «Просмотреть» позволяет увидеть вашу запись до публикации в блоге, т. е. до того, как ее увидят все остальные. Когда все готово — нажимаем «Опубликовать».

Блок «Формат» есть не во всех темах. Разница между форматами не особо велика, можете попробовать все варианты, нажимая кнопку «Просмотреть».

Страницы

Для добавления страницы переходим в «Страницы — Добавить новую». Работа со страницей такая же, как и с записью. Разница между страницами и записями в том, что страница используется для постоянной информации. Например, контакты. Вы заполнили ее один раз и больше не меняете. А записи используются для большого количества похожего материала. К примеру — новости. Каждая запись это новая новость. В день могут добавляться по несколько новых новостей(записей).

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

Комментарии

Как только кто-то оставит комментарий на вашем блоге, вы увидите оповещение. Цифра показывает, сколько комментариев ждут одобрения. В разделе «Комментарии» мы видим список всех комментариев. При наведении появятся пункты:

Думаю, описывать не стоит, названия говорят сами за себя.

Виджеты

Кратко расскажу о разделе виджеты. Виджет — это функциональный блок, который можно добавлять в шаблон сайта. Для перехода выбираем «Внешний вид — Виджеты». Слева мы видим доступные виджеты, справа — область, в которую эти виджеты можно добавить.

Сразу скажу, что не все темы поддерживают виджеты, будьте внимательны! Добавлять и удалять виджеты можно простым перетаскиванием. На примере стандартной темы Twenty Twelve скажу, какие виджеты лучше отключить.

Мета — выводит не нужную информацию. Единственная ссылка, которой вы будете пользоваться — управление сайтом, но зайти в управление сайтом можно введя в адресной строке ваш_сайт/wp-admin.

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

Архивы. Встречал 2 ошибки. Ошибка первая: включают архивы, когда блогу 1-2 месяца. За такой короткий срок весь материал легко просматривается, нужды в сортировке по месяцам я не вижу. Другое дело, когда блогу уже 1, 2 года, когда скопилось много записей. В таком случае архив будет к месту.

Вторая ошибка: Вы редко пишите в блог, пару записей в месяц. Зачем, в таком случае, разбивать записи по месяцам? В интернете встречал пару таких блогов, где список из 20 месяцев, заходишь в один из них и видешь один-два поста. По-моему бред.

Облако меток. Лет 5 назад было модно ставить облако меток на блог. Особенно крутящееся, на flash. На сегодняшний день этот виджет полность утратил свою необходимость.

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

Свежие комментарии. Здесь уже на ваше усмотрение.

Остались 3 стандартных виджета, от которых есть толк.

  • Поиск — позволяет быстро найти информацию по блогу
  • Рубрики — своеобразная навигация по блогу. Вещь нужная!
  • RSS — позволяет подписаться на новости блога

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

Две профессии по цене одной! Только до 15 августа выберите первую профессию , а вторую, бесплатную, можно выбрать до конца ноября.

Лучшее вложение денег — инвестиция в свои знания.

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

Урок 8 – Первые шаги на WordPress

• 02-07-2020 •

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

Из чего состоит WordPress

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

Если вы установили wordpress вручную, то в файле wp-config-sample нужно изменить следующие строчки

Все остальные файлы трогать не нужно. Единственная папка, которй вы будете пользоваться находиться в wp-content/themes. Это путь к вашим темам\шаблонам для вашего сайта.

Есть правила, из каких файлов должна состоять тема, чтобы все работало. Обычно вместе с wordpress идет стандартные бесплатные 3 шаблона, вы можете зайти и посмотреть из каких файлов они состоят

  • wp-content/themes/twentyfifteen
  • wp-content/themes/twentyseventeen
  • wp-content/themes/twentysixteen

Обычно тема состоит из следующих основных файлов:

  • style.css
  • index.php
  • comments.php
  • single.php
  • page.php
  • archive.php
  • search.php
  • functions.php
  • 404.php

С полным списком доступных файлов можно ознакомиться на официальном сайте wordpress

Чтобы не париться и не создовать все файлы вручную, есть замечательный сервис underscores. Все что вам нужно, это задать название вашей теме. И он начнет скачивание необходимых файлов для темы wordpress.

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

Вот так выглядит папка после скачивания

Админ панель в wordpress

Если эту папку закинуть в директорию wp-content/themes, то мы можем ее активировать и посмотреть на шаблон.

Для того чтобы перейти в админ панель, нужно в браузерной строке, в конце прописать следующее /wp-admin. К примеру, если ваш домен называется eda.ru, то ссылка будет выглядеть eda.ru/wp-admin. Дальше нужно ввести логин и пароль и вы окажитесь в админ панеле сайта.

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

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

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

Верстаем сайт на WordPress

Файлы, с которых мы начнем:

  • header.php – файл отвечающий за шапку сайта, то что будет в этой файле, будет отображаться на всех страницах сайта
  • index.php – файл отвечающий за главную страницу
  • footer.php – файл отвечающий за подвал и так же будет отображаться на всех страницах
  • style.css – файл отвечающий за стили

Чтобы не тратить время на написания кода, мы возьмем код предыдущих уроков, ссылку оставлю ТУТ

Начнем мы с файла header.php

Менять можно все после тега , перед тегом лучше все оставить как есть.

Скопируем с предыдущего урока весь тэг header и вставим в файл header.php следующим образом

Вместо тега с картинкой, на которой мы отображали логотип, мы вставили встроенную функцию WordPress

С помощью этой функции можно менять логотип прямиком с админ панели.

Так же вместо встроенного списка меню, мы добавим функцию wp_nav_menu чтобы можно было редактировать меню с админки

Теперь перейдем к файлу index.php

Сверху мы увидим функцию get_header(), это функция выводит контент с файла header.php. Ее оставляем как есть.

В самом внизу оставляем функцию get_footer(), как вы уже догодались, выводит контент с файла footer.php и е мы тоже не трогаем. А вот фукцию get_sidebar() мы удалим. Так как сайдбар в данной теме нам не нужен. Все остально можем тоже удалять и между header и footer мы вставим контент с предыдущего урока

Выглядеть это будет так:

Перейдем в footer.php и уберем все лишнее.

Функция отвечает за вывод текущего года

Теперь осталось добавить стилей и можно смотреть на результат. Переходим в style.css и переходим в самый низ и добавляем все стили с прошлого проекта

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

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

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

Структура wordpress

По стандарту у wordpress, есть 2 типа страниц, это page и post. Так как WP изначально был написан для блогов, то и было задумано так, что тип page, пойдет для стандартных страниц, к примеру О нас, Контакты, Privacy Policy. А тип post, пойдет для записей.

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

Файлы отвечающие за тип page

Файлы отвечающие за тип post

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

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

Завершение

Это лишь малая часть всего что может wordpress. К сожаленю в одной статье невозможно описать все, скорей всего где-то я что-то упустил или не написал. Ведь есть еще и страница архивов и страница поиска и куча встроенных функций, но главное, я направил вас в правельном направлении в котором стоит изучать wordpress. Если у вас появятся вопросы, пишите в комментариях.

Как пользоваться WordPress – пошаговая инструкция для чайников

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

Что такое WordPress?

WordPress – одна из самых популярных систем управления контентом. Она написана на языке программирования PHP и имеет миллионы фанатов по всему миру. Если посмотреть на статистику всех сайтов интернета, то именно эту CMS использует наибольший процент веб-ресурсов.

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

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

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

Чтобы открыть панель управления, перейдите по адресу вашсайт.ru/wp-login.php, введите свои учетные данные и войдите. После этого вас перекинет в консоль (это и есть админка). Если этого не произошло, и вас перебросило на главную страницу вашего сайта, то вы наверняка должны были заметить темную полоску вверху. Чтобы перейти в панель управления (ПУ), нажмите на соответствующую кнопку.

Установка темы

Шаблоны или, как их еще называют, темы – это визуальная составляющая вашего сайта на WP. Их очень много. Самое первое место, где вы можете найти шаблоны – Внешний вид – Темы. Именно здесь вы будете видеть актуальный список установленных тем. Самое прекрасное, что вы в любой момент можете установить тему, нажав всего пару кнопок. Для этого найдите кнопку “Добавить новую” и перейдите в каталог.

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

На ваш выбор доступны тысячи разных тем. Каждую из них при желании можно установить и опробовать. Обратите внимание на кнопку “Настроить”. Именно с ее помощью осуществляется первичная настройка шаблона для ВордПресс.

Как создать рубрику

Если вы делаете блог, то все ваши посты обязательно должны быть сгруппированы по категориям. Иначе ваши читатели просто запутаются в огромном количестве разносортных постов. Чтобы создать их, перейдите в “Записи” – “Рубрики”.

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

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

Обратите внимание на вкладку “Родительская рубрика”. С ее помощью вы сможете создавать подкатегории. Например, создав в категории “Музыка” подкатегорию “Рок”, где последняя является дочерней по отношению к категории “Музыка”, а не отдельной рубрикой. Это удобно, когда на веб-сайте насчитываются десятки и сотни различных категорий.

Добавление записи

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

Как видите, здесь нет ничего сложного. Нам нужно ввести название поста, его содержимое. В нижнем правом углу выбрать категорию и нажать на кнопку “Опубликовать”.

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

Добавление страницы

При работе с сайтом вам непременно понадобятся страницы. В отличие от постов, страницы статичны, они не отображаются в списке записей. Чтобы перейти на них, обычно используются прямые ссылки, которые вебмастера размещают в меню или где-то еще. Как правило, на страницах указывается самая разная информация. Вы можете разместить страницу “О блоге” и рассказать, что же вас побудило создать свой собственный сайт.

Итак, чтобы сделать страницу, нужно перейти в “Страницы – Добавить новую”. В остальном же там все работает так же, как и при добавлении записей.

Обратите внимание, что при создании страницы у вас нет возможности выбрать рубрику. Вы также можете не публиковать ее сразу. Кнопка “Сохранить” позволит сделать черновик, чтобы вернуться к его редактированию позже.

Как добавить виджеты?

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

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

Как видите, в моей теме есть только одна область для виджетов – боковая панель. Однако в вашем случае их может быть больше. Например, обычно область для виджетов имеется в нижней части сайта – футере, а также в верхней – рядом с логотипом. Установка в другие области происходит аналогично.

Заключение

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

Мастер Йода рекомендует:  Кроссбраузерное добавление страницы в закладки Javascript

Если вы хотите познать все аспекты практического использования этой платформы, то могу посоветовать курс Василия Блинова “Как создать блог”. В нем вы не только рассмотрите все эти вопросы более глубоко, но и научитесь использовать ВордПресс по-максимуму, да еще и получать от этого отдачу в виде денежных средств. Заинтересовало? Просто переходите по ссылке и записывайтесь, количество мест строго ограничено.

Как убрать панель приветствия из консоли WordPress

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

Зачем убирать панель приветствия?

Панель приветствия это метабокс на экране консоли в админке WordPress. Она указывает кратчайшие пути к различным разделам вашего WordPress сайта.

Цель приветственной панели состоит в том, чтобы помочь новичкам сориентироваться в WordPress.

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

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

Давай посмотрим, как можно избавиться от панели приветствия на вашей WordPress консоли.

Удаление панели приветствия из консоли WordPress

Есть несколько способов как спрятать или даже окончательно удалить панель приветствия.

Самый простой способ убрать её — просто нажать на кнопку Закрыть (Dismiss) в верхнем правом углу панели.

Также вы можете убрать панель приветствия нажав на кнопку Настройки экрана (Screen Options) в верхнем правом углу экрана.

После этого появится выпадающее меню. Вам нужно убрать галочку рядом с опцией «Добро Пожаловать» («Welcome»).

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

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

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

Руководство: Как создать сайт членства на WordPress

Давно про это думал, но наконец то решился: хочу представить вашему вниманию статью о том, как сделать сайт членства на WordPress.

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

Давайте начнем – не будем медлить!

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

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

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

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

Обзор

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

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

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

Черты правильного членства на сайте WordPress

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

“Чего ждать?!” – спросите вы.

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

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

Вот некоторые подробности о WordPress, которые необходимо рассмотреть и решить:

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

Хорошо, я знаю, что каждый может зарегистрировать учетную запись на сайте WordPress, перейдя по адресу /wp-login.php?action=register, но это не совсем то, что мы хотим.

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

То же самое касается страниц входа и страниц профиля пользователя. В то время как каждый пользователь на сайте WordPress имеет доступ к /wp-admin/profile.php, опять же, обычные люди могут испытывать проблемы с поиском обхода админ-панели.

2. Отсутствие дополнительных пользовательских ролей

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

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

3. Нет возможности установить, кто и что смотрит на сайте

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

4. Нет расширенного контроля над меню

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

Хорошо, у нас есть список проблем WordPress, которые нам нужно преодолеть, если мы хотим назвать наш сайт – сайтом членства. Итак, теперь давайте обсудим еще одну вещь, и это то, какой тип сайта членства мы будем строить.

Это то, что нужно 90 процентам людей на сайте WordPress.

Я полагаю, что лучший способ решить эту тему – чтобы каждый мог извлечь выгоду – это создать стандартную среду членства, которая, вероятно, понадобится 90 процентам (это, кстати, предположительно) владельцев сайтов, когда они планируют ввести компонент членства в свой бизнес.

Следовательно, мы собираемся сделать следующее:

  • Создайте сайт членства на WordPress, который позволяет доставить/провести онлайн-курсы. Это самая популярная форма членства на сайте. Это дает владельцу сайта возможность предоставлять премиальный/эксклюзивный контент только тем, кто присоединился к сайту, и не делает его доступным для широкой публики.
  • Будет один основной тип пользователей членства, просто названный участниками. Однако структура сайта должна позволять нам добавлять другие уровни членства в будущем, если это необходимо.
  • Участники смогут зарегистрироваться через интерфейсную страницу, без необходимости заходить в wp-admin.
  • Участники также смогут редактировать свои профили и входить в систему через интерфейс.
  • Вход в систему будет осуществляться в основном по электронной почте.
  • Каждый участник должен будет предоставить основные сведения о себе (например, имя, фамилия, страна, адрес электронной почты).
  • Там будет эксклюзивный контент, доступный только для членов.
  • Участники увидят разные пункты меню.
  • Нам нужна возможность настраивать электронные письма, которые получают новые участники при подписке.
  • После входа член должен быть перенаправлен на домашнюю страницу области членства.

Шаг 1: Получение плагинов

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

Вот плагины, с которыми мы будем работать:


После того, как вы загрузили и активировали их, переходите к следующему шагу.

Шаг 2: Создание дополнительных пользовательских ролей

Итак, по умолчанию WordPress предоставляет нам несколько пользовательских ролей: подписчик, участник, автор, редактор, администратор. Эти роли предназначены для того, чтобы регулировать, кто может редактировать/получать доступ к чему-либо на серверной части сайта WordPress. Однако они не полностью оптимизированы для работы с внешними пользователями (иначе говоря, нашими членами), поэтому нам нужны некоторые дополнительные роли.

Это делается с помощью плагина “Members”. В админке перейдите на вкладку “Users – Roles” (“Пользователи – Роли”) и нажмите “Add New” (“Добавить новую”).

Давайте назовем нашу первую роль “member”, вот так:

В списке “Role Capabilities” (“Возможности роли”), оставьте отмеченным только одно: “read“.

На этом этапе у вас должна быть дополнительная роль, видимая в диспетчере ролей в “Users – Roles” (“Пользователи – Роли”):

Шаг 3: Создание формы регистрации и входа

Это выполняет другой плагин – “Profile Builder”, тут он вступает в игру.

Во-первых, давайте перейдем “Profile Builder – General Settings” (“Profile Builder – Общие настройки”), чтобы убедиться, что все основные параметры установлены правильно. Вот то, что там должно быть:

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

Также обстоят дела с паролями. Это мой собственный выбор: использовать как минимум шесть символов, а надежность пароля должна быть как минимум «слабой». Не стесняйтесь выбирать любой вариант, который вам подходит.

Далее вкладка “Profile Builder – Admin Bar Settings” (“Profile Builder – Настройки панели администратора”). Вот что я советую вам выбрать там:

Панель администратора – родная вещь WordPress, и я просто не думаю, что участники должны видеть ее.

Теперь пришло время выбрать обязательные поля профиля для участников. Для этого перейдите “Profile Builder – Manage Fields” (“Profile Builder – Управление полями”).

По умолчанию там много всего, но я собираюсь избавиться от большей части, щелкнув по ссылке “Delete” (“Удалить”), которая находится в последнем столбце таблицы.

Когда я все настроил, вот что у меня осталось:

На данный момент мы можем создать нашу первую форму – форму регистрации.

Поскольку это WordPress, все можно сделать через стандартный интерфейс редактирования страниц, поэтому просто перейдите на “Pages – Add New” (“Страницы – Добавить новую”) и введите любую информацию, которую пожелаете (вероятно, отличный момент, чтобы объяснить, на что подписывается пользователь).

То, что у меня есть на моей странице регистрации, довольно просто:

Шорткод, который вы видите там, гарантирует, что тот, кто регистрируется, будет назначен на роль “Member” (“Участник”). Снова шорткод:

Когда я опубликую эту страницу, вот как она будет выглядеть в интерфейсе (тема по умолчанию и на локальном компьютере):

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

Наиболее очевидным местом размещения будет одна из областей виджетов сайта. Так что я просто пойду “Appearance | Widgets” (“Внешний вид – Виджеты”) и использую “Profile Builder Login Widget” (“Виджет входа Profile Builder”). Конфиг довольно простой:

Кроме того, я также собираюсь создать пользовательскую страницу входа и разместить на ней этот шорткод:

Это позаботится об отображении формы входа на отдельной странице. (Мы будем использовать эту страницу на более позднем этапе.)

Шаг 4: Создание редактирования профиля

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

Снова, давайте перейдем к “Pages – Add New” (“Страницы – Добавить новую”) и создайте страницу профиля. Страница моего профиля – еще одно очень простое создание. Основным элементом на нем является этот короткий код:

Я также делаю некоторые корректировки внутри одного из пользовательских блоков, видимых под основным полем редактирования страницы:

Это гарантирует, что только участники могут редактировать свои профили.

Фактическая форма для редактирования профиля очень похожа на регистрационную форму, поэтому здесь не о чем много говорить.

Шаг 5: Создание закрытого контента

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

Просто в качестве демонстрации я собираюсь создать одну страницу, которая будет моей “Домашней страницей в области членства”, и одну страницу, действующую как вложенная область. Простой материал … все сделано через “Pages – Add New” (“Страницы – Добавить новую”). Единственное, что мне нужно сделать, когда дело доходит до контроля доступа, это выбрать правильное поле в “Content Permission” (“Разрешение на доступ к содержимому”) (см. Изображение выше).

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

Шаг 6: Создание пользовательского меню

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

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

Именно здесь в игру вступает последний плагин – “Nav Menu Roles”.

Веселье начинается во вкладке “Appearance – Menus” (“Внешний вид – Меню”).

Создание меню обычно и назовем его, скажем, “Members Area”. Выберите все свои страницы членства и добавьте их в меню, например так:

Теперь самое интересное – сделать доступными подстраницы на основе уровней членства.

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

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

  • Вход в членство: режим отображения – пользователи, вышедшие из системы.
  • Регистрация: режим отображения – пользователи, вышедшие из системы.
  • Изменить свой профиль: режим отображения – все, роль доступа – член.
  • Домашняя страница зоны членства: режим отображения – все, роль доступа – член (плюс роли автора, редактора, администратора).
  • Раздел «Другое членство»: режим отображения – все, роль доступа – член (плюс роли автора, редактора, администратора).

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

И с зарегистрированным участником:

Шаг 7: Настройка почтовых сообщений и перенаправлений

Чтобы этот шаг работал, нам нужно включить некоторые дополнительные модули в плагине “Profile Builder”. Это делается в “Profile Builder – Modules” (“Profile Builder – Модули”). В частности, нам понадобятся такие:

Во-первых, настройка сообщений электронной почты.

Почему это делается? Причина проста: нам просто не нужны стандартные письма «Добро пожаловать на мой сайт», когда кто-то подписывается. Настройка этих сообщений является обязательным условием, чтобы дать вашим участникам действительно оптимизированный опыт и дать им почувствовать себя желанными с первого дня.

Чтобы это произошло, перейдите в “Profile Builder – User Email Customizer” (“Profile Builder – Настройка электронной почты пользователя”).

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

Далее, давайте позаботимся о перенаправлениях, которые происходят после определенных действий, выполняемых участниками. Это делается в “Profile Builder – Custom Redirects” (“Profile Builder – Пользовательский раздел перенаправлений”).

Там можно сделать много интересного, но я просто поэкспериментирую со следующим:

Здесь я просто устанавливаю основное перенаправление «после входа в систему», которое приведет пользователя на домашнюю страницу зоны членства.

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

Это в значительной степени закрывает область демонстрации нашего сайта. Но держись …

Как насчет учителей?

Как вы можете видеть здесь, мы не уделяем много внимания создателям контента. Я думаю, что эта часть работы по-прежнему лучше всего выполняется внутри wp-admin. В большинстве случаев большую часть работы все равно будет выполнять один человек/администратор.

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

В заключении

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

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

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

Но это только мое мнение. А что вы думаете? Являются ли сайты членства тем, что вы либо сами хотите проверить, либо предлагаете своим клиентам?

Что такое WordPress и как это работает

Вордпресс — без преувеличения самая популярная система управления контентом в мире.

Эта CMS или Content Management System была создана еще в 2003 году, сегодня порядка 26% всех существующих сайтов работают именно на данном движке.

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

Содержание:

Если кто еще не знает данный блог seoslim.ru работает именно на этой платформе.

Что такое Вордпресс, факты из истории

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

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

Первый релиз состоялся 23 мая 2003 года с версией 0.70, ежегодно движок прокачивался — обновлялась панель администратора, редактировалась возможность работы с содержимым (добавление фотографий, использование редактора, поддержка виджетов и т. д.), производилась интеграция с некоторыми социальными сетями (Twitter).

На текущий момент используется версия 4.6, представленная 16 августа 2020 года. Теперь это платформа для создания не только всевозможных блогов, но и интернет-магазинов, новостных ресурсов.

Она написана на с открытым кодом на PHP, используемый сервер базы данных — свободная реляционная система MySQL.

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

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

Основные термины из WP

Во-первых, Вордпресс — это одна из CMS (Content Management System). Данная аббревиатура означает специальное программное обеспечение для создания и дальнейшего редактирования содержимого сайта, а также управления контента и регулирования не только его внешних характеристик (дизайна), но и функциональных особенностей.

Мастер Йода рекомендует:  15 лучших безопасных веб-шрифтов

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

При этом CMS могут быть совершенно разными, как настроенными строго под определенные функции, например, создание блога, так и универсальными типа WordPress.

Данная платформа написана и работает на языке программирования PHP , этот скриптовый язык используется для разработки веб-приложений.

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

Проект изначально стал выпускаться под собственной лицензией, несовместимой с универсальной GNU General Public License.

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

На тот момент это была вторая версия, дававшая право использования также в некоторых библиотеках ПО.

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

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

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

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

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

Слаг или ярлык — ссылка, созданная специально для определенной страницы, записи, рубрики, то есть уникальная по сути.

Информацию можно найти и отредактировать в разделе “Свойства”.

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

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

Регистрация на WordPress, обзор функционала

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

Заходим по адресу www.ru.wordpress.com , можно сразу перейти к созданию сайта или “Посмотреть тарифные планы”.

Да, WordPress — ресурс сам по себе бесплатный, но для получения расширенных возможностей, как водится, взимается некоторая плата:

Сначала посмотрим, что предоставляется всем без исключения:

  • дисковое пространство объемом 3 Гб;
  • большое количество бесплатных тем;
  • все основные средства для оформления;
  • субдомен WordPress.com;
  • поддержку сообщества.

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

Вот собственно и они — “ Личное ” предназначено для частного пользования, “ Премиум ” — для фрилансеров и предпринимателей, “ Business ” — для малого бизнеса соответственно:

Возможности указаны не все, чтобы ознакомиться подробнее зайдите по адресу www.ru.wordpress.com/pricing .

Максимально в пакете “Business” вы получите: премиум-темы без ограничений, неограниченное дисковое пространство, расширенную поисковую оптимизацию, интеграцию с Google Analytics и многие другие блага.

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

Итак, регистрация и первый вопрос — “Чему посвящен ваш веб-сайт”, выбираю категорию и подкатегории:

Шаг второй — варианты дизайна для приветственной страницы, выбираются наиболее релевантные запросу, так что в принципе за вас уже все сделали, достаточно кликнуть по картинке:

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

Дальше — находим домен или любой подходящий свободный адрес на WordPress.

У вас несколько вариантов:

  • бесплатно приобретаете то, что вам предлагается — это один домен, который формируется исходя из вашего запроса с именем на wordpress.com;
  • покупаете более краткие и удобные домены;
  • привязываете уже имеющийся домен к профилю (доступно начиная с тарифного плана Premium).

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

Пятый шаг — еще раз предлагается посмотреть на доступные опции различных тарифных планов и принять решение:

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

Нажимаю “Создать мою учетную запись”, теперь необходимо подтверждение, для активации аккаунта пройдите в свой почтовый ящик и выберите соответствующую команду:

Теперь еще раз ввожу свой логин и пароль для авторизации:

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

Основные кнопки функционала находятся в верхней части — слева это раздел “Мой сайт”, здесь находятся все инструменты редактирования и “Чтиво” для слежения за материалами со страниц, на которые вы подписаны.

Справа — кнопка быстрого публикации, непосредственно доступ к профилю и значок управления уведомлениями:

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

Заполняя данные о себе, вы автоматически создаете карточку, которая будет представлять вас в сервисе Gravatar.

Для загрузки фотографии я нажимаю на соответствующую ссылку:

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

Далее для подтверждения операции нажимаю команду “Approve” и загружаю аватар прямо здесь.

Для этого есть несколько способов — “ Upload new ” (добавить новое изображение из памяти компьютера), “ From URL ” (использовать готовую ссылку на него) или “ From webcam ” (сделать фото с помощью веб-камеры в реальном времени).

Мне подходит первое:

Процедура стандартная — выбираю файл на компьютере, нажимаю “Next”, подгоняю фото под требуемый формат (обрезаю), в конце кликаю на “Crop and finish”.

Но это еще не все, аватару нужно присудить рейтинг, если на вашем фото есть что-то непотребное, может быть отметка начиная от PG rated до X rated.

Но так как я безусловно выбираю приличное во всех смыслах изображение, отметка будет “G rated”:

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

Профиль лучше заполнить прямо на WordPress — имя, фамилия и немного “о себе”, также стоит ввести ссылки на имеющиеся у вас сайты:

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

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

В подразделе “Особое” находится доступ к приложениям — как к настольным для Max, Linux и Windows, так и для мобильных устройств на платформах iOS и Android:

И специально для тех, кто не знает, как работать дальше на WordPress есть рядом раздел “Следующие шаги”.

Начните с первой подсказки — “Настройте свой сайт”:

На помощь всем новичкам приходит конфигуратор и первая настройка — название, для начала кликните на “карандаш”:

Ввожу название, краткое описание сайта, сверху нажимаю “Сохранить и опубликовать”.

Чуть выше есть раздел “Собственный дизайн”, с помощью него действительно можно создать что-то авторское, но доступ существует исключительно для пользователей аккаунта Premium.

Описывать остальные параметры подробно нет необходимости, здесь предлагается комплексно “прокачать” страницу, а именно поменять:

  • фон и цвета, для этого загружайте фото прямо с вашего устройства;
  • шрифт заголовков и базового текста;
  • изображение заголовка (выбор небольшой, но опять же если нажать “Добавить”, реально загрузить необходимую картинку с компьютера);
  • меню — зависит от того, сколько меню поддерживает используемая тема, в моем случае оно единственное, поэтому редактирования не требуется;
  • виджеты — опять же в моей конфигурации всего 6 виджетов, первый “Sidebar Widget Area” это то, что будут видеть пользователи в боковом баре справа.

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

Например, просто “Follow Button”, то есть кнопка для быстрого поиска вашего блога.

Следуя подсказкам, которые есть в разделе “Следующие шаги”, совершенно легко начать ориентироваться на Вордпресс.

Но это далеко не все возможности редактирования, для взаимодействия непосредственно с созданным вами сайтом кликаем соответственно на “Мой сайт”.

Панелька слева дает доступ к различным командам, но тут меня больше интересует подраздел “Настроить”.

  1. Во-первых, за счет него настраивается интеграция с различными социальными сетями, задайте здесь функцию “Подключиться”.
  2. Во-вторых, здесь можно создать и настроить свою кнопку “Поделиться” — настраивается текст подписи, случаи, когда она появляется и т. д.

Следующее — это “Люди”, отслеживаем подписчиков и даже формируем команду, пока я один исполняю функцию администратора, хотя могу “позвать” на помощь любого нужного мне человека:

Для приглашения нужно ввести имена пользователей (для зарегистрированных), для остальных — адрес электронной почты, максимум — 10 человек.

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

И последнее, что от меня требуется, это сообщение для пользователей.

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

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

Все что сверх представленного предоставляется уже в платных версиях функционала.

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

И “Настройки” — для легкого переключения нужно в верхней части выбрать, что именно вы собираетесь настраивать:

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

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

Для этого один раз нажимаем на “троеточие” и далее на “Изменить значок”:

И в данном разделе общих настроек находится сразу все — управление ссылками, медиафайлами, всем внешним видом, виджетами и т.д.

Например, “Внешний вид” — тут собраны все темы, некоторые платные, цена указана.

Предварительно тему предлагается “Просмотреть” или сразу “Активировать”, для платных это кнопка “Покупка”, чтобы увидеть описание, нажмите “Информация о теме”.

Выбираю новое оформление для моего блога:

Но наибольший интерес представляет “Консоль” для администрирования.

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

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

Общая статистика показывает все данные по опубликованному — сколько записей, меток, рубрик и т. д.

Не менее интересен плагин Akismet , использующийся WordPress для отслеживания спам-активности (предоставляется также бесплатно) и омнипоиск — модуль для создания глобального поиска на сайте.

“Инструменты” предназначен для экспорта и импорта каких-то материалов, подробный список опций представлен прямо тут:

Как вы видите, в этом подразделе есть и другая функция — “Удалить сайт”.

Если по каким-то причинам вы выберете ее, сначала будет предложено экспортировать все содержимое, чтобы его не потерять:

Конечно, после нажатия на “Удалить сайт”, вы потеряете все данные, последующего восстановления не предусмотрено.

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


Например, задайте формат картинок для своего сайта, отредактируйте их представление в виде карусели или отслеживайте рекламу, используя AdControl.

В общем, практически ничто вас не ограничивает.

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

Самую подробную информацию касательно установки WordPress вы получите по адресу ru.wordpress.org , для начала потребуется скачать самую свежую версию дистрибутива:

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

Для более подробного ознакомления с порядков установки WordPress на сайт есть специальный Кодекс — https://codex.wordpress.org/Установка_WordPress .

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

Минусы и плюсы перед другими CMS

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

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

Например, возьмем наиболее схожие Joomla и Drupal. Дело в том, что все они имеют открытый исходный код, написаны на php, а также предоставляют значительный функционал на бесплатной основе.

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

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

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

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

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

Так почему именно WordPress пользуется наибольшей популярностью у пользователей?

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

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

Все сидят на Вордпрессе. Вам оно надо?

В одном из мате­ри­а­лов мы рас­ска­за­ли, как заве­сти вир­ту­аль­ный хостинг и опуб­ли­ко­вать на нём сайт. Теперь мы сде­ла­ем сле­ду­ю­щий шаг: поста­вим на сер­вер плат­фор­му для сай­тов и бло­гов под назва­ни­ем «Ворд­пресс».

Что такое Вордпресс

WordPress — бес­плат­ный дви­жок сай­та, кото­рый поз­во­ля­ет созда­вать стра­ни­цы без зна­ния HTML-кода. Сей­час это самая попу­ляр­ная плат­фор­ма для сай­тов в интер­не­те. Бла­го­да­ря сво­ей попу­ляр­но­сти она оброс­ла бес­ко­неч­ным коли­че­ством над­стро­ек и воз­мож­но­стей, поэто­му сей­час на Ворд­прес­се мож­но сде­лать ВСЁ.

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

Ворд­пресс — это дви­жок, или, по-заморскому, CMS, Content management system. По сути это боль­шая про­грам­ма на PHP, кото­рая уме­ет хра­нить и выво­дить ваши мате­ри­а­лы в каком-то дизайне. Гру­бо гово­ря, вы пише­те ста­тью и сохра­ня­е­те её в Ворд­прес­се, а уже Ворд­пресс бес­по­ко­ит­ся о вёрст­ке, оформ­ле­нии, нави­га­ции, опти­ми­за­ции для поис­ко­ви­ков и всём осталь­ном.

Рабо­тая в Ворд­прес­се, вы не обя­за­тель­но долж­ны знать код, про­грам­ми­ро­ва­ние и сти­ли — систе­ма может взять всё это на себя. Но если вы всё это зна­е­те, у вас в руках будет более тон­ко настра­и­ва­е­мый инстру­мент.

Мно­гим нра­вит­ся Ворд­пресс пото­му, что за него не нуж­но пла­тить — это тоже плюс откры­тых исход­ни­ков. Его мож­но легаль­но уста­нав­ли­вать и исполь­зо­вать для сво­их нужд: от сайта-визитки до кор­по­ра­тив­но­го пор­та­ла.

Наш жур­нал «Код» тоже рабо­та­ет на Ворд­прес­се, но не из-за бес­плат­но­сти, а пото­му что Ворд­пресс доволь­но лег­ко под­дер­жи­вать: почти для все­го есть гото­вые пла­ги­ны, а встро­ен­ные инстру­мен­ты Ворд­прес­са надёж­ны и хоро­ши.

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

Что можно сделать на Вордпрессе

На Ворд­прес­се мож­но сде­лать всё.

Сайт-визитку, интернет-магазин, про­мо­стра­ни­цу, серию стра­ниц, онлайн-сервис, мно­го­языч­ный сайт, ката­лог, энцик­ло­пе­дию, лич­ный блог, пуб­лич­ный блог, науч­ный жур­нал, сайт с рас­сыл­кой, рас­сыл­ку без сай­та, сайт под паро­лем…

Навер­ное, на Ворд­прес­се нель­зя сде­лать онлайн-игру. Но сайт для онлайн-игры — мож­но.

Архитектура

У Ворд­прес­са инте­рес­ное устрой­ство. Мож­но пред­ста­вить, что он соби­ра­ет ваш сайт из неза­ви­си­мых кус­ков — настоль­ко неза­ви­си­мых, что вы уди­ви­тесь.

Кон­тент. У Ворд­прес­са есть поня­тие кон­тен­та: это текст, кар­тин­ки, назва­ние ста­тей, теги, кате­го­рии, опи­са­ния ста­тей и вся­кие мета­дан­ные. Всё это хра­нит­ся в базе дан­ных и пока что никак не свя­за­но с дизай­ном.

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

Пла­ги­ны. Отдель­но от кон­тен­та и тем живут пла­ги­ны — это мини­про­грам­мы, кото­рые отве­ча­ют за какое-то осо­бое пове­де­ние: напри­мер, ком­мен­та­рии на сай­те, напа­дай­ку с под­пис­кой на рас­сыл­ку, кеши­ро­ва­ние или отоб­ра­же­ние цитат вели­ких людей на глав­ной стра­ни­це. Отдель­ный класс пла­ги­нов — редак­то­ры кон­тен­та: они поз­во­ля­ют вер­стать слож­ные стра­ни­цы со спе­ц­эф­фек­та­ми, кра­си­вы­ми кноп­ка­ми, ани­ма­ци­я­ми и мно­го­ко­ло­ноч­ным рас­по­ло­же­ни­ем кон­тен­та. Пла­ги­ны не зави­сят от темы: любой пла­гин мож­но воткнуть в любую тему (за ред­ким исклю­че­ни­ем).

База. Всем этим управ­ля­ет база — соб­ствен­но, сам Ворд­пресс. Он отве­ча­ет за связь с сер­ве­ром, тех­ни­че­ский вывод стра­ниц, созда­ние кон­тен­та в тек­сто­вом редак­то­ре, хра­не­ние и резер­ви­ро­ва­ние дан­ных, вход по паро­лю, загруз­ку и обнов­ле­ние тем и т. д. Это как бы неви­ди­мая опе­ра­ци­он­ная систе­ма ваше­го сай­та. Плюс есть види­мая админ­ская панель, через кото­рую вы буде­те рабо­тать над сай­том.

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

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

При этом всё содер­жи­мое сай­та нику­да не исче­за­ет — меня­ет­ся лишь обо­лоч­ка. Это поз­во­ля­ет экс­пе­ри­мен­ти­ро­вать с дизай­ном без опа­се­ний, что текст и фото могут куда-то про­пасть.

Темы быва­ют плат­ные и бес­плат­ные. Бес­плат­ные темы обыч­но про­стень­кие и нека­зи­стые, а плат­ные дела­ют на высо­ком уровне, с кучей эффек­тов и над­стро­ек. Спра­вед­ли­во­сти ради, часто эти темы тоже выгля­дят по-колхозному. Поли­стать ката­лог плат­ных тем мож­но на themeforest.net.

Будь­те осто­рож­ны, выби­рая плат­ную тему: внешне она может выгля­деть как кара­мель­ка, но если при­гля­деть­ся — кара­мель­ные в них толь­ко фото­гра­фии. За счёт класс­ных цве­тов, ком­по­зи­ций и фак­тур такие темы выгля­дят здо­ро­во, но с вашим кон­тен­том они могут рабо­тать не так эффект­но, как кажет­ся при покуп­ке.

Темы для WordPress — из каких шаблонов они состоят и как все это работает

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

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

Далее вы заходите в админку и выбираете из левого меню пункт «Дизайн». В открывшемся меню выберите пункт «Тема».

Как устроена и из каких шаблонов состоит тема в WordPress?

В области «Текущая тема оформления» будет отображаться используемая в данный момент. Наша, вновь добавленная, должна появиться в области «Доступные . ». Нажав на кнопку «Предпросмотр» вы сможете увидеть, как будет выглядеть данный шаблон применительно к содержимому вашего блога.

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

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

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

Мастер Йода рекомендует:  Защита системы Linux 11 советов по безопасности

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

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

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

Шапка, так же формируемая в HEADER, остается неизменной для всех вебстраниц, но содержимое области контента блога формируется разными шаблонами темы, в зависимости от того, какое именно содержимое выводится. Рассмотрим это подробнее:

  1. за вывод содержимого главной страницы отвечает файлик INDEX
  2. за вывод страниц со статьями отвечает SINGLE
  3. при выводе содержимого временного архива статей (по годам и месяцам), при выводе содержимого архива тегов (меток), а так же при выводе содержимого категорий используется обычно один и тот же шаблон ARCHIVE
  4. за вывод результатов поиска по блогу отвечает SEARCH
  5. за вывод статичных страниц (например, «О блоге») отвечает файл PAGE из папки с текущей темой

За формирование футера (footer) в WordPress (подвала, нижней части вебстраницы) отвечает файл FOOTER. Обычно в нем выводится название блога со словами, что все права защищены (называется это копирайт и тут написано как защищать свои авторские права с помощью него). Так же в FOOTER можно добавить код счетчиков посещений (например, от Ливинтернета), если вы их будете использовать на своем ресурсе.

За вывод сайдбара (sidebar — боковая панель WP блога) справа или слева от центральной части страниц отвечает файл SIDEBAR. В каждой конкретной теме кроме SIDEBAR могут использоваться еще несколько шаблонов сайдбаров. В моем случае, сначала боковая панель формируется из кода SIDEBAR, но потом из него осуществляется обращение к SIDEBAR1 и SIDEBAR2, которые формируют его двухколоночное продолжение (сейчас они отключены).

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

Пример подключения шаблонов из состава темы

Проще всего рассказать о порядке использования шаблонов для отображения той или иной страницы блога на каком-то примере. Допустим, что посетитель открывает вебстраницу со списком статей какой-либо категории (рубрики). Какой файл из папки текущей темы должен при этом запуститься?

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

Давайте рассмотрим действия Вордпресса при переходе посетителя по ссылке, ведущей в категорию. Сначала в папке текущей темы:

этот движок будет искать файл, который отвечает за вывод именно этой категории. А т.к. они идентифицирует по ID, то и искать он будет CATEGORY-n. Здесь N — номер ID данной категории (Как узнать ID рубрики или страницы в WordPress). Но такой файл в папке вашей темы может появится только в том случае, если вы сами специально его создали для данной категории.

Но если вы этого не делали, то Вордпресс, не найдя такой файл (например, CATEGORY-12), будет искать уже общий для всех категорий (вне зависимости от их ID) CATEGORY. Если и такого файла тоже найдено не будет, то он уже будет искать общий шаблон для вывода всех архивов под названием ARCHIVE.

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

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

Порядок обращения Вордпресса к различным шаблонам текущей темы

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

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

файл HOME, а не найдя его обратится к INDEX:

  • HOME
  • INDEX
  • При отображении конкретной статьи (поста) — сначала ищется SINGLE в папке темы, а при его отсутствии, в качестве шаблона отдельной страницы со статьей, будет использоваться опять же INDEX:
    • SINGLE
    • INDEX

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

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

    Если вы не выберете из этого списка что-либо, то WordPress будет искать файл PAGE, а не найдя его будет использовать все тот же INDEX:

    • Шаблон, выбранный в админке, при создании статичной страницы
    • PAGE
    • INDEX
  • При отображении категорий (рубрик) будет вначале осуществляться поиск файла для категории с таким ID, например, CATEGORY-11. Если его найдено не будет, то, как я описывал чуть выше, Вордпресс станет искать CATEGORY. В случае и его отсутствия — искать ARCHIVE, ну а если и его не будет, то для оформления страницы категорий будет использоваться INDEX:
    • Шаблон конкретной категории WordPress (CATEGORY-6, например)
    • CATEGORY
    • ARCHIVE
    • INDEX
  • Для отображения страницы тега (метки) может использоваться специальный шаблон из папки текущей темы, который будет содержать в своем названии короткую ссылку (слаг). Например, для метки со слагом joomla файл должен будет называться TAG-JOOMLA. Если движок такого файла не найдет, то он попробует найти общий для всех страниц тегов — TAG. Если и его не будет, то — ARCHIVE, а затем — INDEX. Резюме:
    • Шаблон WordPress для вывода постов с определенной меткой
    • TAG
    • ARCHIVE
    • INDEX
  • Когда будет запрошена страница автора статей, то вначале движок ищет файлик AUTHOR. При неудаче — ARCHIVE, ну, а если и его не найдет, то — INDEX. Резюме:
    • AUTHOR
    • ARCHIVE
    • INDEX
  • Для отображения страницы временного архива, например, за месяц или год, Вордпресс сначала проверит папку с текущей темой на наличие в ней файлика DATE, а уже затем обратится к ARCHIVE или к INDEX, в случае отсутствия ARCHIVE. Резюме:
    • DATE
    • ARCHIVE
    • INDEX
  • Для оформления страницы результатов поиска будет использоваться шаблон SEARCH, в случае его наличия. В противном случае, будет использоваться INDEX. Резюме:
    • SEARCH
    • INDEX
  • Для отображения страницы с ошибкой 404 (ничего не найдено) будет использоваться файлик 404 из папки с вашей темой. О том, как его создать, вы можете почитать в статье: Как создать и зачем нужна страница ошибок 404 для блога на WordPress. Если его не будет, то будет использоваться INDEX, открывающий главную страницу вашего блога. Резюме:
    • 404
    • INDEX
  • Установка и настройка новой WooCommerce темы для WordPress

    Дата публикации: 2020-10-06

    От автора: WooCommerce — самая популярная и настраиваемая E-Commerce платформа для создания интернет-магазинов. WooCommerce распространяется бесплатно, но всю силу можно увидеть при подключении плагинов WordPress WooCommerce и тем.

    Но нужно ли использовать WooCommerce темы? Это не обязательно, но я крайне рекомендую. Темы WordPress тема WooCommerce не только спроектирована под E-Commerce, она полностью сосредоточена на стиле WooCommerce. CSS, используемый WooCommerce для отображения товаров, также используется темой WooCommerce WordPress для связки всех элементов, что выливается в самый красивый дизайн E-Commerce площадок.

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

    Установка и настройка новой WooCommerce темы для WordPress

    Если у вас уже установлен WooCommerce, замечательно! Если нет, очень рекомендую прочитать руководство Rachel McCollin для начинающих по WooCommerce. Оно познакомит вас с WooCommerce и поэтапно покажет, как поднять свой магазин. Давайте начнем с установки и настройки новой WooCommerce темы для WordPress.

    Шаг 1: установка шаблонных данных

    Если у вас уже есть товары, можете пропустить этот шаг и перейти к шагу 2.

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

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

    Шаблонные данные встроены в плагин WooCommerce. Если вы установили WooCommerce через панель администратора WordPress, загрузите плагин из WordPress Plugin Directory на компьютер.

    Это легче, чем подключиться по FTP, зайти в папку плагинов и загрузить шаблонные данные оттуда. После скачивания распакуйте файл, чтобы подготовиться к импорту файла dummy-data.xml. Перейдите в tools и кликните import:

    Не позвольте WooCommerce Tax Rates (CSV) запутать себя. Это можно настроить позже, если нужно. Шаблонные данные WooCommerce находятся в WordPress.

    Скорее всего, у вас нет плагина WordPress importer, поэтому установите его.

    После установки активируйте плагин и запустите importer. Помните куда положили распакованный плагин WooCommerce? Теперь нужно кликнуть choose file и найти его.

    Шаблонные данные должны быть в распакованной папке: (woocommerce.version.number) > woocommerce > dummy-data.

    Откройте папку dumy-data и выберите файл dummy-data.xml. Теперь можно загружать и импортировать файл.

    Это последнее, что нужно сделать перед импортом всех шаблонных данных. Ниже показаны личные настройки, в частности мои (скриншот ниже):

    Импортируйте стандартного автора wooteam, не создавайте нового и не используйте стандартных. Так вы сможете отличать импортированный/созданный контент по имени автора (рекомендую удалить автора при удалении шаблонных данных после завершения установки и настройки новой WooCommerce темы для WordPress).

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

    Откройте yourwebsite.com/shop/ — должен импортироваться весь тестовый магазин:

    Да, у вас получилось! Дизайн не очень, правда? Но мы установим хорошую WooCommerce тему для WordPress Savoy. (Обратите внимание: после установки и настройки темы не забудьте удалить товары и изображения из шаблонных данных перед добавлением настоящих товаров.)

    Шаг 2: установка WooCommerce темы для WordPress

    Теперь давайте разберем, как установить WooCommerce тему. Если вы еще не скачали свою WordPress Commerce тему, сейчас самое время (не забудьте папку загрузки). Есть 2 способа установки темы: через FTP и из панели администратора WordPress.

    Установка темы по FTP

    Если вам удобнее работать с FTP, подключитесь к серверу и найдите папку wp-content > themes. В эту папку необходимо загрузить вашу тему. Перед отправкой распакованной папки на сервер убедитесь, что это папка темы. Давайте разберем пример темы WordPress с ThemeForest. После распаковки вы увидите несколько папок:

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

    Savoy — минималистичная WooCommerce тема с AJAX. Вместе с ней идет дополнительный материал: документация, файлы и т.д. Если открыть папку Theme Files, там будет лежать сама тема savoy.zip.

    Если вы работаете с FTP, загрузите распакованную папку темы (например, savoy) в папку themes. Если вам не нравится FTP, и вы предпочитаете установить тему через панель администратора WordPress, ничего страшного. Мне тоже больше нравится панель администратора.

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

    Для установки через панель администратора необходимо, чтобы папка темы была запакована (themefolder.zip). Выше мы уже упомянули, нужно убедиться, что вы работаете с папкой темы, а не папкой, в которую может быть вложена тема. В панели администратора под appearance кликните themes:

    Помните, где лежит zip файл темы? Наш пример savoy.zip. Кликните choose file и найдите его:

    После установки откройте Appearance > Themes, чтобы проверить, установилась тема или нет. Там же можете активировать тему. На скриншоте ниже видно, что Savoy успешно установилась. Наведите курсор на тему и нажмите activate:

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

    Ваша WooCommerce тема для WordPress успешно установлена и активирована. Давайте ее настроим.

    Шаг 3: настройка WooCommerce темы для WordPress

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

    Рекомендуемые/обязательные плагины

    После установки и активации темы Savoy вы получите уведомление о рекомендуемых плагинах:

    Иногда тема сама уведомляет вас о рекомендуемых плагинах, в других темах рекомендации могут содержаться в документации. Там можно найти дизайнерские функции темы (например, необязательные слайдеры), которые не зашиты в тему, но совместимы с ней. Кликните Begin installing plugins в теме Savoy, чтобы увидеть список рекомендуемых плагинов:

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

    Например, Savoy рекомендует Contact Form 7, в теме есть стили для плагина, но вы можете отказаться от использования этого плагина в качестве контактной формы. Может, вы хотите использовать что-то вроде Gravity Forms или Ninja Forms.

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

    Плагин Envato Toolkit очень важен для тем, купленных на ThemeForest. Он проверяет уведомления об обновлениях темы.

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

    После установки всех плагинов или полного отказа от рекомендованных и/или обязательных плагинов не забудьте активировать их:

    Если вы купили тему на ThemeForest, как наш пример Savoy, не забудьте ввести Marketplace Username и Secret API Key в Envato WordPress Toolkit, чтобы обновлялась именно эта тема.

    Настройка

    В этой части по установке и настройке WordPress WooCommerce темы все пойдет интереснее, так как вы увидите, как оживает ваш сайт.

    Открыть WordPress Customizer можно через меню в WordPress: Appearance > Customize. Или откройте страницу Themes под Appearance > Themes и кликните кнопку customize:

    Добро пожаловать в WordPress Customizer:

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

    Иногда здесь же можно добавить свое изображение в хедер и/или иконку сайта (все зависит от темы). Далее, настройте меню:

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

    После добавления меню (или нескольких) можно выбрать расположение меню, а также различные элементы меню (например, кастомные ссылки, посты, страницы, товары и т.д.).

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

    Отметьте Front page displays как A static page и в качестве страницы shop укажите front page. Страница shop автоматически создается при установке плагина WooCommerce.

    Страница posts зависит от того, нужен вам или нет блог на WooCommerce сайте. Если нужен, то вам необходимо создать страницу блога и выбрать ее на этой странице WordPress Customizer или в WordPress Admin Settings > Reading.

    Результат

    Внеся парочку базовых настроек, вы видите, как замечательно выглядит ваш интернет-магазин с темой WordPress WooCommerce:

    Страницы отдельных товаров выглядят поразительно:

    Даже есть сопутствующие товары:

    Savoy — минималистичная WooCommerce тема с AJAX, с помощью которой можно с легкостью тонко настроить множество элементов на сайте и зайти еще дальше. Далеко за рамки этого урока. Прочитайте документацию к своей теме, чтобы знать ее тонкости. Я показал лишь те изменения, которые можно внести через WordPress Customizer. Обычно они доступны в любой теме.

    Заключение

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

    Автор: Eric Dye

    Редакция: Команда webformyself.

    Как создать сайт самому?

    Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

    Хотите узнать, что необходимо для создания сайта?

    Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

    Урок 3 Темы wordpress, из чего состоят, как работают.

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

    Заходим к себе в админ панель и выбираем файловый менеджер, и название вашего сайта (приблизительно путь будет выглядить так: /prosmo3.ru/public_html/wp-content/themes/название вашей темы), рисунок ниже показывает нам кучу папок и файлов. Вот из этого добра и состоит наша тема на WordPress:

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

    Устройство темы WordPress (шаблона) ,наглядный пример шаблона Вордпресс

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

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

    Рисунки которые находятся вверху, меню, заголовок страницы Title все это и еще некоторые элементы относятся к Header.php То Есть если вы хотите поменять заголовок, поменять рисунок, еще что то сделать в верхней части Вашего сайта вам необходимо обратиться в пункт меню Header.php, либо открыть специальным редактором этот файл, который присутствует в папке вашей темы.

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

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

    По идее для заработка наиболее интересно иметь 2 колонки в сайдбаре, для большего размещения рекламы, но в принципе при популярности вашего сайта и грамотного подхода и с 1 колонкой можно неплохо зарабатывать)

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

    На рисунке ниже под цифрой 1 указан шаблон Header.php , под цифрой 2 сайдбар, ну и 3 цифра футер или подвал нашей темы:

    Помимо этих основных элементов шаблона есть и другие.

    Добавить комментарий