Drupal

Home/Tag:Drupal

Создание сайта на Drupal

Разработка и создание  хорошего сайта на ЦМС Drupal.

Открывая сегодня компанию, необходимо также думать и о создании сайта, так как это две неразлучные компоненты. И именно он будет работает на привлечение клиентов. Если он выполнен непривлекательно или нефункционально, то Вы просто будете терять покупателей. Но проблема состоит в том, что среди множества фирмы-создателей необходимо выбрать ту фирму, которая сможет сделать качественно и недорого. Есть компании, которые делают сайт «под ключ», то есть Вы платите деньги, ждете один месяц, и получаете то, что просили. Единственный минус этого варианта – цена. Стоимость обычно возрастает в разы, в Москве такой вариант стоит около двадцати тысяч гривен (для сравнения разработка с индивидуальным дизайном стоит около десяти тысяч гривен). Если Вы хотите сэкономить, то можете сделать его самостоятельно. Сегодня это тоже стало возможно, при этом Вам не потребуется платить за уроки и за систему, в которой будете создавать сайт. Существует несколько таких систем, например, Joomla и drupal, в этой заметке мы подробнее разберемся во второй.

Приступим, создание сайта на Drupal одной из популярных систем управления контентом.

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

Выпадающее меню drupal 7

Добрый день уважаемы пользователи всемирной паутины. Сегодня я тестировал и пытался произвести настройки выпадающего меню drupal 7, вариантов решения данного вопроса в сети предостаточно.  Но если учитывать тот факт что вы столкнулись первый раз с выпадающим меню drupal 7, то я Вам порекомендовал бы использовать модуль Superfish. Скачивать данный модуль, выпадающего меню drupal 7  я бы вам порекомендовал с официального сайта.  Не в коем случае не ищите его на других сайтах , так как это может быть вредоносный код. И так преступим для настройки нам понадобиться:

  1. Superfish. популярный модуль с помощью которого мы решим наши задачи очень быстро.
  2. И скачать будет необходимо Superfish library. Библеотеки которые будут помогать в работе данному модулю.

Скачав модуль Superfish его необходимо распаковать в директорию относительно корня сайта /sites/all/modules.

Затем скачиваете библиотеки Superfish library которые необходимо распаковать в sites/all/libraries/superfish если у вас нет данных папок значит их необходимо создать для корректной работы модуля который поможет вам создать выпадающее меню drupal 7.

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

Выпадающее меню drupal 7 установка модуля Superfish

Если вы уже все вышеперечисленное сделали давайте пройдем в /admin/modules и там находим модуль Superfish напротив него ставим галочку и в самом низу нажимаем сохранить. Ожидаем пока пройдет установка.

После сохранения модуля вы увидите кнопку настройки. Пройдя в настройки вы увидите интерфейс настройки выпадающего меню Drupal 7 в котором будет указан путь где можно сконфигурировать “Настройки Superfish для каждого блока находятся на странице admin/structure/block “ выпадающе меню Drupal 7. Внимательно читаем инструкцию и все делаем так как написано в описании модуля.

выпадающее меню drupal 7 настройка модуля Superfish

При попадании в admin/structure/block вы заметите что будет добавлено 4 новых блока Superfish 1 -Superfish 4. Но нам все они не нужны пока что, возможно потом пригодятся, в данный момент нам достаточно одного.

выпадающее меню drupal 7 настройка модуля Superfish

На против любого из блоков нажимаем  настроить выпадающее меню drupal 7. И так приступим, для корректной работы выбираем “Предок Меню”,

выпадающее меню drupal 7 настройка модуля Superfish

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

выпадающее меню drupal 7 настройка модуля Superfish

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

выпадающее меню drupal 7 настройка модуля Superfish

Нажимаем сохранить блок в низу страницы.

Осталось только создать сам пункт.  Я думаю у Вас это не займет много времени, так как без данного пункта вы не сможете проверить выпадающее меню drupal 7. В итоге мы получим  такого вида структуру:

выпадающее меню drupal 7 настройка модуля Superfish

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

выпадающее меню drupal 7 настройка модуля Superfish     Кому статья помогла, лайкните.

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

Слайдер для сайта

Слайдер для сайта drupal 7

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

professional_theme.info – в данном файле который идет в каждой теме для drupal 7

D:\slaeder-dlya-saeta-01.jpg

Находим раздел который отвечает за слайдер для сайта, как видите там настроено на листание трех картинок с Заголовком, Описанием, и урлом.

Ну я немного изменил данный код и добавил вот такие поля:

D:\slaeder-dlya-saeta-02.jpg

Далее мне нужно найти остальные файлы с кодом что бы заработал слайдер для сайта

Через поиск ищем slide1_head

D:\slaeder-dlya-saeta-03.jpg

И мы находим три файла которые помогают работать слайдеру для сайта

professional_theme.info

page.tpl.php

theme-settings.php

Начнем с Первого файла, открываем его в notepad++ или phpDesigner для удобства просмотра  и ищем там то что нам надо slide1_head

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

D:\slaeder-dlya-saeta-04.jpg

D:\slaeder-dlya-saeta-05.jpg

И уточняем поиск без слова head просто ищем slide1.

D:\slaeder-dlya-saeta-06.jpg

Вот что мы нашли, здесь необходимо повторить все но так как нам надо

D:\slaeder-dlya-saeta-07.jpg

D:\slaeder-dlya-saeta-08.jpg

D:\slaeder-dlya-saeta-09.jpg

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

D:\slaeder-dlya-saeta-10.jpg

Здесь необходимо аккуратно все изменить ничего не пропустив.

Вот что мы  в итоге получили D:\slaeder-dlya-saeta-11.jpg

Ну и в самом файле style.css мы редактируем все что нам надо и выводим как нам надо.

Забыл сказать что данный слайдер работает с помощью скрипов

Подключаются они вот таким способом

if (drupal_is_front_page()) {

  drupal_add_js(drupal_get_path(‘theme’, ‘professional_theme’) . ‘/js/jquery.flexslider-min.js’);

  drupal_add_js(drupal_get_path(‘theme’, ‘professional_theme’) . ‘/js/slide.js’);}

 

 

 

 

Drupal увеличение картинки при клике

Как сделать увеличение картинки при нажатии.

Модули, которые я использовал для Drupal что бы реализовать увеличение картинки по клику —

  • WYSIWYG
  • IMCE
  • Lightbox2
  • Image_resize_filter

Я не буду описывать настройки модулей WYSIWYG и IMCE, в сети полно примеров по работе с ними. И так приступим, устанавливаем Lightbox2 и Image_resize_filter – затем начинаем их настраивать. Изначально нам необходимо для настроить модули Drupal что бы, увеличение картинки по клику работало корректно. Заходим в модули, находим Lightbox2 его и кликаем на настройки:

Drupal увлечения картинки при клике

Затем выбираем автоматическую настройку изображения.

Drupal увлечения картинки при клике

И в настройках материала изображения выбираем Автоматическую обработчик для материалов-изображений

Drupal увлечения картинки при клике

Нажимаем сохранить настройки после внесенных изменений и продолжаем настраивать Drupal увеличение картинок при клике. Продолжим реализовывать увеличение картинки при клике, заходим в модули Drupal, находим Image resize filter и кликаем на настройки:

Drupal увлечения картинки при клике

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

Drupal увлечения картинки при клике

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

Drupal увлечения картинки при клике

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

Drupal увлечения картинки при клике

Кроме того, нужно позаботится и о должной оптимизации изображений на сайте. Чтобы и посетителям сайта изображения загружались в разы быстрее, и чтобы поисковики еще больше полюбили ваш сайт. Самый простой вариант оптимизировать и сжать изображения — подключить сервис OptiPic.io. Он легко подключается к сайту и работает полностью на автомате.

Кому статья помогла оставите лайк.

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

By |Июль 29th, 2015|Drupal|0 Comments