Как удалить изображения из joomla 3. Советы по работе с изображениями в Joomla. Исправление базы данных Joomla после удаления расширений

Чтобы удалять расширения Joomla 3, а именно, компоненты, модули, плагины, нужно авторизоваться в административной части сайта и войти на вкладку «Менеджер расширений».

Где удалять расширения Joomla 3

Чтобы удалить расширение Joomla 3, вы должны иметь доступ в административную панель сайта.

В верхнем меню или в меню быстрого доступа, выберете пункт «Менеджер расширений»;

На странице менеджер расширений, выберете вкладку «Управление».

На вкладке «Управление» показаны все расширения, которые установлены на сайте. Среди них, стоит выделить, системные расширения, отмеченные замком. С этими расширениями ничего сделать нельзя, то есть, удалить их не получится, да и незачем это делать. Все остальные расширения можно удалять.

Как удалить компонент Joomla 3

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

Чтобы найти нужный компонент, можно отфильтровать список расширений по назначению и выбрать в поле фильтра (слева): компоненты.

После того, как нашли нужный компонент, выделите его чекбокс и в кнопках инструментов, нажмите «Деинсталлировать».

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

class="eliadunit">

После удаления компонента, очистите кэш сайта, кнопка «Очистить кэш» вверху.

Как удалить плагин Joomla 3

Чтобы удалить плагин Joomla 3, отфильтруйте список расширений, по типу плагины. Выберете нужный плагин, отметьте галочкой его чекбокс и деинсталлируйте его. После удаления компонента, очистите кэш сайта.

Как удалить шаблон Joomla 3

Шаблон Joomla 3 удаляется аналогично плагинам. Фильтруете список расширений по назначению шаблон, выделяете его чекбокс и нажимаете кнопку деинсталлировать.

Обращу внимание, что на вкладке Менеджер шаблонов, тоже есть кнопка удалить. Эта кнопка не удаляет шаблон из каталога сайта. Она удаляет шаблон из списка, только и всего.

После удаления плагина, очистите кэш сайта, кнопка «Очистить кэш» вверху.

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

Можно ли удалить шаблон по FTP

Если вы удалите папку с шаблоном, войдя в каталог по FTP, шаблон не исчезнет из списка шаблонов на странице Менеджер шаблонов. При таком способе удаления, нужно отметить галочкой удаленный по FTPшаблон и нажать кнопку «Удалить» вверху в панели инструментов.

И снова здравствуйте! Сегодня речь пойдет о том, как уменьшить объем сайта, удалив не нужные файлы и расширения, тем самым Вы сможете увеличить объем доступного (доступного) пространства на хостинге.

Как уже известно, в базовую сборку Joomla 3 входит значительное количество расширений, многие из которых в большинстве случаев не используются вообще. Кроме того всегда присутствуют файлы демо-данных, даже если вы их и не устанавливали.

В итоге рано или поздно возникает вопрос - как удалить с Joomla все лишнее и при этом не нарушить её работу? Вот именно об этом мы сегодня и будем говорить. Для начала разберем, какие файлы можно удалить с сайта, затем удалим ненужные расширения и очистим кэш.

Какие файлы Joomla 3 можно удалить

Перед тем как говорить о том, какие файлы можно удалить с Joomla, чтобы не было никаких печальных последствий давайте посмотрим на физическую структуру сайта (для этого можно воспользоваться файловым менеджером на хостинге либо зайти на сайт по FTP):

Набор файлов стандартный, первое, на что стоит обратить внимание это на файлы LICENSE.txt , README.txt , а так же на файл htaccess.txt . Все эти файлы не нужны и их смело можно удалить. В результате мы сэкономим 25,9 Кб пространства.

Вы наверно хотите задать вопрос - неужели файл htaccess.txt тоже можно удалить? Да, поле того как он был переименован необходимость в его присутствии отпадает. А если Вы до сих пор его не переименовали то самое время это сделать (зачем это нужно ).

Эти файлы и папки присутствуют по умолчанию в Joomla 3.7 и не содержат никакой полезной информации. Если вы их откроете, то сами в этом убедитесь. А если потребности в них нет, то и место они занимать не должны! Но предварительно все же стоит проверить, возможны администратор Вашего сайта или Вы сами сохраняли изображения, которые в данный момент используются на сайте именно в эти папки. Я же удаляю все как есть, единственное, что оставляю в папке /images это файл index.html , он должен остаться.

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

Теперь давайте найдем папку /tmp и заглянем в неё. Со временем в данной папке может накопиться достаточно много не нужных файлов, от которых так же можно безболезненно избавиться. Это могут быть файлы обновлений Joomla и тому подобные:

Не знаю у кого как, но у меня общий размер временных файлов составил 25,4 мегабайта, достаточно внушительный размер! Удаляем их все, оставляем только файл index.html. А если подсчитать общий размер файлов, которые мы удалили, то суммарный размер сэкономленного пространства составит приблизительно 26 мегабайт .

Удаление ненужных расширений

Другой способ избавления от лишнего мусора на сайте это удалить ненужные и не используемые расширения. Этот способ позволит достаточно серьёзно сократить занимаемое Джумлой пространство, ведь даже в базовой сборке уже присутствуют разнообразные расширения, которые попросту не нужны для Вашего сайта.

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

Для удаления расширений в панели управления необходимо перейти на страницу «Менеджер расширений: Управление» (Расширения -> Менеджер расширений -> Управление). Перед нами достаточно большой список всевозможных расширений, которые в данный момент установлены и включены, либо не включены но, тем не менее, установлены:

Перед тем как приступить к удалению, давайте сначала разберем, как это сделать. Чтобы удалить расширения Joomla выделяем их, поставив отметку слева, затем жмем на кнопку «Деинсталлировать»:

Теперь необходимо определиться, что можно удалить, а что трогать не стоит. На скриншоте выше вы уже заметили, что я намереваюсь удалить так называемый «Умный поиск». Пользы от него не много, если она вообще есть, зато удалив его можно сэкономить 232 килобайта на диске, из которых 84 килобайта занято плагинами, 24 модулем, а остальное компонентом.

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

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

Расширение Тип Системное имя Размер, Кб
Умный поиск Компонент, плагины, модуль com_finder, finder, mod_finder 232
Обёртка (Wrapper) Модуль mod_wrapper 16
Случайное изображение Модуль mod_random_image 12
Баннеры Компонент, модуль com_banners, mod_banners 56
Популярные метки Модуль mod_tags_popular 28
Похожие метки Модуль mod_tags_similar 20
Кто на сайте Модуль mod_whosonline 16
beez3 Шаблон (сайт) beez3 708
protostar Шаблон (сайт) protostar 476
Hathor Шаблон (сайт) hathor 2148
RSS-лента новостей Модуль (сайт и панель управления) mod_feed 16+16
Нижний колонтитул (footer) Модуль mod_footer 8
Редактор - TinyMCE Плагин tinymce 92
Двухфакторная аутентификация - YubiKey Плагин yubikey 20
Двухфакторная аутентификация - Google Authenticator Плагин totp 20
Система - Подсветка Плагин highlight 8
Система - Статистика Joomla! Плагин stats 48

Вот небольшой список всех тех расширений, которые можно смело удалять, конечно, если Вы их не используете. В результате можно сэкономить еще 3940 килобайт (3.85Мб) дискового пространства. Но еще раз повторюсь, предварительно отключите их, чтобы убедиться, что они Вам действительно не нужны.

После удаления расширений в панели управления, перейдите на сайт по FTP и проверьте, действительно ли были удалены выбранные расширения с диска. Для этого воспользуйтесь поиском по системному имени (или просматривайте каждую папку отдельно), в большинстве случаев в этом нет необходимости, но когда в процессе удаления расширения возникают ошибки, такой способ необходим.

Исправление базы данных Joomla после удаления расширений

Физически файлы были удалены, это хорошо, точно так же были удалены таблицы в базе данных относящиеся к удалённым расширениям (в большинстве случаев таблицы все же удаляются). И было бы все замечательно, если б в Joomla 3 не было бы проверки на отсутствие стандартных таблиц базы данных. Эта самая проверка после удаления расширений сообщит, что пропали нужные таблицы. Убедиться в этом можно, если перейти в раздел «Менеджер расширений: Проверка базы данных» (Расширения -> Менеджер расширений -> База данных) и посмотреть, что у нас там творится:

У меня вышла вот такая неприятность - не найдены таблицы jos_finder_taxonomy , jos_finder_terms* и так далее. Все эти ошибки получились благодаря тому, что Joomla проверила наличие тех самых таблиц в базе данных, убедилась, что их нет, и решила, что это есть проблема.

Если честно, то тут нет ничего страшного и самое простое что можно сделать, это нажать на кнопку «Исправить» и проблема исчезнет, правда в результате таких действий все отсутствующие таблицы будут созданы заново. Проблема как таковая исчезнет, но таблицы отсутствующего расширения вновь появятся в базе данных.

Очистка кэша Joomla

В заключение для большего эффекта давайте очистим кэш в Joomla 3. Для этого в панели управления Joomla 3 перейдите в раздел «Техническое обслуживание: Очистить кэш (сайта)» (Система -> Очистить весь кэш). Тут можно выбрать, что именно мы хотим удалить, либо удалить все записи разом. Я рекомендую после всех вышеупомянутых процедур удалять весь кэш целиком.

Кроме того не забудьте про очистку устаревшего кэша (Система -> Очистить устаревший кэш), от него так же необходимо избавиться.

Подведем итоги того что мы сделали, а сделали мы следующее:

  • Удалили с сайта ненужные и не используемые файлы
  • Избавились от расширений, которые нам не нужны и исправили ошибки в базе данных
  • Очистили кэш сайта
  • Освободили порядка 30 мегабайт дискового пространства

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

В данном уроке я расскажу о том, как удалить ID материала на сайте. Айди - это порядковый номер материала, который присваивается ему при создании и в настройках движка по умолчанию прописано так, чтобы id отображался в ссылке, которая ведет на материал. Многих владельцев сайтов это не смущает и их вполне устраивают ссылки такого вида. А для других принципиально, чтобы айди материала не отображался и потому вносят в код изменения для удаления этих номеров. В принципе, данная функция уже предустановлена в Джумле, начиная с версии 1.6, однако без определенных дополнений почему-то не выводится в администраторской панели. Для отображения ее необходимо сделать некую модификацию.

Для этой цели нам понадобится файл config.xml, который найти можно по адресу на сервере: вашсайт/administrator/components/com_content/config.xml. Зайдите через файловый менеджер на свой сайт и найдите этот файл, затем скачайте его на свой рабочий стол и откройте.

type="radio"
default="1"
label="SEF: Удалить ID материала в ссылке?"
description="Удалить ID материала в ссылке?">


Запись эту я обычно прописываю после вот этой строчки: description="COM_CONTENT_CONFIG_ARTICLE_SETTINGS_DESC">, хотя в принципе, особой разницы нет, где именно этот код прописать.

Далее файл необходимо сохранить, но во избежании ошибки, сохранить его следует в формате UTF-8 с обязательным снятием галочки с функции BOM. Но здесь проблема в том, что в обычном текстовом редакторе Блокнот, которым мы, как правило открываем файлы такого типа, не отображается нужная функция, поэтому нам понадобится дополнительный текстовый редактор, например, AkelPad . Он не требует установки и запускается сразу. Так вот, откройте блокнот AkelPad, скопируйте в него содержимое файла config.xml и сохраните в формате UTF-8 и обязательно снимите галочку BOM:

Обычный блокнот теперь закрываете и загружаете на сервер с заменой. Далее перейдите в панель администратора сайта и проверьте настройки - Материалы - Менеджер материалов - Настройки:

Появилась возможность отключения ID материала в админской панели:

Теперь почистите устареший кэш: Система - Очистить устаревший кэш. Затем пройдите на сайт и проверьте, работают ли настройки. Если айди продолжает отображаться, попробуйте перейти на другую страницу сайта, а с нее обратно на материал по ссылке в меню (проверить следует именно ссылку материала, а не раздела или подкатегории, откройте какой-либо конкретный материал).

Если все сделано верно, то айди должно исчезнуть и больше не будет отображаться ни в одном материале.

Если вы не хотите прописывать код, то можете скачать готовый файл и просто загрузить его на свой сервер, с заменой вашего файла. Так будет гораздо проще и быстрее. Для этого откройте папку: вашсайт/administrator/components/com_content/ и замените в ней файл config.xml на скачанный. Ну если есть желание проделать весь путь самостоятельно, тоже неплохо.

Сайт – это не только тексты. Очень важную роль в восприятии сайта играют изображения, которые на нем опубликованы. Любая информация воспринимается гораздо легче, если она снабжена демонстрационными картинками. Несмотря на кажущуюся простоту темы, работа с изображениями в Joomla имеет ряд особенностей, знать которые будет полезно всем без исключения.

Данная статья представляет собой руководство по созданию, обработке, публикации и оптимизации изображений на сайте Joomla. Из нее вы узнаете:

  • Как сделать полноразмерные скриншоты страниц в браузере и любых окон на компьютере.
  • Как массово обработать изображения.
  • Как добавить на изображения водный знак.
  • Как подготовить изображения для загрузки на сайт.
  • Каким способом можно быстро и удобно создать мини-изображения (превью) в Joomla.
  • Как показать изображения Joomla-сайта во всплывающем окне.
  • Как облегчить загрузку страниц сайта на Joomla, содержащих большое количество изображений.

Вступление.

Если вы имеете свой сайт, то наверняка сталкивались с задачей добавления на него картинок. Это неизбежно. При создании сайта многие веб-мастера забывают, что, скорее всего, работать с ним будут люди, не имеющие образования в области IT. Многие, очевидные для айтишников вещи, могут показаться им незнакомыми и сложными.

Возьмем простейшую задачу загрузки картинки в статью на сайте. Даже здесь есть масса подводных камней: размер файла изображения (вес), разрешение изображения, пропорции изображения, расширение файла изображения – всё это важно. Но сложно объяснить это все заказчикам.

Для чего написана данная статья? По роду деятельности мне часто приходится объяснять заказчикам подобные вещи. Именно поэтому я решил собрать все эти «объяснения» в одной статье. Согласитесь, гораздо проще дать человеку ссылку на объяснение с картинками, чем каждый раз объяснять ему все «на пальцах». Надеюсь, что статья пригодится как администраторам и владельцам сайтов, которые не имеют профессионального образования, но вынуждены работать со своим проектом в Интернет, так и веб-мастерам, которым необходимо донести некоторые особенности по управлению сайтом до своих заказчиков.

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

Как сделать полноразмерные скриншоты страниц в браузере и любых окон на компьютере.

Как сделать скриншот полной страницы браузера, если на ней присутствует полоса прокрутки? Признайтесь, вы знаете? =). Обычно с такой задачей приходится сталкиваться нечасто, но когда это происходит, то обычно впадаешь в полный ступор.

А сделать вот такой скриншот вам по зубам?

Нет, ну признайтесь? =)

Еще не так давно, когда самой популярной операционной системой была Windows XP , даже такой скриншот сделать было непросто. Приходилось нажимать кнопку PrintScreen , открывать Paint , вставлять скриншот изображения, вырезать нужный кадр, сохранять в нужном формате. Всё это, конечно, приходилось делать, если на компьютере не было установлено специализированных программ.

Потом на смену Windows XP пришла Windows 7 (Vista не в счет). Здесь появился такой замечательный инструмент, как Ножницы . Теперь стандартными средствами Windows можно было сделать не только скриншот всей страницы, а также ее отдельной части, при этом обрезав все лишнее здесь же. Используя Ножницы, мы уже можем получить изображение, приведенное выше, но как же, все-таки, быть с изображением, которое не входит на один экран (имеет полосу прокрутки)? Здесь я использую два дополнительных инструмента.

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

После установки вы сможете сделать полный скриншот веб-страницы одним кликом, а главное, тут же вырезать из него нужный блок и добавить недостающую информацию.

Скриншотим:

Вырезаем:

Добавляем (если необходимо):

Сохраняем:

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

Прекрасно. Но что если нужно сделать скриншот с прокруткой окна в Windows? Здесь на помощь приходит вторая программа: FastStone Capture . Программа, к сожалению, платная. Но когда это останавливало наших людей? ;-). Скачать ее в Интернете не представляет труда. Но если она действительно окажется незаменимой, почему бы не поддержать разработчика покупкой лицензии? Тем более, стоит программа не так дорого.

В двух словах о FastStone Capture .

Запускаем и видим на экране такой плавающий блок:

Он позволяет нам вытворять ну просто всякое. Можно делать скриншот экрана, отдельного окна, окна с полосой прокрутки, выделенной области и другого. Последовательность здесь точно такая же, как и с FireShot: скриншотим, вырезаем, редактируем (если необходимо), сохраняем.

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

Как массово обработать изображения.

Бывает так, что на сайт нужно загрузить большое количество изображений, а если у вас интернет-магазин, то изображений могут быть сотни или даже тысячи. Если вы хотите, чтобы все выстраивалось ровно, то очевидно, что все изображения должны иметь одинаковые размеры и пропорции. Как этого добиться?

Для массовой обработки изображений я использую бесплатную программу FastStone Image Viewer . Это, конечно, не Photoshop, но для бесплатной программы, возможности FastStone Image Viewer очень широкие.

Главное окно программы показано на рисунке ниже:

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

Открываем папку с изображениями и выполняем Сервис -> Пакетное преобразование/переименование . Откроется такое окно:

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

Здесь мы можем:

  • Изменить размер изображений, в том числе по одной из сторон
  • Повернуть изображения
  • Обрезать изображения
  • Установить размер холста (всё, что на него не поместится, будет отсечено)
  • Установить глубину цвета, яркость, контрастность и другие параметры изображений
  • Добавить на изображение текст или водный знак
  • Добавить для изображения рамку

При этом нет необходимости задавать все настройки при каждом использовании пакетной обработки изображений в FastStone Image Viewer. Создав их однажды, вы можете сохранить настройки в файл и использовать его, когда это будет необходимо.

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

Используя FastStone Image Viewer, вы можете за секунды обработать изображения, на ручную работу с которыми у вас ушло бы много времени. Это очень удобно.

Как добавить на изображения водный знак.

Задача добавления на изображения водяного знака также относится к пакетной обработке изображений и используется здесь тот же инструмент. В FastStone Image Viewer , в пакетном преобразовании/переименовании , вы можете открыть вкладку Водяной знак . Там будут следующие настройки:

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

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

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

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

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

Например, 24’ монитор обычно работает в разрешении 1920х1080px. Нет никакого смысла загружать на сайт изображения с бОльшими размерами. Они создадут проблемы при просмотре страниц пользователями, поскольку размер файла (вес) таких изображений обычно составляет несколько мегабайт, которые будут включены в загрузку страницы с подобной картинкой. А вообще, максимальный размер изображения, достаточный для просмотра пользователями в браузере, принято устанавливать в 800х860 пикселей, что сопоставимо с 14-15’ монитором.

Старайтесь делать размеры файлов изображений минимальными.

Всегда помните, что размер файла каждого изображения будет включен в размер страницы сайта, на котором это изображение опубликовано. Если вы опубликуете на странице 6 снимков по 5МБ каждый, то ваша страничка будет иметь размер в 30МБ . Если ее просмотрит 1000 посетителей, то общий трафик, отданный сервером, составит 30ГБ ! Причем грузиться такая страница у всех будет очень медленно. В идеале размер файла вашего изображения должен составлять ХХ КБ , где xx – любое двухзначное число, и не превышать 300КБ (в случае изображений с большим разрешением).

Имена изображений не должны содержать кириллицы и пробелов. Регистр имен изображений и их расширений должен быть нижним.

Неправильно: /мои картинки/Моя картинка. JPG

Правильно: / moi_ kartinki/ moya_ kartinka. jpg

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

Помните, если вы хотите добавить несколько изображений рядом друг с другом так, чтобы это выглядело ровно, избежав, при этом, их растянутости или сплющенности, вы должны сделать их пропорции одинаковыми. Проще говоря, если одно изображение имеет размеры 200x100 (2:1), то все остальные также должны иметь пропорции 2:1.

Неправильно: 300х200(3:2).

Правильно: 400х200(2:1).

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

Каким способом можно быстро и удобно создать мини-изображения (превью) в Joomla и сделать их увеличивающимися по клику.

Есть еще одна особенность работы с изображениями на сайте. Не всегда имеется возможность показать сразу полноразмерные изображения. Например, в статье может быть показана уменьшенная копия основного изображения.

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

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

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

  • Создать превью
  • Загрузить на сайт основное изображение и превью
  • Добавить в материал превью
  • Добавить на превью ссылку на основное изображение

Согласитесь, список великоват, особенно, если речь идет не об одном, а о десятке изображений.

Для упрощения решения данной задачи существует плагин для Joomla, который называется mavik Thumbnails . Плагин был написан нашим разработчиком (вот ветка на Joomlaforum’е) и оказался очень удобным, настолько удобным, что лично я бы включил его в базовый набор расширений Joomla.

В чем суть работы плагина mavik Thumbnails ? При добавлении изображения на сайт вам не нужно создавать отдельные превьюшки. Вы просто добавляете оригинальные изображения в материал и сжимаете их до нужной ширины аналогично тому, как вы уменьшаете окна в Windows. При просмотре страницы пользователем, плагин сверяет оригинальные размеры изображения и те, которые получились после сжатия/задания ширины. Если они не совпадают, плагин автоматически генерирует на сервере превью оригинального изображения, вставляет его на страницу, отдаваемую сервером пользователю, и обрамляет в ссылку, при клике по которой будет открываться оригинальное изображение во всплывающем окне.

Еще раз, если вы ничего не поняли. Чтобы получить уменьшенные картинки в материале, при клике по которым будет открываться оригинальные во всплывающем окне, вам нужно:

  • Установить и настроить плагин mavik Thumbnails
  • Добавить оригинальную картинку в статью и сжать ее «за уголок» до размеров необходимого превью

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

Как облегчить загрузку страниц сайта на Joomla, содержащих большое количество изображений.

Всё, что мы рассмотрели выше, не защитит нас от еще одной особенности изображений, размещенных на сайте. Представим, что так уж сложилось, что в статье нам нужно опубликовать 30 картинок. Бывают такие статьи, бывают. Сам писАл =). В этом случае, если превью не очень маленькие, мы все равно получим проблему большого размера страницы. Давайте посчитаем: 200 КБ х 30 = 6МБ . Не очень хороший размер страницы, не правда ли? Что делать в таком случае?

Хитрые люди придумали очень изящное решение. При первоначальной загрузке страницы загружаются только те изображения, которые входят на, так называемый, первый экран монитора пользователя (та часть сайта, которая видима на мониторе сразу после загрузки). Далее, когда пользователь начинает прокручивать страницу вниз, постепенно подгружаются и другие изображения с применением технологии AJAX. Данный способ известен под названием «Lazy ». Хороший пример Lazy Load – бесконечная новостная лента Вконтакте. Правда, там, таким образом, подгружаются не только изображения, а вся информация в целом.

Реализовать «ленивую загрузку» в Joomla очень просто. Почему? Это уже сделали за нас. Представляю вам еще один прекрасный бесплатный плагин – LLFJ - Lazy Load for Joomla!

Как работает?

  • Устанавливаем и настраиваем

Как оптимизировать изображения в Joomla - 3 шага - 2.5 out of 5 based on 4 votes

Из этой статьи вы узнаете, как оптимизировать ваши изображения, под поисковые системы на вашем сайте, построенном на Joomla.

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

Если ваш сайт на Joomlа, то вероятнее всего ваши изображения не оптимизированы и не индексируются поисковыми системами.

Из этой статьи вы узнаете, как оптимизировать ваши изображения, под поисковые системы на вашем сайте, построенном на Joomla.

Изображения и Joomla.

Изображения становятся все более важными для получения трафика. По умолчанию CMS Joomla настроена таким образом, что поисковые системы не будут индексировать изображения вашего сайта.

Joomla + Изображения = Не оптимизировано

Как оптимизировать ваши изображения в Joomla.

1. Внесите изменения в файле robots.txt, чтобы разрешить поисковым системам индексировать папку images.

После того как вы установили Joomla, файл robot.txt автоматически создается в корневой папке с сайтом. Данный файл разрешает или запрещает индексацию тех или иных файлов и папок. В стандартном файле robot.txt запрещена индексация многих папок, которые не должны индексироваться, но наряду с этим, почему-то запрещена к индексации и папка images. Поскольку папка images по умолчанию является папкой для всех изображений, используемых на сайте Joomla, то индексироваться они не будут. Чтобы решить данную проблему просто отредактируйте файл robot.txt и удалите строку:

Disallow: /images/

2. Измените каталог расположения изображений по умолчанию.

Если вы уже добавляли изображения к материалам Joomla, вы скорее всего уже заметили, что по умолчанию изображения загружаются в папку www.website.com/images/stories/. Это не очень хорошо с точки зрения поисковой оптимизации изображений.

Алгоритмы поисковых систем работают таким образом, что приоритет отдается тем страницам и изображениям которые находятся ближе к корню сайта. Я рекомендую вам изменить расположение изображений по умолчанию, с папки images/stories на папку images/.

Для этого в административной панели Joomla пройдите в пункт: Сайт >> Общие настройки >> Система, в установках медиа менеджера найдите пункт «Путь к папке с Изображениями» и удалите в соответствующем поле путь к папке «stories» чтобы в поле осталось только «images/». После этого не забудьте нажать на кнопку «Сохранить» в верхнем правом углу. Теперь, когда вы будете добавлять изображения, они будут грузиться в папку images/.

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

После того как вы отредактировали robots.txt и изменили месторасположение изображений, можете приступать к оптимизации отдельных изображений, чтобы они гарантированно проиндексировались поисковыми системами.

Для того чтобы оптимизировать изображение под определенное ключевое слово или словосочетание необходимо учитывать следующие моменты:

    Изображение должно находиться на той странице, содержимое которой соответствует данному изображению. (например фотография кого-то играющего в Гольф на Маврикии на странице о Гольфе на Маврикии)

    Имя файла изображения должно состоять из ключевого слова или словосочетания, под которое оптимизируется изображение, например: golf-na-mavrikii.jpg.

    Атрибуты alt и title тега img должны также содержать ключевое слово или фразу.

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

    Например: www.website.com/images/mavrikii/golf-na-mavrikii.jpg