Создание блога на Drupal. Используем модули FCKeditor, pathauto.

Создание блога на Drupal

 

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

Если Вы выбрали Друпал для своего нового блога, то давайте сделаем его вместе. Это не должно занять у нас более получаса. У нас уже есть установленный Друпал, модуль Admin Menu, ну и возможно Вы что-нибудь поправили с темой оформления Вашего сайта.

Приступим к сборке нашего свежего блога. Что нам для этого понадобится:

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

Drupal модуль blog.png

Теперь мы можем создавать "записи в блоге":

Drupal модуль blog запись в блоге.png

Заполним поля Заголовок и Содержимое и нажмем "Сохранить":

Drupal модуль blog первая запись в блоге.png

Наша запись была создана и как и все очередные записи будет доступна по адресу имя_сайта/blog/1. Добавьте еще несколько записей, чтобы увидеть как новые посты поднимают в верх блога.

Drupal модуль blog первая запись в блоге все.png

Давайте вынесем ссылку на блог blog/1 в отдельный пункт меню Navigation. В меню администрирования заходим в Конструкция сайта - Меню - Список меню, далее выбираем Navigation и добавить пункт. Порядок пунктов меню можно регулировать простым перетаскиванием за крестик перед каждым названием пункта.

Drupal модуль blog блог ссылка в меню.png

А также сделаем страницу блога - главной страницей сайта. Заходим в меню администрирования Настройка сайта - о сайте

Drupal модуль blog блог на главную страницу.png

И далее в "Главная страница по умолчанию: " напишем blog/1:

Drupal модуль blog блог на главную страницу 2.png

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

2. Установка CKeditor на Drupal.

Для установки визуального редактора нам потребуется модули:

  • WYSIWYG - позволяет установить несколько визуальных редакторов(CKEditor, FCKeditor, jWysiwyg, markItUp, NicEdit, openWYSIWYG, TinyMCE, Whizzywig, WYMeditor, YUI editor). Я обычно пользуюсь CKEditor'ом.
  • Скачаем сам визуальный редактор CKEditor.

Наверняка нам пригодится еще и функция загрузок картинок на сервер, сам CKEditor этого не реализует, предполагается использовать дополнение CKFinder, но это дополнение платное. Для реализации загрузки картинок можно использовать IMCE. IMCE - это загрузчик файлов на сервер. Для установки IMCE на понадобятся модули:

  • IMCE - модуль самого загрузчика.
  • IMCE Wysiwyg bridge - модуль для интеграции CKEditor'а и IMCE

Раз вы скачали Друпал и установили его, то сложностей с загрузкой и установкой этих модулей у Вас не возникнет. Ну что же все модули и редактор мы скачали, так что начнем.

Разархивируем модуль WYSIWYG в папку sites/all/modules (если папки modules в папке all нет, то создайте ее).

Drupal установка CKEditor

И включаем модуль WYSIWYG:

Что редактор заработал нужно еще скопировать его в папку sites/all/libraries (папка libraries - заметьте что ckeditor не модуль, а визуальный редактор, поэтому мы его копируем не в папку modules, а создаем отдельную папку libraries)

Drupal модуль blog

Копируем в папку libraries визуальный редактор:

Drupal модуль blog

Теперь зайдем в настройки модуля WYSIWYG ( если у вас нет черного меню, то вам следует установить модуль admin menu):

Drupal модуль blog

Если вы используете стандартные форматы ввода, то для фильтрованного текста (Filtered HTML), не имеет смысла использовать возможности  CKEditor, потому что большинство HTML-тегов будет отфильтровано. Хотя можете выбрать использовать CKEditor для всех форматов ввода.

Drupal модуль blog

Теперь если мы создадим новый материал на сайт страницу или историю (Page или Story), то мы можем воспользоваться CKEditor'ом для ее редактирования. Чтобы все картинки и теги после редактирования остались нужно выбрать формат ввода full HTML.

Drupal модуль blog

Поставьте формат ввода Full HTML по умолчанию:

Drupal модуль blog

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

Drupal модуль blog

CKEditor работает! Теперь осталось добавить кнопок для редактирования. Заходим в настройки CKEditor и добавим кнопок

Drupal модуль blog

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

Drupal модуль blog

Итак, мы добавили кнопки теперь посмотрим на CKEditor в действие, создадим еще одну Page:

Drupal модуль blog

Теперь мы можем менять шрифт как нам угодно, но все-таки хочется еще и добавлять картинки в статьи. Для этого копируем модули IMCE и IMCE Wysiwyg bridge в папку sites/all/modules и включаем их.

Drupal модуль blog

Теперь в настройках WYSIWYG появится еще одна кнопка IMCE, включим ее:

Drupal модуль blog

Теперь на панели кнопок CKEditor появилась еще одна кнопка для загрузки картинок:

imce загрузка картинок

 

Загрузим какую-нибудь картинку:

Browse Server-> Загрузить (Upload)->Insert file

Drupal модуль blog

Drupal модуль blog

Drupal модуль blog

Нажимаем ОК и картинка должна вставится, теперь у нас есть полноценный визуальный редактор:

Drupal модуль blog

  

3. Используя модуль Pathauto создать уникальные URL для ваших сообщений.

В дистрибутив Drupal входит модуль Path, он предназначен для создания синонимов URL, то есть если у вас есть страница с адресом ваш_сайт/node/13/, то с помощью этого модуля вы можете создать к ней синоним и страница так же будет доступна по адресу ваш_сайт/content/vasha-stranica, но писать синоним к каждой странице долго, для автоматизации этого процесса предназначен модуль PathAuto. Для начала необходимо скачать Pathauto.

Так же, для работы PathAuto требуется модуль Token, скопируйте и его в папку sites/all/modules. Часто бывает что для установки одного модуля требуется другой модуль.

Через Admin menu зайдем в Конструкция сайта - Модули и включим модуль Pathauto. При этом Друпал сам спросит включить необходимые модули Path и Token.

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

Теперь все новые Записи в блоге, Page и Story будут автоматически с читаемыми URL'ами.

Правда, автоматически и на русском, что возможно не всегда хорошо. Чтобы заменить русские буквы в урле, необходимо имя файла в папке модуля PathAuto «i18n-ascii.example.txt» изменить на «i18n-ascii.txt».

Далее необходимо зайти в настройки модуля Path. Как и настройки других модулей в настройки Path можно зайти через Admin menu "Настройка сайта - по модулям". Заходим во вкладку «Синонимы».

Drupal модуль Path Pathauto настройка URL.png

Заходим в «Синонимы «Настройки автоматических синонимов», и во вкладке «Общие настройки» устанавливаем галочку «Транслитерировать перед созданием синонима». После сохранения настроек, все URL будут на латинице.

Drupal модуль Path Pathauto настройка URL 2.png

 

(Старая версия статьи)Установка FCKEditor на Друпал (FCKEditor устарел поэтому я советую все-таки использовать CKEditor или другой визуальный редактор)

FCKeditor - это  свободный WYSIWYG-редактор, который может быть использован для создания html-разметки без написания кода. Вы сможете делать все те же операции с текстом как в офисных пакетах прямо на сайте без посторонних программ.

Итак, нам потребуется скачать модуль для Друпала FCKeditor с сайта друпал.орг. А также сам FCKeditor с сайта CKeditor.com . В виду игры слов FCKeditor был переработан и создан новый WYSIWYG-редактор CKeditor. Об установке и настройке CKeditor я напишу позже, а пока нам нужно скачать именно FCKeditor.

Распаковываем архивы. В папке модуля друпала fckeditor есть еще одна папка fckeditor, во вложенную папку нужно скопировать сам FCKeditor, скачанный с сайта CKeditor.com

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

 

  • Заменить false на true в 30 строке файла /modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php:
    $Config['Enabled'] = true; 
    
  • В 34 строке того же файла сократить userfiles до files
  • В 40 строчке написать корень папки files между кавычками:
    $Config['UserFilesAbsolutePath'] = '/название/public_html/files/';
    
  • Добавить 41 строчку с таким содержимым:
    require_once "../../../../../filemanager.config.php"
    
  • в папке с модулем нужно найти файл fckeditor.config.js. в нем есть строчка №23:
    ['JustifyLeft','JustifyCenter','JustifyRight'], 
    

    туда нужно добавить JustifyFull, чтобы получилось:

    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    

 Также необходимо подкорректировать файл с настройками Друпала setting.php. Если Вы работаете на локальном сайте (с помощью Денвера или какого-нибудь другого виртуального сервера) и у Вас система Windows, то никаких проблем не возникнет. Если у вас система Linux или Вы работаете на удаленном сервере, тогда у Вас могут возникнут проблемы с правами доступа. По умолчанию после установки Друпала на файл setting.php устанавливаются права доступа 444, что не дает редактировать этот файл. Изменить эти права возможно, например, через Total Comander:

Drupal модуль FCKeditor смена прав доступа к setting.png

Drupal модуль FCKeditor смена прав доступа к setting 2.png

Необходимо поставить галочки во всех ячейках, тем самым сменив права доступа на 777, что позволит изменить файл setting.php. Если Вам нужно будет удалить этот файл, то сделайте права доступа на папку в которой лежит setting.php также 777.

После работы с setting.php не забудьте установить обратно права доступа на 444!

На 169 строке файла setting.php уберите знак #, тем самым Вы раскомментируете эту строку, и запишите туда имя Вашего сайта например так:

$cookie_domain = 'site-name.ru';

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

Если использовать FCKeditor будут и зарегистрированные пользователи, тогда необходимо добавить им разрешение (пункт admin menu Управление пользователя - разрешения)

Drupal модуль FCKeditor разрешение (1).png
 

Access fckeditor - возможность использовать FCKeditor;

administer fckeditor - администрирование FCKeditor (желательно включить только для администратора);

allow fckeditor file uploads - разрешение загрузки файлов через FCKeditor.

Нам необходимо настроить права доступа FCKeditor'а (пункт admin menu Настройка сайта - FCKeditor)

Drupal модуль FCKeditor права доступа .png

 Необходимо отредактировать Действия профиля Default (по умолчанию) и Advanced (расширенный). Добавим возможность быстрой загрузки из браузера.

Drupal модуль FCKeditor права доступа загрузка картинок.png

Сохраним настройки, после этого должно появиться следующий функции:

Drupal модуль FCKeditor выравнивание по ширине и загрузка картинок.png

Drupal модуль FCKeditor выравнивание по ширине и загрузка картинок 2.png

Комментарии

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

Проблема с установкой CKeditor на Drupal

Здравствуйте  

такая проблема все сделал как написано и показано  но поле с выбором редактора не появляется...

при переходе в WYSIWYG profiles > список  

в поле  CKeditor написано  Not installed. и все в красной рамочке

у вас такая же проблема но решение ее пропущено 

как вы ее решали ?

Спасибо!

 

как создать поле или какие

как создать поле или какие права доступа к полю нужно проставить, чтобы при редактировании поля появлялось меню: значение по умолчанию->формат ввода?? (есть только PHP код, и то только после того как проставил для каждого созданого поля  http://свой сайт/admin/user/permissions). Проблема в том, что не распознаются теги <p> <br>, фильтр : full html,  там прописывала эти теги, ничего не меняется. Проблема при добавлении новых полей, со старыми все нормально работает.

Права на доступ к форматам

Права на доступ к форматам ввода выставляются непосредственно для каждого формата ввода. Чтобы распознавались теги <p>, <br> в filtered HTML, нужно добавить эти теги в набор разрешенных тегов.

Здравствуйте! установил

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

 

выравнивание текста работает, жирный шрифт можно сделать... 

 

Еще после установка редактора - в самом поле редактора текста стал дублироваться фон самого сайта... это очень красиво, но редактировать такой текст очень сложно... наверное, галочка какая-то лишняя стоит?!

Скорее всего проблема в том

Скорее всего проблема в том что стоит формат ввода Filtered HTML, вы можете выбирать Full HTML, чтобы все форматирование оставалось как есть. Настроить нужно будет WYSIWYG отдельно для Full HMTL. Также можно настроить Filtered HTML, чтобы он не фильтровал теги img, br, p и другие, для этого в настройках формата нужно эти все теги дописать.

Можно поподробнее,

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

 

А про фон самого окна редактора?

О, прошу помощи... Установил

О, прошу помощи...

Установил редактор все работало прекрасно! Что-то я сделал, что именно уже не припомню (возможно заменил какой-то из модулей на другую версию), результат - сейчас редактируя любую страницу, где есть ссылки или картинки - у меня ссылки меняется на href="\" - какую бы я ссылку не задавал. 

Т.е. перед сохранинием редактирования код выглядит: 

<p><a href="theatre3-4.ru" target="_blank" title="текст альт">ссылка</a>

после сохранения: 

<p>&lt;a data-cke-saved-href=&quot;\&quot; href=&quot;\&amp;quot;theatre3-4.ru\&amp;quot;&quot; target=&quot;\&amp;quot;_blank\&amp;quot;&quot; title=&quot;\&amp;quot;текст&quot; альт\&quot;=&quot;&quot;&gt;ссылка</p>

 

В общем белеберда... переустановка всех модулей - не помогло.

Посоветуте, что можно еще сделать?

Спасибо

Посмотрите, нет ли где-нибудь

Посмотрите, нет ли где-нибудь тега <pre>. И еще можете попробовать использовать full html. Также посмотрите чтобы у вас была отключена кнопка BBcode. И если вводите HTML напрямую, то используйте кнопку source code.

 

Кода <pre> в коде ноды не

Кода <pre> в коде ноды не оказалось.

Full html - этот формат ввода у меня по умолчанию, т.к. в другом режиме ссылкив принципе не выводятся - только текст.

Кнопка  BBcode я ее вообще не нашел в перечне кнопок редактирования. Ведь я правильно искал в Buttons and plugins??? В вашем уроке я тоже не нашел этой кнопки на СкринШотах

 

Что еще можно сделать и где посмотреть?

Спасибо за ответ. Фильтр HTML

Спасибо за ответ.

Фильтр HTML не стоит... (

Когда я назначаю ссылку на адрес 111.ru, то у меня при сохранении ссылка преобразуется в http://mesto-chudes.ru/"111.ru/", т.е. при сохранении происходит какая-то заминка... и ссылка соответственно не корректна...

 

Что может быть еще?

Может это еще подскажет

Может это еще подскажет причину моей проблемы...

При создании контента в поле ИМЯ, когда указываю что-то в ковычках (") то при сохранении перед ковычками добавляется (/), т.е.

"Кубик" приниматель решений - сохранилось и отображается как - \"Кубик\" приниматель решений

 

спасибо за ответ, но пока не

спасибо за ответ, но пока не помогло...

 

в этом файле прописал php_flag magic_quotes_gpc off

вроде во всех разделах: # PHP 4, Apache 1., # PHP 4, Apache 2., # PHP 5, Apache 1 and 2.

 

в теле тегов..

 

<IfModule mod_php4.c>

  php_value magic_quotes_gpc                0

  php_value register_globals                0

  php_value session.auto_start              0

  php_value mbstring.http_input             pass

  php_value mbstring.http_output            pass

  php_value mbstring.encoding_translation   0

  php_flag magic_quotes_gpc off

</IfModule>

 

правильно? или в другом место необходимо прописать?!

 

О, Иван, респект и уважуха

О, Иван, респект и уважуха вам))) 

Теперь проблема с ссылками тож исправилась)))

Спапсибо вам большое

Извиняюсь за свою назойливость, но другие источники мне не помогли, вы были единственная надежа)))

 

Еще раз спасибо

Доброго времени. Вопрос по

Доброго времени. Вопрос по первой части видео этого урока: зделал все необходимые действия по CUMULUS, выдавал ошибку, что необходимо установить cumulus.js файл - установил, проблема с ошибкой решена, вывелась облако тегов в правом блоке, но нет в нем тегов, в чем гвоздь? id таксономии просматривал, все верно указано!

Доброго времени. Вопрос по

Доброго времени. Вопрос по первой части видео этого урока: зделал все необходимые действия по CUMULUS, выдавал ошибку, что необходимо установить cumulus.js файл - установил, проблема с ошибкой решена, вывелась облако тегов в правом блоке, но нет в нем тегов, в чем гвоздь? id таксономии просматривал, все верно указано!

У вас 7ая или 6ая версия

У вас 7ая или 6ая версия друпала? Возможно в 7ке по другому модуль работает, нужно читать readme.txt. И еще бывает проблема с русском языком, попробуйте добавить теги на английском.