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


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

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

не отображать миниатюру в сообщении

А при переходе на страницу сообщения её и нет совсем.


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

<div class="separator" style="clear: both; text-align: center;">
<a href="http://s018.radikal.ru/i503/1511/bd/ab7527b521d8.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://s018.radikal.ru/i503/1511/bd/ab7527b521d8.jpg" height="130" width="200" /></a></div>


То что выделено красным цветом аккуратно удаляем и в итоге имеем вот такой код.

<div class="separator" style="clear: both; text-align: center;"><img border="0" src="http://s018.radikal.ru/i503/1511/bd/ab7527b521d8.jpg" height="130" width="200" /></div>

Остаётся немного подредактировать код CSS, чтобы добиться эффекта, о котором сегодня и говорим. Отменим действие свойства clear. Нужно всего-то поменять значение clear: на display:none;


<div class="separator" style=" display:none; both; text-align: center;"><img border="0" src="http://s018.radikal.ru/i503/1511/bd/ab7527b521d8.jpg" height="130" width="200" /></div>


Если сейчас перейти обратно в режим создания сообщения, картинка видна не будет. Однако, после публикация она появится на главной странице, а в самом сообщении её нет. Здорово ведь.

А мне остаётся сказать вам спасибо за внимание и до встречи. Увидимся.


здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


9 комментариев:

  1. Здравствуйте, подскажите пожалуйста. В сообщении на загружаются фото, картинки, Всплывает окно Bad Request Error 400. как исправить положение? Спасибо.

    ОтветитьУдалить
    Ответы
    1. Ирина, скорее всего дела в браузере. Вот дам вам ссылку попробуйте воспользоваться рекомендациями. http://opartnerke.ru/oshibka-400-bad-request-v-brauzere/ и ещё на всякий случай http://24krsk.ru/IT-blog/post-305

      Удалить
  2. Привет, Виктория! Пока не знаю для чего нужно убирать картинку из текста, но на мой взгляд с картинками интереснее читать.

    ОтветитьУдалить
    Ответы
    1. Можно же на главную одну картинку а в тело поста другую. Например на главную поставить картинку по теме, чтобы было понятно суть статьи, а в статью что нибудь от себя (картинку-шутку например).

      Удалить
    2. Иван, с картинками конечно интересней. Но, коль есть такая фишка, возможно она и пригодится кому-то. Я встречала такой вариант.

      Удалить
    3. Рамазан, так именно так как ты говоришь и делают многие. Тут речь немного о другом.

      Удалить
  3. Интересно, Виктория! А если этот пост будет в дальнейшем нужен. И ты даешь кому-нибудь ссылку не него. Тогда картинка появится? Или ее не будет?

    ОтветитьУдалить
    Ответы
    1. Ирина, ты же дашь ссылку на пост полностью. картинки превьюшки не будет. Мы задали ведь условие, что пока она на главной превьюшка будет отображена, а в самом посте её не будет.

      Удалить

Пользовательский поиск
Foto Saya
My Photo