Простое руководство по Drupal 8: как создать сайт (пошагово)

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

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

• Модули - это небольшие программы, которые расширяют возможности и функциональность сайта Drupal. Они доступны для самых разных целей, и вы можете устанавливать и удалять их на своем сайте по своему желанию.
• Темы - Темы отвечают за дизайн вашего сайта. Они определяют способ отображения контента и могут быть настроены в соответствии с вашими потребностями.
• Распространения - это предварительно упакованные версии Drupal, которые содержат темы, модули и конфигурации для определенных типов веб-сайтов (например, электронная коммерция, социальные сети). Использование дистрибутивов делает настройку этих сайтов быстрее и проще.
• Блоки - блоки - это отдельные блоки контента, которые могут появляться в разных регионах вашего сайта, таких как верхний или нижний колонтитулы или боковая панель. Они могут содержать такую ​​информацию, как панировочные сухари, ваши последние сообщения, навигационные меню и многое другое. Если вы знакомы с WordPress, они являются своего рода эквивалентом виджетов. Многие модули добавляют новые блоки на ваш сайт Drupal.

Все ясно на этом фронте? Затем мы можем перейти к созданию вашего первого сайта на Drupal.

Как создать сайт с помощью Drupal

1. Получить веб-хостинг

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

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

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

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

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

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

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

2. Загрузите Drupal и подготовьте установку

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

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

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

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

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

3. Запустите процесс установки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И то и другое приводит вас к этому экрану.

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

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

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

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

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

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

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

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

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

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

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

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

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

8. Создайте другую страницу и добавьте ее в меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

После сохранения блок Сохранить добавит его на ваш сайт.

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

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

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

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

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

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

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

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

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

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

Нажмите « Добавить пользовательский блок», чтобы перейти на этот экран:

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

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

14. Продолжайте учиться

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

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

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

Заключение

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

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

К настоящему времени остается только пожелать вам всего наилучшего на вашем новом сайте Drupal. Если у вас все еще есть вопросы или вам нужна личная поддержка / помощь, не стесняйтесь отправить электронное письмо на адрес [электронная почта защищена] p.org.

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

Похожие

Комментарии