Учебник по Drupal


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

Drupal – это бесплатная, мощная система управления контентом для создания пользовательских веб-сайтов, блогов, порталов и многого другого..

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

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

Как создать сайт с помощью Drupal (Содержание):

    1. Получить веб-хостинг
    2. Установить Drupal (быстрая установка или вручную)
    3. Познакомьтесь с пользовательским интерфейсом
    4. Измените тему вашего сайта Drupal
    5. Настройте тему
    6. Создать новую главную страницу
    7. Создайте еще одну страницу и добавьте ее в меню
    8. Активировать и деактивировать модули по умолчанию
    9. Добавить добавленные модули
    10. Познакомьтесь с блоками
    11. Управлять существующими блоками
    12. Создавать пользовательские блоки

Общее время создания сайта с использованием Drupal: ~ 3-4 часа
Уровень мастерства: промежуточный

1. Найдите веб-хостинг для размещения вашего сайта на Drupal

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

Уже есть веб-хостинг? Перейти к шагу 2.

В хостинге необходимо учитывать четыре основных фактора:

  1. Uptime – Uptime в процентах показывает, сколько времени ваш сайт будет работать и работать. Мы рекомендуем вам выбрать то, что соответствует или превышает отраслевой стандарт на 99,9%.
  2. Скорость загрузки страницы – Вы должны выбрать хост, который загружается быстрее, чем 850 мс, что является текущим средним.
  3. Служба поддержки – Вы должны будете решить проблемы с поддержкой в ​​какой-то момент. Следовательно, имеет смысл выбрать хост, имеющий качественную и отзывчивую поддержку клиентов..
  4. Цена – Услуги хостинга сильно различаются по цене. Выберите тот, который вы можете себе позволить и который имеет удовлетворительные оценки по первым трем факторам.

Полное раскрытие: Мы получаем комиссию, если вы в итоге приобретаете Bluehost по нашим реферальным ссылкам в этом руководстве. Это помогает нам поддерживать и обновлять WebsiteSetup в актуальном состоянии. Спасибо за вашу поддержку.

Вы можете получить доступный веб-хостинг и домен от Bluehost, который мы рекомендуем.

У них есть правильные системные требования для Drupal (см. документация), поэтому вам не нужно беспокоиться о невозможности настроить свой сайт. У них также есть «установка одним щелчком» для Drupal и Joomla, поэтому вам не нужно возиться с ручной установкой.

веб-хостинг для drupal

Вы также можете изучить аналогичные по цене альтернативы Bluehost, такие как HostGator или SiteGround..

Если вы застряли при регистрации в Bluehost

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

2. Установите Drupal

Есть два способа установить и настроить сайт Drupal.

Одним из вариантов является использование веб-хостинга компании, такой как Bluehost, которая имеет «быструю установку». Другой вариант – загрузить и установить Drupal вручную. Мы объясним оба:

2а. Автоматическая установка Drupal на Bluehost.com (Быстрая установка)

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

BH Joomla установить

Затем прокрутите вниз и нажмите «Порталы / CMS».

BH Drupal установить 1

Оттуда, просто посмотрите на иконку Drupal.

bh drupal установить 4

Нажмите «Установить сейчас».

BH Drupal установить 3

Оттуда это то, с чем вас встретят. Вы заметите, что ваш домен Bluehost уже включен в настройки по умолчанию. Лучше оставить эти настройки по умолчанию, если вы не знаете, что делаете.

bh drupal установить 4

После заполнения имени вашего сайта, нажмите «Быстрая установка».

BH Drupal установить 5

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

бх друпал 6

После этого просто нажмите «Установить».

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

BH Drupal установить 7

Просто установите флажок и снова нажмите «Установить».

Поздравляем! Вы только что установили Drupal на свой домен Bluehost!

BH Drupal установить 8

2b. Установка Drupal вручную (любой веб-хостинг)

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

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

скачать друпал с официальной страницы

Оказавшись на жестком диске, разархивируйте только что загруженный файл. Затем подключитесь к вашему серверу через FTP (например, с FileZilla) и начать загрузку всех этих файлов в каталог, на который указывает ваш домен (обычно это корневой каталог).

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

  • Имя базы данных
  • Имя пользователя базы данных
  • Пароль этого пользователя
  • Адрес хоста базы данных

Держите всю эту информацию под рукой, она скоро понадобится.

После завершения загрузки файлов перейдите к домену вашего сайта. Это запустит процесс установки Drupal.

установка drupal шаг 1

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

установка drupal шаг 2

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

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

установка drupal, шаг 3

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

установка drupal шаг 4

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

После этого начнется фактическая установка.

установка drupal шаг 5

Последний шаг – настроить основную информацию о вашем сайте..

установка drupal шаг 6

Вот как это заполнить.

  • Название сайта – Название вашего сайта. Вы можете изменить это позже, так что не слишком зацикливайтесь на правильной настройке.
  • Адрес электронной почты сайта – адрес электронной почты, с которого пользователи будут получать уведомления сайта.
  • имя пользователя – Имя пользователя основной учетной записи администратора вашего сайта.
  • пароль – Выберите надежный пароль, чтобы сохранить свою учетную запись, и не забудьте подтвердить его еще раз.
  • Адрес электронной почты – Адрес электронной почты, связанный с вашим основным пользователем. Drupal автоматически заполнит адрес электронной почты сайта, меняя при необходимости.
  • Страна по умолчанию – Страна по умолчанию для вашего сайта.
  • Часовой пояс по умолчанию – часовой пояс, который ваш сайт будет использовать для отображения дат и аналогичной информации.

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

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

3. Познакомьтесь с пользовательским интерфейсом

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

установка drupal завершена

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

  • содержание – Здесь вы можете создавать базовый контент, такой как посты и страницы. Здесь вы также можете позаботиться о комментариях и найти медиатеку своего сайта..
  • Структура – Здесь вы управляете всеми структурными элементами вашего сайта, включая блоки, формы, типы контента, меню и таксономии..
  • Внешность – Он содержит настройки для тем и других параметров, связанных с внешним видом, а также обновления сайта.
  • простираться – В этом меню вы можете установить и удалить модули Drupal.
  • конфигурация – Дает вам доступ к настройкам вашего сайта.
  • люди – Содержит параметры для пользователей, ролей и уровней разрешений.
  • Отчеты – Здесь вы найдете журналы, информацию об обновлениях, отчеты о состоянии, ошибки, поисковые фразы и другую информацию о вашем сайте.
  • Помогите – Центральный центр для полезной информации об основном администрировании сайта, а также обо всех модулях, установленных на вашем сайте..

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

друпал ярлыки

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

4. Измените тему вашего сайта на Drupal

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

меню внешнего вида drupal

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

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

каталог тем drupal

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

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

домашняя страница темы

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

скачать тему drupal из каталога

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

установить новую тему drupal

После этого вам все равно нужно установить его из Внешность вкладка и активировать его (называется Установить по умолчанию в Друпале).

установить тему drupal и установить по умолчанию

Когда вы сделали это и вернулись на свой сайт (в левом верхнем углу есть кнопка), вы можете увидеть новую тему в действии..

установлена ​​новая тема drupal

5. Настройте тему

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

получить доступ к настройкам темы drupal

И то, и другое поможет вам.

настроить параметры темы drupal

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

6. Создайте новую главную страницу

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

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

Редактор основных страниц Drupal

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

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

редактировать резюме в редакторе drupal

Это своего рода отрывок, который появится в определенных частях вашего сайта.

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

переключить редактор drupal на полный html

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

изменить псевдоним URL в друпале

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

Все идет нормально.

Чтобы определить новую страницу как главную страницу, вам нужно перейти на Конфигурация> Система> Основные настройки сайта. Здесь, под Главная страница по умолчанию, введите тот же фрагмент, который вы только что определили для своей новой страницы.

установить новую домашнюю страницу по умолчанию в drupal

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

готовая домашняя страница drupal

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

Однако на этот раз перед публикацией обязательно нажмите на Настройки меню и отметьте поле с надписью Предоставить ссылку меню.

добавить страницу в меню в друпале

Вот как заполнить появившиеся настройки:

  • Название ссылки меню – Это текст ссылки, которую пользователи увидят в меню навигации. Сделайте это чем-то мгновенно узнаваемым. В этом случае Обо мне хороший выбор.
  • Описание – Необязательное описание, которое появляется, когда кто-то наводит указатель мыши на ссылку меню. Это может сказать что-то вроде Узнайте больше о том, что я могу предложить.
  • Родительский элемент – Если у вас уже есть другие пункты меню, этот параметр позволяет создавать подпункты.
  • Вес – С помощью этой настройки вы можете определить порядок пунктов вашего меню. Чем выше число, тем дальше впереди они появятся.

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

страница добавлена ​​в главное меню drupal

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

редактировать меню друпал из интерфейса

Когда вы делаете, вы попадаете на экран ниже.

изменить настройки меню drupal

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

8. Активируйте и деактивируйте модули по умолчанию

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

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

стандартные модули drupal

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

И наоборот, любые модули, которые вам больше не нужны, вы можете избавиться от Удалить табуляция.

удалить модули по умолчанию drupal

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

9. Добавить внесенные модули

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

Во-первых, вам нужно найти нужные вам модули в официальный каталог. После того, как вы остановились на одном, либо загрузите его, либо скопируйте его местоположение. Затем вы можете добавить его на свой сайт через Расширить> Установить новый модуль.

установить новые модули drupal

Есть гораздо больше модулей на выбор, чем темы, 42 000+. Если вы не уверены, какой из них имеет смысл установить, вот несколько отличных вариантов:

  • Меню администрирования – При использовании панели инструментов по умолчанию вы тратите время на загрузку тонны страниц, чтобы перейти к одной функции администратора. Чтобы ускорить процесс, этот модуль предоставляет вам классные выпадающие меню для всей области администратора. Просто отключите существующую панель инструментов, затем активируйте модуль Меню администрирования..
  • знак – Токены – это небольшие разделы текста, размещаемые через систему заполнителей. К настоящему времени большая часть функциональности модуля Token была записана в ядре Drupal, но некоторые модули все еще требуют его, например модуль Pathauto..
  • Chaos Tools Suite – AKA Ctools, позволяет создавать свои собственные модули, а также формы, диалоговые окна, подключаемые типы контента и многое другое.
  • Pathauto – Встроенный модуль Path в Drupal позволяет создавать URL-адреса вручную. Это раздражает делать вручную для каждого поста, и Pathauto избавляет вас от этой рутины. Вы можете назначить пользовательские шаблоны замены и пути к страницам учетной записи пользователя, чтобы URL-адреса соответствовали вашим стандартам SEO и юзабилити. Помните: Pathauto требуется модуль Token и Ctools.
  • Быстрые вкладки – Вы когда-нибудь видели эти крутые вкладки на больших веб-сайтах, на которых перечислены последние и популярные материалы? Быстрые вкладки могут сделать это легко без написания специального JavaScript. После установки и включения модуля, вы найдете выбор Quick Tabs под Структура меню.

Для более полезных модулей Drupal, проверьте Эта статья.

10. Знакомьтесь с блоками

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

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

Меню макета блока drupal

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

проверить друпал блок регионов

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

разместить блок друпал

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

настроить друпал блоки

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

Однажды довольный, Сохранить блок добавит его на ваш сайт.

11. Управление существующими блоками

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

редактировать друпальные блоки

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

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

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

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

настроить блок из внешнего интерфейса в drupal

Это приведет вас к тому же меню, что и раньше.

друпал настроить блок меню

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

12. Создание пользовательских блоков

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

Если вы хотите этого, перейдите к Структура> Структура блока> Библиотека пользовательских блоков (вкладка вверху).

создать пользовательский блок в друпале

Здесь, хит Добавить пользовательский блок чтобы добраться до этого экрана:

редактировать пользовательский блок drupal

Введите описание блока, чтобы вы и другие администраторы знали, о чем он. Затем введите содержимое, которое вы хотите, чтобы блок отображал в редакторе ниже.

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

Дальнейшая помощь

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

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

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

Вы пытались создать сайт с Drupal? Какие контрольно-пропускные пункты вы ударили по пути? У вас есть советы для дополнительных учебных ресурсов? Дайте нам знать в комментариях ниже!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me