1

Тема: Drupal 7 - настройка ЦМС

Изначально была задача - сделать новостной сайт на Drupal 7 с купленным платным шаблоном News Center.
Для истоии прикрепил в тему старый лого этого новостного сайта.


1. Структура:
(всё про вьюшки тут: drupalguide.ru/articles/izuchaem-modul-views-drupal-7-uroven-12)
Views - содержит основные виды.

Displays: можно сделать несколько дисплеев.
Attachment  - дисплей, который можно прикрепить к другим дисплеям.
Block - дисплей, создается после сохранения View, отображается в Блоки.
Page - дисплей, который выводит страницу
-----
Grid - вывод материалов таблицей
HTML List - вывод материалов списком, используя теги ol или ul и тег li.
Jump menu -  выпадающий список с выбором материала.
Table - вывод таблицы, где каждое поле материала будет в отельной колонке.
Unformatted list -  материалы будут обрамлены в div теги.
----
Pager - количество отображаемых записей в каждом дисплее, сколько пропустить.
пример: Block с 1 полной записью, Attachment для кратких - 3 items, skip 1. Выведет 1 полную запись, за ней 3 кратких.
---
FORMAT бывает:
Grid - сетка,  HTML list,  Jump menu,  Quicktabs - вкладки,  Slideshow,  Table,  Unformatted list
У некоторых значений формат есть пункты
1. Show: 
Content  - настраиваем отображение вьюшки через View mode:teaser, RSS, Search index, Media gallery block .... Tokens.
, или  Fields

2. FIELDS: добавляем нужные поля, кторые уже будут отображаться во вьюшке.



Блоки - расстановка видов по блокам шаблона

Меню - менюшки, раскидываются по блокам. Список ссылок - пункты меню.


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

Типы материалов - статья, страница, фото-галерея. Можно добавлять поля.
- "управление полями" - поля при добавлении новости журналистом.
- "управление отображением" - как, в каком порядке и какие поля будут отображаться при анонсе, полной версии.




2. Шаблон News Center - /sites/all/themes/news_center/css/
C 91  M 73  Y 42  К 75  RGB 333E5A -> 061737
screen-layout.css footer 000D25

#class - применяется для одного класса, для 1 элемента на страниц.
.class - для всех элементов на странице.

Браузерная версия:
screen-layout.css #header .region-header {    background: - фон меню навигации
Слайд:
overlay.png - средняя часть с полоской
screen-layout.css   views_slideshow_cycle_main  -  верхняя часть слайда за фото
mobile-landscape-layout.css   view-id-home_page  - кнопка слайда фон
tablet-layout.css #header{ background:   -   цвет меню навигации.

Мобильная версия:
mobile-portrait-layout.css
#header{ background:   -   цвет шапки.
#footer { background:  -   цвет подвала.
#block-menu-menu-news-categories ul li { background: - меню навигации
#views_slideshow_cycle_main_home_page-block .views-slideshow-cycle-main-frame .slideshow-overlay {    background: -  цвет слайда под фото.
.view-id-home_page .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active,  .view-id-home_page .views-slideshow-controls-bottom .views-slideshow-pager-field-item:hover{    background: - рамка нижних картинок в слайде.
.view-id-home_page .views-slideshow-controls-bottom {    background: - рамка неактивных нижних картинок на слайде.
mobile_menu.png mobile_menu_hover.png -     стрелочки

Планшетная версия:
mobile-landscape-layout.css
#header{ background:  #footer {background:
#block-menu-menu-news-categories ul li {position:relative;  background: - меню навигации
#views_slideshow_cycle_main_home_page-block .views-slideshow-cycle-main-frame .slideshow-overlay {    background: - слайд, текст под фото.
.view-id-home_page .views-slideshow-controls-bottom { background: - рамка неактивных нижних картинок на слайде.

tablet-layout.css #footer { background:  -   цвет подвала.
#061737 - синий.   #FFFFFF -  белый

------------------------
Количество новостей на главной - Конфигурация >> Система
Информация о сайте >> Количество сообщений на главной странице.

Post's attachments

Attachment icon LentaPMR.jpg 44.99 kb, 94 downloads since 2015-03-26 

Поделиться

2

Re: Drupal 7 - настройка ЦМС

Новости в меню:

sites\all\themes\news_center\templates\node.tpl.php
- шаблон отображения новостей в каждом пункте меню.


Подключение к БД
web/sites/default/settings.php

Поделиться

3

Re: Drupal 7 - настройка ЦМС

Модуль transliteration - используется для транслита всех URL новостей.
Настраивается в "Конфигурация" - "Синонимы URL" - "Transliterate prior to creating alias".
Delete aliases -> Содержимое.
Bulk update -> Content paths

Поделиться

4

Re: Drupal 7 - настройка ЦМС

Уменьшение ширины текста в средней части слайда:
уменьшаем padding
screen-layout.css
tablet-layout.css
mobile-landscape-layout.css
#views_slideshow_cycle_main_home_page-block .views-slideshow-cycle-main-frame .views-field-body-1
У заголовка выбираем свой стиль и размер H3.
А потом в файле screen.css - h3 {font-size:1.5em;line-height:1;margin-bottom:0.2em;}

Поделиться

5

Re: Drupal 7 - настройка ЦМС

Кнопка "читать далее" в отдельном виде.
В виде создаем поле "Содержимое: Путь (path)", которое должно быть выше Содержимое: Body.
Далее в
Содержимое: Body  ->  Rewrite results  -> Add a read-more link if output is trimmed. -> More link path - пишем [path].
или -  REWRITE RESULTS  ->  Rewrite the output of this field  ->   [view_node]

В этом же блоке в REWRITE RESULTS -> REPLACEMENT PATTERNS -> Trim this field to a maximum length -> Максимальная длина
Указываем сколько символов в новости отображается в виде.
Активируем галочку Add a read-more link if output is trimmed. - и пишем "читать далее" в More link text.

Поделиться

6

Re: Drupal 7 - настройка ЦМС

Отложенная публикация новостей:
1. Ставим модуль Scheduler
2. Права доступа - галочку Schedule content publication нужной группе, (авторизованный пользователь).
3. Главная » Управление » Конфигурация » Работа с содержимым -  можно сделать календариком (нада модуль Date Popup). Указать формат даты
4. Управление » Структура » Типы материалов - Scheduler - ставим галочки:
Enable scheduled publishing for this content type
Change content creation time to match the scheduled publish time

Поделиться

7

Re: Drupal 7 - настройка ЦМС

Модуль Lightbox2 - нужен для создания кликабельных картинок. Модуль открывает в всплывающем окошке картинку в полном размере.
Содержит следующие полезные настройки:

Блок LIGHTBOX2 LITE
Use alternative layout - скрипт расширения изображения показывается в нижнем углу самого фото, а не под фото.
Show image caption -  при клике на фото под большим фото показывается  ссылка на скачивание картинки.
Force visibility of navigation links - для галерей изображений, настройка навигационных ссылок,
Continuous galleries - с последнего фото галереи попадаешь ан первое

Блок IMAGE RESIZE SETTINGS
Disable resizing feature - По умолчанию, когда изображение отображается в лайтбокс больше, чем в окне браузера, то размер изображения подгоняется к окну и есть кнопка зума, предназначенной для пользователей, которые хотят просматривать изображение в оригинальном размере. При установке этого флажка отключается эта функция и все изображения будут отображаться без какого-либо изменения размера.

Disable zoom in / out feature - выкл кнопку увеличения в окне лайтбокса

MODAL FORM SETTINGS - форма логина в лайтбоксе

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

В структура -> управление отображением ->  у поля Image выбираем ФОРМАТ и указываем с какого на какой размер увеличивать изображения. Я выбрал full_node в original.

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

Поделиться

8

Re: Drupal 7 - настройка ЦМС

Модуль календаря - russian beauty calendar:
Настройки с выбором темы и переводов слов - admin/structure/block/manage/russian_beauty_calendar/calendar/configure

Доступные темы:
- Gridy (ширина- 182px)
- Round (резиновый)
- Standard (резиновый)
- Vista (ширина- 192px)

Цвета кнопочек в календаре:
sites/all/modules/russian_beauty_calendar/themes/round/calendar.css

.rbc_week a .rbc_value {
  background-color: #xxxxxxx; // фон кружков с новостями

.rbc_week .rbc_today .rbc_value {
  color: #xxxxxxx;  // цвет циферки даты

Поделиться

9

Re: Drupal 7 - настройка ЦМС

Отображение одной ноды (новости) на сайте:
web\sites\all\themes\news_center\templates\node.tpl.php
$submitted - дата и  автор поста.

Для отображения даты только в одной новости, сделал:
<?php if ($display_submitted): ?>
<div class="submitted">
<?php if ($page) print $submitted; ?>
</div>
<?php endif; ?>

Поделиться

10

Re: Drupal 7 - настройка ЦМС

Настройка отступа текста под фото в ленте новостей на главной странице сайта.

1. Заходим в нужный вид ленты новостей
Управление » Структура » Views
2. Потом заходим в поле содержимое
FIELDS -> Содержимое: Body -> STYLE SETTINGS  -> Create a CSS class ->  пишем имя своего стиля
Далее в файле
/sites/all/themes/news_center/css/blueprint/screen.css

Добавляем свой класс:
.имя своего стиля
{padding-left: 115px;}

Поделиться

11

Re: Drupal 7 - настройка ЦМС

Настройка размера меню справа с городами:
Смотрим, что у блока в диве указан уникальный стиль id="block-menu-menu-secondary-menu"
Значит, если в  один из подгружаемых стилей
sites/all/themes/news_center/css/tablet-layout.css
прописать

#block-menu-menu-secondary-menu
{font-size: 150%;}

То менюшка увеличиться.

Для классов <li class="first last leaf"> - это, кстати, три разных класса.

.first.last.leaf
{font-size: 150%;}

Более сложный вариант с  путем.
есть код HTML:

<div id="block-menu-menu-infografka" ...
<div class="content"> ...
<ul class="menu"><li class="first last leaf">
ссылка

Надо изменить размер ссылки:

#block-menu-menu-infografka .content .menu .first.last.leaf
{font-size: 150%;}


Важно!

id= - стиль 1 раз применяется, указывается  в html
# - значит 1 раз применяется стиль, указывается в css
. - для классов (class в html), указывается в css

Поделиться

12

Re: Drupal 7 - настройка ЦМС

Проблема, у юзеров стоит по умолчанию текстовый формат - Filtered HTML, при этом не работает тег <br>
Решение:


Настройка Filtered HTML:
Управление » Конфигурация » Работа с содержимым » Форматы текста » Filtered HTML.
Оставляем фильтры в следующем порядке:
0 - Преобразовывать адреса в ссылки
1 - Исправлять неправильный и обрезанный HTML
2 - Заменять переводы строк соответствующими HTML-тегами (т.е. <br> и <p>)

Можно включить "Пропускать только разрешенные HTML-теги", Тогда внизу появится список доступных HTML-тегов:  "<a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>"


Настройка длины отображения текста новости в рубрике,
Управление » Структура » Типы материалов » Article » Управление отображением
У поля "Текст новости" - Обрезанный текст, указываем "количество знаков",
Если указать в формате "Простой текст", то ссылки будут текстовыми.
При этом нет кнопки "далее"! Проблема.

Настройки кнопок редактора:
Управление » Конфигурация » Работа с содержимым » Wysiwyg profiles » Список
Buttons and plugins - кнопочки редактора
Cleanup and output - вкл. фильтров.

Поделиться

13

Re: Drupal 7 - настройка ЦМС

Пример проблемы:
- дата и комментарии в виде отображаются в 2 строки, а нужно в одну.
Решение:
Управление » Структура » Views »  нужный вид
Block details » Формат » Показать » Fields »Настройки.
Provide default field wrapper elements  (Обеспечить элементы оболочки полей по умолчанию)
Inline fields - выбираем нужные поля (дату и комментарии)
Separator - чем будут разделяться поля в виде.


Было:
четверг, 13/03/14
0 комментариев


Стало:
четверг, 13/03/14 - 0 комментариев

Поделиться

14

Re: Drupal 7 - настройка ЦМС

Настройка отображения формата даты в виде.

Configure field: Содержимое: Post date
Формат даты - собственная
Custom date format - l, d/m/y    (пример среда, 12/03/14)
d/m/y - пример 10/03/14

Поделиться

15

Re: Drupal 7 - настройка ЦМС

Задача: синхронизировать размеры и обрезку изображений в ленте новостей (вид "Последние новости") и в виде "Изображения из статей".

Управление » Конфигурация » Мультимедиа, Исходное изображение 800*600

Редактируем стиль и эффект:

Изображения из статей:
articles_images_articles_images_block  -    Масштабирование и обрезка 124x60

Последние новости:
thumbnail - Масштабирование 100x100 (разрешено увеличение)

Поделиться

16

Re: Drupal 7 - настройка ЦМС

Elysia Cron  -  модуль для более точной настройки выполнения заданий на сайте по расписанию.
Настраивается модуль в Конфигурация -> Система -> Cron Settings
Статус - смотрим текущие настройки.
Настройки - scheduler_cron - 0/5****  - публикуем новость раз в 5 мин.

Поделиться

17

Re: Drupal 7 - настройка ЦМС

Настройка  размера заголовка и текста сообщения в основной ленте новостей.
web/sites/all/themes/news_center/css/blueprint/screen.css

h3.boriya
{padding-left: 117px;
font-size: 11pt;}

.boriya .field-item
{padding-left: 117px;
font-size: 9pt;}

Отключаем теги  li в ленте:
.item-list ul li{
list-style: none;

Поделиться

18

Re: Drupal 7 - настройка ЦМС

articles_categories_home_block - отображение картинки в 6 рубриках внизу на главной.
Масштабирование и обрезка 228x76
Изменил на Масштабирование ширина 228, Обрезка 228x126

Поделиться

19

Re: Drupal 7 - настройка ЦМС

Настройка количества изображений в одной новости (ноде) -
Управление » Структура » Типы материалов » Article » Управление полями  - Image  (изменить).
Тут же можно ограничить минимальный размер загружаемых фото.

Поделиться

20

Re: Drupal 7 - настройка ЦМС

Фото галерея media gallery
1) Чтобы в фото галерее все фото в столбик были:

sites/all/modules/media_gallery/media_gallery.css
.mg-col-4 > .field-items > .field-item,
.mg-col-4 .mg-gallery {
  width: 24.96% !important;
}
mg-col-1 -  и все прочие можно тоже комментировать.


В самой записи галереи исправляем глюк отображения:
sites/all/modules/media_gallery/media_gallery.css
.media-gallery-media .media-gallery-item
коментируем   padding: 2%;

Отображение заголовка, чтобы показывался не при наведении на фото мышки.
.meta-wrapper.hover {
  color: #666;
// display: none;


2) Убираем в заголовке одной новости рамочку:
sites/all/modules/media_gallery/media_gallery.theme.inc
function theme_media_gallery_meta($variables) {
Заменяем
//$meta = '<span class="top slider"><span class="top-inner slider"></span></span>';
     $meta = '';
А так же комментируем
//$meta .= '<span class="meta-outer slider"><span class="meta-inner slider">';
//    #$meta .= '<div class="meta-wrapper ' . $location . '">';
// $meta .= '<span class="bottom slider"><span class="bottom-inner slider"></span></span>';

3) Выравниваем по центру в лайтбоксе изображение, на которое нажали.
sites/all/modules/media_gallery/media_gallery.css
.mg-lightbox-detail {
//  float: left;
//  padding-right: 320px;
}

Делаем отступы вокруг картинки, на которую нажали.
.mg-lightbox-wrapper {
    padding: 10px;
}

Настройки галереи :"All galleries" layout settings
"Number of columns"  "Number of rows"   - указываем размер сетки, после правки CSS произведение этих цифр - это значение - сколько фото показывается на странице. Если больше, внизу страницы будет ссылка на следующую страницу.

А внизу "Create a block of most recently added media" - колонки и строки - это столбцы в новости и сколько фото в столбик показывается в новости.
media_gallery_get_block_columns_values - не получается изменить дефолтовое значение с 2 на 1.

Проверил все вьюшки - нашел выборку (FILTER CRITERIA) по типу "media_gallery".  В ней надо указывать, что скрываются все типы метериалов.
Въюшка называется - "Приднестровская служба новостей!", PAGE SETTINGS Путь:/home-page.
Её назначение мне не понятно, но без неё нет меню сайта. И в коде титл 1 раз присутствует.


Ссылка "Add media" для добавления новых фото:
Управление » Структура » Типы материалов » Фоторепортажи » Управление отображением - Содержимое полностью.
Поле "Add media" link.


Настройка отображения фоток в media gallery  при клике на них.
admin/structure/types/manage/media-gallery/display/full  ( Фоторепортажи » Управление отображением » Содержимое полностью)

Поле Gallery media
Вариант 1 с Gallery media
File view mode: Gallery detail - большая картинка, меню навигации Item 1 of 52   « Previous | Next »
File view mode: Gallery lightbox - большая картинка
File view mode: Gallery thumbnail - картинка в уменьшенном размере
File view mode: Gallery collection thumbnail - картинка в уменьшенном размере

Вариант 2 с Мультимедиа
File view mode: Gallery lightbox - большое фото не нажимаемое.
File view mode: Предпросмотр - табличка из списка маленьких миниатюр
File view mode: Gallery collection thumbnail - средние фото, не нажимаемое
File view mode: Ссылка - гиперссылки, фото нет
File view mode: Original - огромные фото
File view mode: Gallery detail - средние фото, не нажимаемое

Поделиться

21

Re: Drupal 7 - настройка ЦМС

Про изображения
article_image_full_node - картинка, которую кликнули, открылась в лайтбоксе.
Ищем фото в ноде.
* - $user_picture: The node author's picture from user-picture.tpl.php.
В итоге находим в web/sites/all/themes/news_center/css/screen-layout.css
body.node-type-article .node-article .field-name-field-image img {
width: 420px;
height: auto;

Поделиться

22

Re: Drupal 7 - настройка ЦМС

По поводу индексации новостей для поиска:
Конфигурация -> Поиск и метаданные -> Статус индексации   тут видно, на сколько % сайт проиндексирован.
Указываем "Количество пунктов, индексируемых за один запуск крона" - поменьше, 50 например. Если ошибка, то только 50 новостей не проиндексируются.
Активные поисковые модули - выбираем чем искать по сайту, например Google Site Search, Node.

admin/config/system/cron - это Конфигурация » Поиск и метаданные »  Настройки поиска
search_cron - Update search database index.  запускаем вручную почаще.

Поделиться

23

Re: Drupal 7 - настройка ЦМС

Растягиваем шапку сайта, если надо:
/sites/all/themes/news_center/css/pages.css
#logo img {
height: 100%;
left: 0px;
margin-top: -20px;
position: absolute;
right: 0px;
top: 0px;
vertical-align: bottom;
width: 100%;
}
/sites/all/themes/news_center/css/blueprint/screen.css?n6web7
.clearfix, .container {
display: block;
position: relative;
}

Поделиться

24

Re: Drupal 7 - настройка ЦМС

Проблема с видом Популярное за сегодня.
Счетчик ежедневных просмотров храниться в таблице node_counter в поле daycount.
Есть вьюшка Views - Популярное за сегодня (Содержимое) с отбором:


Filter criteria
Содержимое: Опубликовано (Да)
Содержимое: Тип (= Статья)
Content statistics: Просмотров сегодня (> 1)
Удалил: Содержимое: Image (field_image:delta) = 0, Но оказалось, если в ноде несколько картинок, то нода дублируется во вьюшке. Это поле указывает на отображение порядкового номера/записи множественного поля (drupal.ru/comment/663642).
Добавил: Содержимое: Post date > -1 day

Sort criteria
Content statistics: Просмотров сегодня (desc
Вроде всё правильно.


Пробую
Filter criteria
Содержимое: Post date (> -1 day)
Sort criteria
Content statistics: Total views (asc)
Не то.

Проблема была в незапуске Cron ежедневном.
Это в настройках крона - statistics_cron  / Reset day counts

Настраиваем расписаение для  elysia_cron
+---------------- minute (0 - 59)
|   +------------- hour (0 - 23)
|   |   +---------- day of month (1 - 31)
|   |   |  +------- month (1 - 12)
|   |   |  |   +---- day of week (0 - 6) (Sunday=0)
|   |   |  |   |
*  *  *  *  *


Сейчас:
расписание statistics_cron:  "0 */24 * * *" - раз в 24 часа.
расписание для cron в ISPConfig 3.0.5:  0    0    *    *    *


Пока-что временное решение - сделал вес задаче statistics_cron "-1",
Стала она на первом месте. Не всегда отрабатывает, но при входе в админку в "Конфигурация", задача отрабатывает.

Поделиться

25

Re: Drupal 7 - настройка ЦМС

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

Что было:
1. Выбираем нужные там кнопки соц. сетей на share42.com/ru, заливаем архив на сайт.

2. Создаем блок в "Содержимое":

<style>
.share42init {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
share42init:hover {background: #F6F6F6; border: 5px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
.share42init {opacity: 1;}
.share42init  a {opacity: 0.3;}
.share42init:hover a {opacity: 0.6;}
.share42init:hover {background: #DCDCDC;}
.share42init:hover a:hover {opacity: 1;}
</style>
<div class="share42init">
<script type="text/javascript" src="http://vestipmr.info/share42/share42.js"></script>
</div>

Не вставляется фото с ноды на фэйсбук!
3. Устанавливаем модуль "Metatag: Open Graph"
он добавляет на страницу сайта  тег og:image  в формате <meta property="og:image" content="путь...misc/PLN.png" />.
а у фото вставляется в DIV   тег rel="og:image rdfs:seeAlso"

Тег берется с og:image:
Metatag ->  Global -> Open Graph -> Image URL

Этот тег применим для фото размером до 1200x630


Решение моей проблемы:
после переноса сайта в модуле одном видно осталась старое имя домена, который выкл, а у меня кэш.
Конфигурация » Поиск и метаданные » Metatag » редактировать Global

В первом атаче (скрине) я ищу, где взять правильный формат токена  для "Image URL".
Токены узнаем, когда материал добавляем.

Post's attachments

node.jpg, 75.51 kb, 717 x 404
node.jpg 75.51 kb, 190 downloads since 2014-11-10 

ogimage.png, 16.95 kb, 553 x 278
ogimage.png 16.95 kb, 181 downloads since 2014-11-10 

Поделиться