SEO обучение
Навигация по сайту
Рисунок master-live
Рисунок мастера

 

Главная

Шаблоны

Раскрутка

Карта сайта

Главная сайта seo
 

Урок 4. Создание галереи с помощью модулей drupal views и cck

Тестирую слайдер views_nivo_slider на drupal 6.14 и 6.19, все модули предварительно русифицирую – комфорт полный!

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

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

Подключаем все нижеперечисленные модули и не забываем дать полные права доступа к ним на странице /admin/user/permissions.

Напоминаю, что модули нужно устанавливать в директорию ваш_сайт.ру/sites/all/modules.


Нам понадобятся эти модули:


CCK (Content Construction Kit) http://drupal.org/project/cck
Views http://drupal.org/project/views
Nivo Slider http://drupal.org/project/views_nivo_slider
Слайдер зависит от модуля  Jquery Update http://drupal.org/project/jquery_update
Imagecache  -  позволяет автоматически генерировать несколько вариантов одной картинки с разными размерами. http://drupal.org/project/imagecache
Imageapi  http://drupal.org/project/imageapi 
FileField  - позволяет прикреплять к контенту файлы, скачивается отдельно.
http://drupal.org/project/filefield 
Image Field http://drupal.org/project/imagefield  
Link Field http://drupal.org/project/link 

Рисунок

С этого момента начинаем знакомство с модулем CCK

В типе материалов создаем поле «Изображение» на странице /admin/content/types/add.

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

Для этого  проделаем следующие действия:


1 шаг. Создание типа материала в CCK


1)  Создать новый тип содержимого
2) Название – должно быть понятным для человека (например: Рекомендуемые Слайдер,  Slider, Изображения и т.д.)
3)  Дайте (machiene) машинное имя  (например: featured_slider или иное)
4)  Описание этого типа содержимого. (Например: Главная страница Slider, собственное – для чего служит этот тип содержимого).
5) Жмем сохранить тип содержимого. Предварительно, при желании можно установить дополнительные настройки.
Итог, мы добавили новый тип содержимого, (Рекомендуемый Slider)

2 шаг. Добавление полей в CCK. 


Параметры поля
Нажмите на поле управлять manage fields  и добавлять новые поля. (/admin/content/node-type/Ваш_тип_содержимого /fields)

  1.  Image Field - поле изображения

New Field> Label: Image – перевод:  Новое поле> Label: Image,


Field Name: field_image – перевод: Имя поля: field_image,   !!!!! Здесь внимательно, префикс field_ уже есть.


Type of data to store: File – перевод: тип данных для хранения: Файл,


Form element to edit the data: Image – перевод: элемент формы для редактирования данных: изображения.

2. Link Field - поле ссылки

New Field> Label: Link -  перевод: Новое поле> Label: Link,


Field Name: field_link -  перевод: Имя поля: field_link,


Type of data to store: Link - перевод: тип данных для хранения: Ссылка,

Form element to edit the data: Link - перевод: элемент формы для редактирования данных: ссылка.

3-й шаг. Создание правил в ImageCache


Теперь создадим  две предустановки изображения.
Administer - Site building - ImageCache  (Управление - конструкция сайта - ImageCache).  Страница /admin/build/imagecache
Добавим новые правила:
original-image для оригинальных изображений; 
thumb-images для превью.
Вы можете изменить размер настройки размера изображения для оригинальных и превью изображений.

Для каждого доступны следующие действия:
Добавить Crop – Обрезка образа в прямоугольник.Указывается длина и ширина и отступы слева, справа. Режет как попало.
Добавить Deprecated Scale – Масшатабировака и обрезка. Лучше, но искажение есть.
Добавить Desaturate - Преобразовывать образ в черно-белое изображение.
Добавить Resize - Менять размеры образа. Обрезает как попало по вашим размерам.
Добавить Rotate - Добавить Сдвиг - Вращает образ.
Добавить Scale  - Добавить Шкалу - Меняет размеры образа, поддерживающий оригинальный аспект-коэффициент (необходима только одна величина). Уменьшение, например, на 50% пропорционально. самая корректная обрезка для разнообразных картинок. Но не приводит к одному размеру.
Добавить Scale And Crop - Менять размеры образ поддерживая отношение свободной длины к высоте, затем обрезатьэто в определенных измерениях. Как попало.
Добавить Sharpen – Оттачивать образ, используя unsharp маскирование.

Рисунок

4 шаг. Загрузка картинок для слайдера.

 
Создаем страницу с фотками, картинками для слайдера – лучше приготовить заранее картинки одного размера, например, 500х400.
Для этого заходим – создать материал (/node/add)– изображение.
Внизу страницы для этого типа материала у нас появились новые поля для загрузки изображений, написания заголовков и вставки ссылок. Воспользуемся этими формами и загрузим картинку.
Прим. Для каждой картинки создается отдельная страница. 

Рисунок

Что имеем на данный момент? Теперь нам стало понятно, как создать новый тип материала в cck и это оказалось не сложно. А с различными настройками надо играться.

5 шаг. Знакомство с Views

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


Прим. Views – иначе представления  - нужно добавить поле "Изображение"  латиницей.
Мы находимся на странице Administe - Site building - Views – добавить  или на русском языке Управление – Конструкция сайта – Представления - добавить

Вписываем:


View name:  Имя представления - featured_slider
View description:  Описание представления - Slider Views
View tag: теги -  Slider
View type: Тип представления – Node (материал)

Жмем далее.

 

Перед нами общие настройки, /admin/build/views/edit/featured_slider

  1. Затем рядом с Fields - Поля –  жмем кнопку с плюсиком добавить и выбираем в Groups - (группы) Node. Ставим галочки.

Выбираем Материал:
Заголовок Title - Материал: Заголовок и жмем добавить. А затем в появившихся внизу страницы формах (По умолчанию: Configure field Материал: Заголовок) нужно просто удалить «Название» в разделе Label – Метка.
Жмем обновить.

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

2. Рядом с полем Fields – Поле  жмем кнопку добавить материал – выбираем в Groups в выпадающем меню Таксономия - Содержимое (здесь перевод может быть различным) : Image (field_image).

Жмем добавить.

Внизу страницы опять появляются настройки: По умолчанию: Configure field Содержимое: Image (field_image)


Здесь ставим галки:


Label: Widget label (image) – перевод: Метка – Widget label (image)
Format: Image – перевод: Формат – Image 
Жмем обновить.

3. Рядом с Fields (Поля) жмем кнопку-плюсик добавить. Из выпадающего меню Groups выберите Таксономия  (содержимое), а затем выберите  Содержимое: Ссылка (field_link).

Жмем добавить.

В конфигурации Configure field Содержимое: Ссылка (field_link)
Ставим галочки:
Link this field to its node: Enabled - Включено
Label: None – Метки - Отключено
Format: URL, as link
Жмем обновить.

Теперь будем создавать фильтры в Views.

1) Filters, жмем плюсик (добавить)
Из выпадающего меню в Groups ( Группы), выберите  Node - Материал,
Node: Published. -  перевод: Материал: Опубликовано.

Жмем добавить.
На следующем скрине: По умолчанию: Configure filter Материал: Опубликовано
Установить следующий флажок: Опубликовано – Да.

Жмите обновить.

2) Нажмите на кнопку "+" рядом с Filters (Фильтры).  Из группы выпадающего меню выберите Node

Ставим галочку

Материал: Тип

и жмем добавить.


Ниже в конфигурации По умолчанию: Configure filter Материал: Тип
отмечаем:


Operator: Is one of - Оператор
Node type: Featured Slider – Тип материала – Изображение (Здесь, как Вы сами назвали этот тип содержимого).
Обновить.

 

Задаем стиль "Views Nivo Slider".

!) Для этого нажимаем на Style (стиль), он подсвечивается и внизу страницы появляется выбор настроек: По умолчанию: How should this view be styled
Выбираем из предлагаемых вариантов  Views Nivo Slider.  

Жмем Обновить.

Рядом со стилем есть значок – изменить настройки этого стиля.
По умолчанию: Style options - жмем и заполняем так:

Image field Preset: original – для оригинальных изображений.
ImageCache presets for use in thumbs: thumbs – для превью.

Жмем обновить.

Далее нам необходимо установить Row style

Row style: Поля
Кликните рядом с Row style на ссылку поля, просмотрите внизу настройки.
Выбираем Views Nivo Slider.
Обновить

Затем нажимаем на значок – изменить настройки стиля и
установаем следующие параметры:

Image field: Content: Image (field_image)

На русском - Изображение поля: Содержание: Image (field_image)

Title field: Title - перевод: Название поля: Название
Link field: Content: Link (field_link) - перевод: Поле "Ссылка: Содержание: Ссылка (field_link)
Нажмите кнопку Обновить и затем нажмите кнопку Сохранить.

6 шаг. Добавим новое представление – Блок с помощью Views

Наконец подошли к заключительному этапу.


Далее нам нужно настроить созданный Views, чтобы показать, как Блок.

Слева вверху выберите блок и нажмите кнопку Add display (дисплей добавить) и сохранить.
Теперь мы увидим и в списке представлений  вновь созданный Views, и в списке блоков новый featured_slider блок.  Зайдите в список блоков и перетащите его в нужный регион - место, в котором должен отображаться.


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

Показать блок на определенных страницах: выберите Показывать только на перечисленных страницах и типа <front> он будет показывать только на главной странице.

Рисунок

Прим. Тестирование в друпал 6.14 прошло удачно, а в друпал 6.19 не так все гладко. Когда найду решение, то допишу здесь же.

 

Статьи для изучения cms drupal:

Создание сайтов на drupal - общие понятия для новичков.

Выбор версии и установка drupal - как русифицировать друпал и модули к нему.

Модули drupal для создания блогов - подборка блоговых модулей.

 

Мой отзыв про платные интернет опросы.

Не в тему, но ... Можете скачать бесплатно гороскоп приколы - все знаки зодиака mp3, немножко нецензурной речи, но обхохочешься :) Скачать 6.3 мб

К Новому году 2012 бонусы веб-мастерам! Обзор партнерок, с которых можно получить дополнительную прибыль под праздники или по сезонам. Готово: Самые лучшие партнерки инфопродуктов

Веб-мастер! Тебе памятка в ленте новостей. Читайте новости нашего сайта в формате RSS

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

Подписка на получение обновлений сайта master-live_Rss на Email и Подписка на rss канал Быстрая подписка на новые темы сайта Кстати, я не все новенькое пропускаю через rss. Так что, заглядывайте чаще :)

 

 

Последние сообщения
Палю тему ТИЦ: как поднять тиц до 10 быстро и бесплатно.
08.03.2012  Белый
К теме дополнение, вот белый каталог http://whitecat.pp.ua раскручивает сайты...
Как быстро раскрутить белый сайт по-чёрному
17.02.2012  Сергей
Не совсем понял. Мы добавляем эти 1000 страниц к "белому" сайту, или это делается как отдельный сайт на другом домене и расчет на то, что кто-то из посетителей просто кликнет на ссылку, веду...
Палю тему ТИЦ: как поднять тиц до 10 быстро и бесплатно.
14.02.2012  Артём
Это мой первый сайт в интернете.Пытаюсь понять основные моменты оптимизации сайта.Тематика сайт заработок в сети.Я понимаю,что это не очень хороший выбор,но по крайней мере,ты понимаешь ,что такое пос...
Как увеличить посещаемость сайта
13.02.2012  Лена
Спасибо за статью, много полезного описано. Я как раз работаю над посещаемостью....
Как увеличить посещаемость сайта
12.02.2012  Денис
Спасибо, мне как новичку было полезно....

Навигация по сайту

Гостевая книга 

Навигация по сайту

Весь курс обучения SEO

Урок 1 - что такое SEO

Урок 2 - ссылки на полезные оптимизатору сервисы

Урок 3 - подбор ключевых слов для сайта

Урок 4 - Внутренняя оптимизация страниц сайта

Урок 5 - Стандартные описания регистрируемого сайта

Урок 6. Как увеличить посещаемость сайта

Урок 7. Как повысить pagerank сайта внутренней перелинковкой

Урок 8. Как увеличить Pagerank или pr сайта

Урок 9. Пять самых неприятных типичных ошибок, допускаемых при разработке интернет сайта

Урок 10. Как заработать на партнёрках сайтов знакомств в интернете

Урок 11 в процессе написания.

Урок 12. Как заработать на сайтах для взрослых

Урок 13. Создание файла robots.txt

Урок 14. Как повысить тиц сайта?

Урок 14.1. Что такое зеркало сайта?

Урок 15. Что такое тиц

Урок 16. Итоговый обзор «Как зарабатывать в интернет».

Урок 17. Как бесплатно получить ссылки с самых популярных страниц

Палю тему ТИЦ: как поднять тиц до 10 быстро и бесплатно.

Урок 18. Кросспостинг – как не навредить!

Урок 18.1. Список сервисов блогов для кросспостинга

Урок 19. Оптимизация 2010

Актуальные методы продвижения сайтов

Этапы продвижения сайта с нуля

Бесплатный видео курс с пошаговой инструкцией

Выделенный сервер или виртуальный хостинг?

 

SEO-продвижение: как использовать социальные сети.

Социальные сети как инструмент продвижения. Пошаговое руководство.

Можно ли с помощью социальных сетей продвинуть сайт?

SEO, SMO и SMM в продвижении сайтов

Суть твиттера

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

Всего несколько кликов отделяют вас от ваших клиентов в крупнейшей в мире соц. сети

Статья о том, как получить много лайков в соц. сетях.

Социальная сеть Вконтакте - руководство по продвижению страниц и групп.

Программа для раскрутки вконтакте

Отзыв о викинг ботоводе

 

 

Урок 20. Удаленная работа копирайтером

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

Урок 21. Как сделать эффективную рассылку на сайте. Ссылки.

 

Безопасность сайта - очень важная тема!

Как проверить сайт на зараженность вирусами

Wordpress админка - как защитить сайт от взлома и вирусов

Взлом сайта на wordpress пришел и к вам. Как восстановить админку.

 

 

Обзор сайтов о seo. Лучшие seo программы и сервисы.

Обзор seo учебника

Топ SEO статей

Отзыв о seo вебинаре

Semonitor 5 – это качественно новый взгляд на seo-инструменты

Semonitor 5.1: анализ ссылочной популярности

Новое в программе.

 

Курсы интернет маркетинга в продвижении сайта.

На что влияет индекс цитирования ТИЦ ресурса, как его увеличить и измерить

Google pr ranking общие понятия, методы измерения и поднятия

Назначение основных фильтров Яндекса

Основные фильтры Google и принципы их работы

 

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

Как осуществляется поиск по региону.

Поведенческие факторы SEO

Поисковое продвижение в яндекс

Все фильтры яндекса и бан сайта – это навсегда?

Как добавить видео в яндекс ру

Продвижение в google

Как обойти фильтр Гугла Duplicate Content

Как сделать самораскручивающийся сайт

Как быстро раскрутить белый сайт по-чёрному

Как заработать с Google Adsense

Продвижение в rambler

Поисковая система Рамблер

 

Курс знакомства с php

Урок 1. Как сделать php сайт

Урок 2. Добавляем на страницы php ссылки и оптимизируем сайт

Урок 3. Меню на php для сайта делаем динамичным - чайникам

Урок 4. Как сделать на php уникальные заголовки, описания и ключевики для каждой страницы сайта

 

 

Курс создания сайтов с помощью движков

Как выбрать систему управления сайтом (рекомендации заказчику)

Вордпресс

Урок 1. Как создать базу данных в денвере

Урок 2. Установка wordpress

Урок 3. Как русифицировать wordpress

Урок 4. WordPress MU мультисайтовость

Урок 5. Кросспостинг с wordpress блога

Урок 6. Перевод тем wordpress

Программа для перевода файлов PoEdit. Что такое файл .po.

Урок 7. Джентельменский набор плагинов вордпресс

Урок 8. Wordpress админка - как защитить сайт от взлома и вирусов.

Взлом сайта на wordpress пришел и к вам. Как восстановить админку.

 

Друпал

Урок 1. Что же это за cms drupal? Готовые сборки – русский друпал для разных целей.

Урок 2. FCKeditor - WYSIWYG редактор. Установка и настройка fckeditor в друпал.

Урок 3. Друпал – создание своей темы

Урок 4. Создание галереи с помощью модулей drupal views и cck

Украшение дизайна сайта.

Урок 5. Drupal seo – установка, настройка, локализация модулей

Модули друпал (продолжение 5 урока описаний seo модулей)

Модули друпал для внешней оптимизации сайта (продолжение 5 урока описаний сео модулей)

Модули друпал для продвижения в социальных сетях (продолжение 5 урока описаний сео модулей)

Урок 6. Как обновить ядро и модули в друпал

 

Джумла

Урок 1. Как устанавливать joomla на denwer

Урок 2. SEO оптимизация в joomla

Правильный robots txt для joomla

 

 

Навигация по сайту
 
Навигация по сайту

Новости сайта

   
Новый алгоритм яндекса сентябрь 2011 год
Яндекс предупредил, что с 19 сентября 2011 года будет применяться новый алгоритм за переоптимизацию текстов.
16.09.11
 
Создание рассылки
Как-то навеяло, захотелось поработать над созданием почтовых рассылок.
18.12.10
 
Google продвижение
О продвижении сайта в гугле.
26.08.10
 
Информационные сео статьи
Начала публиковать сео статьи.
05.07.10
 
Летний сезон - планы
Ухожу на летний отдых. Надеюсь, что мои посетители будут вести себя хорошо.
20.05.10
 
Вторая часть лекции.
Выпуск второй части реферата.
22.04.10
 
 

 

Навигация по сайту

Голосование

Любовь у мужчины зарождается в одном из 4-х мест. А к какому типу Вы относитесь?

 Мозг - мужчина сначала анализирует достоинства и недостатки женщины, а затем влюбляется!
 Сердце - любовь вспыхивает сразу, романтична, но такая любовь недолговечна. Основана на чувственности.
 Запах - мужчина любит, когда от женщины пахнет выпечкой, ванилью. Резкому запаху духов - нет.
 Желудок - для него не важно как выглядит женщина, главное - это в холодильнике, что поесть. На женский восторг по поводу покупки нового платья, он отвечает: что будем есть.

 

Можно подвести некоторые итоги голосования: мужчины порадовали наличием мозга в голове и присутствием сердца при этом;)

И все чаще радуют правдивостью любители поесть вкусненько:) Голосуй и ты!  

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

 
© 2008 Master-live Все права защищены | Обратная связь
Как купить 100 клиентов за 100 рублей? Ответ тут!  | Автоматическое размещение статей с прямыми ссылками