BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Wordpress » Красивая фотогалерея для WordPress за 3 минуты

Красивая фотогалерея для WordPress за 3 минуты

2013-07-02 / Вр:21:42 / просмотров: 75344

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

  • Например, вы поехали отдохнуть на море, и теперь вам непременно хочется поделиться увиденной красотой со своими читателями.
  • Например, вы на блоге захотели поместить фотографии ваших работ. Использование фотогалереи в таких случаях будет как раз кстати.
  • Например, когда на блоге вы создадите страничку «ОБ АВТОРЕ», вам захочется рассказать как можно больше интересного о СЕБЕ. Я думаю, ни одно слово не сможет рассказать о вас лучше, чем сможет сделать это фотография из фотогалереи.

Ну все, кто решил устанавливать фотогалерею на WordPress, читаем далее.
В первую очередь нужно установить плагин фотогалереи.

Красивая фотогалерея для WordPress за 3 минуты

Красивая фотогалерея для WordPress


○ Установка плагина

Скачайте и установите плагин

wordpress.org/plugins/jquery-lightbox-for-native-galleries/

Чтобы установить плагин, перейдите в админ-панеле на вкладку «Плагины» => «Добавить новый» => «Загрузить». Выберите скачанный архив фотогалереи и жмите«Установить» => «Активировать плагин»

Настройка плагина

В настройках плагина, по сути, ничего настраивать не нужно, только выбрать подходящую по эффектам фотогалерею. Для выбора эффекта зайдите в раздел «Параметры» => «JQuery LightBox».
Из выпадающего списка выберите эффект показа фотогалереи, их в настройках пять.

Добавляем фотографии в фотогалерею

1). Чтобы добавить фотогалерею на страницу блога или в запись, перейдите по кнопке «Добавить медиафайл».

Добавляем фотографии в фотогалерею

2). В открывшемся окне нажмите «Создать галерею». Вы можете выбрать изображение с «Библиотека файлов» или загрузить новые, перейдя на вкладку «Загрузить файлы». Чтобы выбрать картинки для фотогалереи, кликните мышкой по изображениям, которые вам нравятся.
Дальше жмите «Создать новую галерею».

Добавляем фотографии в фотогалерею

3). В открывшемся окне нажмите на кнопку «Вставить галерею».

Добавляем фотографии в фотогалерею

Вот и все! На следующем рисунке вид готовой фотогалереи в админ-панеле.

Красивая фотогалерея для WordPress за 3 минуты

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

Красивая фотогалерея для WordPress за 3 минуты

Вот теперь точно все!!! Если будут сложности в создании фотогалереи, пишите в комментариях.

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

Получай обновления блога!!! Подпишись:

Популярные статьи:

20 Ответов на комментарий - Красивая фотогалерея для WordPress за 3 минуты

  1. Мила

    Здравствуйте ) читаю у вас сижу. Вы забыли упомянуть, что галерея эта в лайт версии, создает только один альбом. Если составлять несколько галерей, то за это придется уже платить – от 130 долларов (на сколько помню.). но красивая она )

  2. Avatar photo Степан => автор блога

    Здравствуйте, Мила. Пробовал установить несколько галерей на одной странице, все бесплатно.

  3. йййй

    Гребанный этот плагин сайт приходится из за него переустанавливать. Плохо работает на 5-ти сайтах уменя.

  4. Avatar photo Степан => автор блога

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

  5. Мила

    Степан, это не я сказала “гребанный”. но ответили на мою почту вы.. я вас уважаю, у вас много полезного и я бы не смогла сказать такое слово даже про плагин. немного разберусь с делами, еще раз установлю этот плагин и позову вас посмотреть. ок? )
    со всем вебмастерским уважением! с наступающим )
    п.с я даже не спамер… уважаю чужой сайт.

  6. Avatar photo Степан => автор блога

    Мила, все хорошо, я Вас тоже уважаю и ни в чем не обвиняю. :)

  7. Евгений

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

  8. Avatar photo Степан => автор блога

    Здравствуйте, Евгений. Если Вы установили то же плагин, что и у меня (jquery-lightbox-for-native-galleries), то скриншоты должны быть те же.

  9. Анатолий

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

  10. Avatar photo Степан => автор блога

    Там есть стрелочки! Посмотрите повнимательней!

  11. Сергей

    Здравствуйте плагин установил.Все работает отлично Спасибо большое за статью. ;-)

  12. Avatar photo Степан => автор блога

    Пожалуйста!

  13. Анжелика

    Здравствуйте! Я давно пользуюсь плагином, все отлично работает,но…. Меня стало напрягать слово “image”.. полезла в файловый менеджер, но не нашла где его поменять… :gazeta: Помогите,пожалуйста! Подскажите, где можно это убрать…ну или перевести, на худой конец… чтоб около крестика бело не “image 3of10” , а “ничего” или “изображение 3 из 10” :oops: Спасибо!

  14. Avatar photo Степан => автор блога

    Здравствуйте, Анжелика! Вы точно используете этот плагин?

  15. Анжелика

    Добрый вечер! Да,это точно он.

  16. Анжелика

    jQuery Lightbox For Native Galleries Settings написано в контрольной панели, это ведь оно? :|

  17. Avatar photo Степан => автор блога

    Дайте ссылку на страницу. Хочу посмотреть в живую на эту проблему.

  18. Анжелика

    Я не хочу афишировать страницу, но могу заскринить отображение фотографии на сайте…

    вот, там видно эту надпись. Может нужно наоборот, не стирать где-то,а добавить что-то?

  19. Avatar photo Степан => автор блога

    В CSS добавьте вот такой код (файл вашей темы style.css):

    div#cboxCurrent {
        display: none !important;
    }
    
  20. Анжелика

    :shock: Все так просто! Спасибо ОГРОМНОЕ!! :oops:

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки:

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716