Question

Как сделать сайт с гифками на весь экран (см. примеры)?

Всем доброго дня. Заинтересовали эти сайты - http://www.allolo.r­<wbr />u и http://mahol.ru

Как сделать подобный сайт на Wordpress? Опыт создания сайтов есть на этой CMS.

Где-то видел шаблоны (темы), позволяющие вывести на весь экран гифку/картинку. Подскажете?

Answer 1

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

На том первом сайте и не гифки вовсе:

background-image: url(files/images/9.j­<wbr />pg);

и

background-size: cover;

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center bottom;

Здесь настраивается файл стилей .CSS, кроме HTML.

Во втором сайте:

<img class="" id="u3543_img" data-src="images/giphy%20SHY.gif?crc=42796456­<wbr />34" src="images/giphy%20SHY.gif?crc=42796456­<wbr />34" alt="" data-width="960" data-height="557" data-muse-src="images/giphy%20SHY.gif?crc=42796456­<wbr />34" data-widget-id="slideshowu3537" style="width: 1670px; height: 969px; margin-top: 0px; margin-left: -153px;">

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

Можно ещё наверное сделать дивом (div). Но для этого нужно хоть какие-то понимание dom модели.

Answer 2

Там ничего необычного, есть несколько способов реализации этой функции: галерея, слайдер, ручками. Если совсем простенький такой сайт как те, то лучше на html.