Опубликовано автор в категориях CMS, Joomla.

Сначала немного вступительного текста. Хоть я и назвал материал «инструкцией» нельзя сказать, что этот текст будет понятен для всех, кто прочитает его и возьмется использовать компонент-CCK для Joomla! Seblod. Поэтому, для всех, кто не знаком с Seblod рекомендую почитать цикл статей Seblod – конструктор контента (CCK) для Joomla. На момент написания моей статьи в этом цикле было четыре материала, но я надеюсь, что автор не остановится на этом и продолжит важное дело, поскольку русскоязычных статей по работе с Seblod очень мало, да и англоязычных тоже немного. Поэтому и я решил внести свою лепту в популяризацию этого замечательного компонента для Joomla!, который фактически очень похож на связку CCK + Views в Drupal, но при этом ничуть не отступает от основных принципов работы Joomla!, что позволяет с его помощью делать поистине шикарные проекты с использованием этой CMS.

Лично я не люблю просто читать инструкции. Для того чтобы начать что-то изучать мне нужен живой проект в котором я буду использовать новый компонент, в данном случае Seblod. И такой момент ка раз «подвернулся». Заказчик заказ довольно нестандартный сайт с точки зрения Joomla!, но при этом отказался использовать Drupal, поэтому и было решено использовать CCK для Joomla! Пусть не обижаются на меня разработчики известных компонентов K2 или Zoo, которые претендуют на звание CCK для Joomla! — их компоненты нельзя назвать полноценными CCK. Только Seblod позволяет нам работать на всех уровнях взаимодействия с Joomla! да еще и предлагает широкий набор базовых типов поле и возможность их расширения посредством создания собственных.

Сегодня я расскажу лишь об одном поле «Image» и о том, как с его помощью создать галерею с Lightbox без использования каких-либо других модулей или компонентов. Материал является симбиозом того что изложено в официальной документации на сайте Seblod и тем форума поддержки. Поэтому ни в коем случае не претендую на «чистое» авторство.

Поле «Загрузить изображение»

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

Определение

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

В соответствии с параметрами этого поля, создается одна или несколько миниатюр (эскизов). Кроме того, к изображению и миниатюрам можно добавить название и описание.

Настройки

Folder

Здесь задается имя каталога на сервере, в которое будет загружены выбранные изображения. Это имя должно заканчиваться символом «/». Например, «images/», «images/photos/», и так далее… Далее в инструкции будет использоваться каталог «images/» в качестве места для загрузки картинок по умолчанию.

Default value

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

1 Folder/Content

Дополнительно, вы можете установить для этого поля значение «Да», что позволит вам создать подкаталог для изображения в рамках идентификатора (id) статьи. Путь каталога будет состоять из: значения поля «folder» + идентификатор статьи, созданной после отправки формы. Например, если создана статья с идентификатором «124», то выбранное изображение загружается в каталог «images/124 /».

1 Folder/User

Дополнительно, вы можете установить для этого поля значение «Да», что позволит вам создать подкаталог для изображения по идентификатору (id) пользователя, который выполняет загрузку изображения. Путь каталога будет состоять из: значения поля «folder» + идентификатор пользователя. Например, если «user1» с идентификатором «64» загрузит изображение, то это изображение сохраняется в каталоге «images/64 /».

Если оба переключателя у полей «1 Folder/Content» и «1 Folder/User» установлены в «Да», то выбранное изображение загружается в каталог: значения поля «folder» + идентификатор пользователя + идентификатор созданной статьи.

Legal Extensions

Поле определяет доступные расширения для загружаемых изображений. По умолчанию этот параметр содержит значение «JPG, JPG, PNG, PNG, GIF, GIF».

Maximum Size

Задает максимальный размер загружаемого изображения. По умолчанию значение этого параметра равно «5 МБ» (5 мегабайт).

Если никаких ограничений требуются затем записать 0.

Show Preview

Дополнительно, выберите параметр, чтобы отобразить или нет отображать превью изображение в форме. Этот параметр может быть следующих типов:

  1. (Hide): не показывать превью
  2. (Icon): иконка по умолчанию
  3. (Image): исходное изображение в полном размере
  4. (Thumbnail 1): первый эскиз оригинального изображения
  5. (Thumbnail 2): второй эскиз оригинального изображения
  6. (Thumbnail 3): третий эскиз оригинального изображения
  7. (Thumbnail 4): четвертый эскиз оригинального изображения
  8. (Thumbnail 5): пятый эскиз оригинального изображения
  9. (Title): название файла изображения.

Show Delete Checkbox

Дополнительно вы можете выбрать (Да), чтобы позволить удаление загруженного изображения при редактировании статьи. Это удаление осуществляется путем отметки соответствующего чекбокса.

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

Show Custom Path

Дополнительно можете выбрать (Да), чтобы изменить каталог загружаемого изображения (назначенный параметром «Folder»).

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

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

Size

Определяет размер поля ввода данных.

Advanced Mode

Дополнительно можете выбрать (Да), чтобы добавить название и / или описание загруженного изображения.

Show Title

Дополнительно можете выбрать (Да), чтобы добавить заголовок загруженного изображения.

Show Description

Дополнительно можете выбрать (Да), чтобы добавить альтернативное (alt=””) описание загруженного изображения.

Thumbnail Creation

Выберите эту опцию если вы планируете создавать миниатюры загружаемых изображений:

  • On upload (Best Performance): эскизы создаются только один раз при загрузке изображения. Этот режим используется, когда сайт находится в рабочем состоянии для лучшей производительности.
  • Always (if doesn’t exist): эскизы создаются, если они не существуют. Эта опция полезна, если после загрузки изображения, вы понимаете, что вам нужно создать еще один тип миниатюры.
  • Always: эскизы всегда создаются, будь то в «форме администратора», «форме сайта», «полном тексте» и «анонсе» содержимого. Этот режим используется, когда сайт находится в разработке.

Display as default

Поле опционально, выберите из списка опций, какие изображения выводить в представлениях «анонса» (Intro) и «содержание» (Content):

  1. (Image): исходное изображение,
  2. (Thumbnail 1): первый эскиз оригинального изображения
  3. (Thumbnail 2): второй эскиз оригинального изображения
  4. (Thumbnail 3): третий эскиз оригинального изображения
  5. (Thumbnail 4): четвертый эскиз оригинального изображения
  6. (Thumbnail 5): пятый эскиз оригинального изображения

Image

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

  1. (Original): не применять какие-либо изменяя к исходному изображению
  2. (Crop Center): обрезать исходное изображение, начиная от центра по заданной высоте и ширине
  3. (Max Fit): изменить размер исходного изображения с новыми размерами (ширина и высота) в соответствии с соотношением между его длиной и шириной,
  4. (Stretch): ): изменить размер исходного изображения  в соответствии с новыми размерами

Thumbnail1, Thumbnail2, Thumbnail3, Thumbnail4, Thumbnail5

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

  1. (None): не создавать соответствующий эскиз
  2. Crop Center): создать миниатюру, начиная от центра по заданной высоте и ширине
  3. (Max Fit): создать миниатюру путем изменения размера исходного изображения с новыми размерами в соответствии с соотношением между его высотой и шириной
  4. (Stretch): создать миниатюру путем изменения размера исходного изображения с новыми размерами.

Width / Height

Укажите ширину и высоту загруженного изображения и / или созданного эскиза.

Создаем простою галерею с использованием поля «Image» и псевдо-группы полей «FieldX»

Итак, чтобы создать простую галерею с использованием Lightbox с применением полей «Image» и псевдо-группы полей «FieldX» вам нужно выполнить ряд действий:

  1. В выбранном вами наборе полей создайте поле с изображением, используя тип поля «Image». При этом в параметре «Storage» надо указать тип «Custom» поскольку с типом «Standart» у меня это решение не работало.
  2. Далее создайте поле используя тип «FieldX», которое будет как-бы контейнером галереи. Ему тоже надо установить  «Storage» в «Custom».
  3. В настройка поля типа «FieldX» в значении «Field(form)» нужно вписать имя поля изображения, которое вы создали и настроили ранее.
  4. И созданное поле типа «FieldX» не забываем добавить в форму добавления материла в админ панели и/или на сайте.
  5. Теперь во вкладке «Content» конструктора типа содержимого нажмите на кнопку «3» справа, перед списком доступных полей. при этом слева вам откроются настройки «Typo» для всех добавленных в вывод содержимого полей.
  6. Для поля типа «FieldX» установите значение «Typo» как «Image» и, нажимаем на появившийся «+».
  7. В выпадающем окне выбираем два типа картинок, первая — это картинка которая будет выводится до клика, а вторая картинка, которая будет выводится при клике в Lightbox.

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

6 комментариев к записи “SEBLOD 2.x — инструкция к применению. Поле «Загрузить изображение»”

  1. Очередной вебмастер

    DВот это молодец. Давай еще пиши, а то кроме wedal по поводу Seblod особо никто не пишет, а инфы на русском мало. Я вот тоже хочу его попробовать, но боюсь не найти достаточно информации для реализации всех задумок.

    Ответить
  2. kkaazzoo

    А можно ли настроить поле с изображением таким образом, чтобы при окончательном удалении материала (из корзины) изображения также удалялись с сервера вместе с папкой в которой они находятся ?

    Ответить
    • Hiway

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

      Ответить
  3. Андрей

    Спасибо за статью.
    Во вкладке «Content» конструктора типа содержимого нажимаю на кнопку «3» справа, она у меня после списка полей (под ним), версия SEBLOD 2.3, при этом слева открываются настройки Validation и Required. Пожалуйста, можно с 4 пункта, последнего абзаца поподробнее?

    Ответить
  4. Артем

    Здравствуйте. У меня сайт на Joomla 2.5. На сайте очень не хватает отсеивания материалов по определенным тегам.
    Объясню подробнее: На сайте представлены банки, выдающие кредиты в разных городах. Нужно, чтобы каждую статью можно было пометить тегами типа «Москва, Санкт-петербург» и т.д., а пользователь выбирает свой город из списка, и ему показываются только те материалы, в тегах которых есть его город.
    Вычитал, что можно это реализовать с помощью Seblod, но как и у большинства, возникла проблема с мануалами. Сейчас пытаюсь разобраться, что к чему, но за любую помощь буду весьма благодарен 🙂

    Ответить
    • Hiway

      Артем, на вскидку вот ссылочка http://www.seblod.pro/faq/217-tags-system. А если подумать предметно, то в вашей ситуации возможно лучше использовать каталогизатор по городам. Еще как вариант использовать простые фильтры Себлод и в качестве критерия передавать город, ну а добавлять его к материалу отдельным полем.

      Ответить

Оставить комментарий

  • (не будет показан)