Создание галерей из картинок штатными средствами WordPress без плагинов

Автор Maksim Inshakov
Создание галерей из картинок штатными средствами WordPress без плагинов

Всем привет на связи.

Артём Абрамович и сегодня мы поговорим про галерея на сайтах вордпресса. Давайте сначала определимся. Что такое галерея.

Что такое слайдер.

Но — это разные вещи. Вот — это слайдер. Да когда картинки скажем так ну съезжают вправо-влево вверх-вниз ну вот когда нажимаешь на кнопочку вот они вот так вот освежают модель проявляется тут эффекты могут быть разные, но факт сам, что картинка как бы одна по нажатии на стрелки вперед назад появляется другая именно проявляется. Ну или ты съезжает вправо влево появляется неважно галерея — это немножко другое галерея — это вот такие вот картинки да такие миниатюр небольшие картинки исходных изображений которые можно будет увеличивать или увеличивать зависимости от того, что требуется. То есть можно поставить допустим на галерею ссылке и можно пойти в картинкам будет делать переходы куда-то в нашем случае задача простая то есть сделать галерею которая будет увеличивать изображение может будет увеличиваться изображение. То есть можно будет просматривать. Но — это галерею нас находится в сайдбаре календарного не сильно большой и вот такую галерею мы создадим именно средствами вордпресса есть штатная возможность так моё и сделаем и так смотрите я создал просто новую страницу любую в принципе не важно какое дальше нажимаю добавить медиафайл и вот наша картинки. Да вот есть создать галерею, что сказать говорю я теперь нам надо выделить наши картинки необходимые. Ну вот обращай внимания, что количество картинок должно быть кратно количеству столбцов дату если три столбца должно быть или 9 картинок или 12-15. Чтобы рядом было количество иначе здесь будет там да то есть например будет 1 торчать здесь кусок построили 2 кусок пустой. Ну то есть — это некрасиво там конечно вам виднее обычно делают так и так выбираем нужное количество картинок. Да ну сделаем 12 допустим вот у нас 12 картинок нажимаем создать новую галерею теперь надо немножко нашу галерею подстроить. Ну во-первых можно конечно подписать каждую картинку мне надо. Дальше настройки галереи надо чтобы картинки увеличивались поэтому мы ставим видеофайл если поставила страницу уложения то вот как бы сам будешь создавать отдельную страницу на который будет выводить в реальном размере эти картинки нам — это не надо поэтому дела медиафайл. Дальше колонки у нас 3 случайно, но — это можно поставить можно не ставить. То есть он будет перемешивать картинки при каждой загрузке страницы поставим в стандартном порядке. Всё оставляем галерею. Вот видите. Да То есть можно можно её в принципе здесь на странице редактировать добавлять добавлять и так далее, но у нас маленькая заморочка то есть мы оставляем нашу галерею именно в виджет виджеты понимаю так аккорды вот насчёт код мы его копируем открываем наш виджет нужно. Ну вот он вот здесь вот и вставляем сюда нашу галерею всё нажимаем сохранить и смотрим, что получилось. Ну такая вот галерея. Канаш Получилось. Да ну тут картинки на белом фоне поэтому плоховато видно вон смотри, что получается да то есть вот он в реальном размере показывает картинки будет больше будет показывать соответственно раздвинет на весь экран, но а если. Вопрос такой если нам нужно добавить картинок или убавить картинок. Да ну болеть картинок убрать — это без проблем вот удаляем допустим да ну удаляем 3 картинки. То есть — это вот прямо вот можно в. Шкоде делать. Вопрос в другом вопрос. Как нам добавить. Ну то есть можно сделать двумя вариантами сохранить эту страницу в черновиках давай чтобы у нас здесь всегда было галерея и мы там. Давай добавляем картинки у неё сколько хотим добавляем допустим ещё три картинки так он до обновить галерею и вот у нас ещё три картинки. Вот они да. Опять же берём отсюда шорткод вставляя виджет и сохраняем и. Посмотрим, что получилось. Ну да вот они наши картинки здесь можно картинки побольше он сейчас будет большие картинки. Вот она побольше картинка. И кстати вот эти такая каруселька из всех этих кончики такие вот у нас побольше картинки, но а если нет возможности. Да бывает такое, что нет возможности именно оставить какой-то страницу или сайт то есть можем сделать по-другому. То есть вот эти. Циферки — это обозначает it картинки. Наши все загрузки через библиотеку медиафайлов они загружаются в базу данных и каждая картинка при каждой картинка присваиваться — это спокойно то есть чтобы добавить картинки нам нужно посмотреть библиотеке её номер да. Ну давайте добавим вот эту картинку вот смотрите. Видите вот — это вот вот — это как раз будет айт картинки наша была красива. Нам нужно три номера до 382 то есть. Прямо так вот и пишем. Прошу прощения до 382, дальше смотрим. Другую картинку пусть будет 283 как. Пьеро вставляем ещё одна картинка. Прошу прощения что-то я запутался.. Ну пусть будет — это 319 вставляем сохраняем проверяем, что у нас получилось. Вот они наши три картинки добавились да то есть ну такой способ несколько кривоватый, но всё-таки мы выходим в виджетах. А если штатными средствами проводить то я покажу когда другой если вы знаете как проще — это сделать. Ну пишите в комментариях к видео будем пользоваться ну если не используешь штатные средства. Можно конечно поставить плагин их куча кучная их плагин для галереи который позволит также выводить в принципе также через шорткод выводите просто виджет какой-то прям отдельным блоком и так далее ну данном случае вот у нас получилась. Вот такая галерейка. Да на этом я прощаюсь с вами был. Артём Абрамович увидимся следующим видео пока пока.

0 комментариев
0

Читайте также