Vassilyev / 18.05.2007 20:59

Обсуждения / 01. Проблемы и решения с WordPress

Ротация картинок в шапке блога

Меня удручал факт того, что шапка во всех имеющиеся шаблоны является статической. Ломал голову, как можно сделать циркуляцию / ротацию / смену картинок в шапке сайта (блога). Понравился блог-сайт http://il2.avtlg.ru/ на основе темы Mandigo. Все бы хорошо, но код шаблона наворочен до одури, и поломав его пару дней, я понял, что если и вычищу его по себя (задача – Блог с ротацией картинок page_logo, незасоренный другими лишними визуальными элементами вроде плашек меню), то для других мой новый шалон будет непригоден.
Делаем все просто и сердито: идем на http://www.webmascon.com/topics/development/17a.asp, читаем тему Динамическая смена изображений. Потом бежим на http://www.alistapart.com/d/randomizer/rotate.txt, и сохраняем ее в формате php (я сделал тупо через любимый Dreamweaver). Создаем в папке images подпапку images/page_logo и пихаем в нее картинки, которые будут крутиться при брождении посетителей по блогу :)) Называем их logo1, logo2, logo3 и так до бесконечности :))
Помещаем свежеиспеченный файл rotate.php в папочку page_logo к картинкам "чердака".
В файле наблона style.php не забываем заменить путь к картинке шапки сайта на путь к нашему файлу. В моем любимом шаблоне "silver-lexus" это выглядит как:

#headerimage {height: 323px; background: url(‘images/rotate_logo/rotate.php’) top center no-repeat; list-style: none;}

Теперь блог будет смотреться совсем по-другому..

Коментарии: 19

mikolka

18.05.2007 21:16

Ответить

А к чему это все?

Vassilyev

19.05.2007 07:58

Ответить

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

Arien

19.05.2007 08:52

Ответить

IMHO, можно в FAQ. Думаю, многим будет интересно. Кто что думает по этому поводу?

mikolka

19.05.2007 10:14

Ответить

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

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

Vassilyev

19.05.2007 16:12

Ответить

Не стоит утрировать – так можно обесценить все что угодно.
Внешний вид, Функционал, и Содержимое – это три необходимые составляющие, и они не являются заменой друг другу. Визуально привлекательный блог не будет хуже того, у которого отсутствует привлекательность. Графическое оформление может являться сильным информационным составляющим блога, как и любого другого проекта. Блог http://il2.avtlg.ru/ от Dark_Elven (см. топик http://maxsite.org/forum/viewtopic.php?id=810) был бы скучнее и малоинформативнее без прекрасного графического оформления.
Если же визуальная составляющая кому-то "по барабану", то лучше держать это малоинтересное мнение при себе.

Форум создан не только для просьб помощи, но и для публикации удачных находок и решений: можно самому столкнуться с проблемой, решить ее, и познакомить остальных с открытием.

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

sonika

19.05.2007 17:59

Ответить

Может faq разбить на тематические подфорумы?
Эта тема относится к общим вопросам создания сайта, а не к wp. Но несмотря на то, что форум по вопросам вордпресса, постоянно спрашивают на смежные темы, касающиеся верстки, дизайна и т.п.

Я вот в ФАК смотрю, вроде бы и тем немного пока, а глаза уже разбераются.

В общем, Макс, ау 🙂

2Vassilyev
Если не секрет, покажите этот сайт (можно в личку), интересна реализация. Я для турагентств уже неск. сайтов на wp посадила.

CMEPTHuk

20.05.2007 00:30

Ответить

ротация… нда. тема интересная конечно, но зачем такие трудности? не проще ли при генерации страницы в src картинки вставить кусок php кода, который будет случайным образом писать название файла из ранее подготовленного массива, прописанного, скажем, в functions.php?

Vassilyev

20.05.2007 08:51

Ответить

Если внимательно прочитать решение, то видно, что именно так оно и работает. Только functions.php не нужен…

Придется показать в работе.. Смотрите болванку на http://www.amberdiscount.com/ Контента поке нет – т.к. пишу на китайском. Главное, виден в действии.
P.S. Домен временный; после того, как а след неделе повешу на нужный, дам постоянную ссылку.

MAX

20.05.2007 10:36

Ответить

Насчет ротатора картинок. Сразу приходят на ум два алгоритма.

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

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

Может faq разбить на тематические подфорумы?
Эта тема относится к общим вопросам создания сайта, а не к wp. Но несмотря на то, что форум по вопросам вордпресса, постоянно спрашивают на смежные темы, касающиеся верстки, дизайна и т.п.

Я вот в ФАК смотрю, вроде бы и тем немного пока, а глаза уже разбераются.

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

Вот Алена «курилку» предложила, делаем?

Arien

20.05.2007 10:50

Ответить

Может faq разбить на тематические подфорумы?
Эта тема относится к общим вопросам создания сайта, а не к wp. Но несмотря на то, что форум по вопросам вордпресса, постоянно спрашивают на смежные темы, касающиеся верстки, дизайна и т.п.

Я вот в ФАК смотрю, вроде бы и тем немного пока, а глаза уже разбераются.

Сначала было бы неплохо разбить на 2 раздела: Вордпресс и верстка. Как сказала Соника, всё равно вопросы по верстке задают. Почему бы их не вынести отдельно?

sonika

20.05.2007 12:01

Ответить

Давайте курилку!

MAX

20.05.2007 15:44

Ответить

Сделал! 🙂

masterL

10.09.2007 23:02

Ответить

а можно как-нибудь сделать, чтобы картинки зависели от времени суток?

mozn

11.09.2007 07:12

Ответить

Насчет ротатора картинок. Сразу приходят на ум два алгоритма.

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

А объясните плиз на пальцах как это сделать? 🙂

solider

11.03.2008 13:29

Ответить

интересно. мне как раз нужно. но как еще сделать чтобы менялся и текст снизу? и текст был привязан к картинке.

leswww

12.03.2008 14:35

Ответить

А мне идея понравилась, надо только подумать где её реализовать, до этого как-то и статика устраивала…

mikolka

12.03.2008 14:42

Ответить

Я вроде писал ответ на такое, он есть в FAQ по wordpress
http://forum.maxsite.org/viewtopic.php?id=3075

brainsolid

12.03.2008 19:03

Ответить

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

walaby

12.03.2008 20:35

Ответить

дык. делается все оч просто! в header.php прописывается php и все, вот мой код:

        <?php if (is_home()) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/main_log.gif" width="210" height="140" align="right"alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('about')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/about.gif" width="210" height="140" align="right" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('consult')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/consult2.gif" width="210" height="140" align="right"alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('education')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/education.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('monitoring')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/monitoring2.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('information')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/information.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('job')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/job.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('clients')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/clients.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('calendar')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/calendar.gif" width="210" height="140" align="right"alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('projects')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/projects.gif" width="210" height="140" align="right"alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('collaboration')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/collaboration.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('contact')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/contact.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('scheme')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/scheme2.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_page('vto')) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/wto.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_single()) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/news.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>
        <?php } elseif (is_404) { ?>
        <div id="header_home"></div><img src="<?php bloginfo('template_url'); ?>/images/wrong_404.gif" width="210" height="140" align="right" alt="" /><span style="margin: 0; padding: 0; border: 0;"></span>

        <?php } else { ?>
        <img src="<?php bloginfo('template_url'); ?>/images/header_5.jpg" width="970" height="140" alt="" />
        <?php } ?>

Ротация картинок в шапке блога

Свежее