Здравствуйте, дорогие друзья, читатели и гости блога. А не хотите ли вы сделать так, чтобы первая картинка в блоге отображалась только на главной странице, а в самом сообщении её не было. Вот такой небольшой фокус с изображениями хочу вам сегодня предложить. Без всяких ковыряний в шаблоне блога? Единственное условие - это будет работать если вы сделали ссылку читать далее автоматически. Об этом я писала в последней статье.
Чтобы было более понятно о чём идёт речь посмотрите. Картинка отображается, как обычно на главной.
Тут принцип работы совершенно простой. Если вы вернётесь к сообщению как работать с изображениями в блоге, то вся суть в нём и описана. Но повторюсь вкратце. Нужно обычным способом загрузить первую картинку и перейти в режим 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>
То что выделено красным цветом аккуратно удаляем и в итоге имеем вот такой код.<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>
Если сейчас перейти обратно в режим создания сообщения, картинка видна не будет. Однако, после публикация она появится на главной странице, а в самом сообщении её нет. Здорово ведь.А мне остаётся сказать вам спасибо за внимание и до встречи. Увидимся.
здесь можно оформить подписку на новые шпаргалки
Здравствуйте, подскажите пожалуйста. В сообщении на загружаются фото, картинки, Всплывает окно Bad Request Error 400. как исправить положение? Спасибо.
ОтветитьУдалитьИрина, скорее всего дела в браузере. Вот дам вам ссылку попробуйте воспользоваться рекомендациями. http://opartnerke.ru/oshibka-400-bad-request-v-brauzere/ и ещё на всякий случай http://24krsk.ru/IT-blog/post-305
УдалитьПривет, Виктория! Пока не знаю для чего нужно убирать картинку из текста, но на мой взгляд с картинками интереснее читать.
ОтветитьУдалитьМожно же на главную одну картинку а в тело поста другую. Например на главную поставить картинку по теме, чтобы было понятно суть статьи, а в статью что нибудь от себя (картинку-шутку например).
УдалитьИван, с картинками конечно интересней. Но, коль есть такая фишка, возможно она и пригодится кому-то. Я встречала такой вариант.
УдалитьРамазан, так именно так как ты говоришь и делают многие. Тут речь немного о другом.
УдалитьИнтересно, Виктория! А если этот пост будет в дальнейшем нужен. И ты даешь кому-нибудь ссылку не него. Тогда картинка появится? Или ее не будет?
ОтветитьУдалитьИрина, ты же дашь ссылку на пост полностью. картинки превьюшки не будет. Мы задали ведь условие, что пока она на главной превьюшка будет отображена, а в самом посте её не будет.
УдалитьСтатья как раз в тему... Думал, как минимизировать главную страницу, а тут прекрасное решение 😊
ОтветитьУдалитьВиктор, Тут наоборот картинка превьюшка будет на главной, а в статье не будет отображаться. Возможно, я тебя не правильно поняла.
УдалитьМне как раз и надо такое, для блога с шаблонами, чтобы были одни превьюшки, а в внутри, я уже большую картинку вставлю... получиться, когда писать пост, надо вставлять две одинаковых картинки, первая маленькая (скрытая), а вторая для поста большая. =)
ОтветитьУдалитьАааа... Поняла теперь. Не плохая идея.
УдалитьВиктория, может быть, вы знаете, как добиться этого и для текста? Например, на главной - только краткие описания статей, а сами статьи - на страницах сообщений.
ОтветитьУдалитьAnton, всё просто. Для того, чтобы вывести анонс на главную. нужно в самом редакторе сообщений, при написания статьи, в месте где предполагается обрезать анонс нажать вверху на крайние 3 точки (опция дополнительно и в открывшемся окне выбрать четвёртый слева значок(вставить ссылку читать далее). всё.и продолжать писать. Будет переход на полную статью и краткий анонс на главной.
ОтветитьУдалитьВиктория, имелось в виду другое. Краткий анонс не является началом самой статьи, он не зависит от неё и не совпадает с ней. Возможно ли реализвовать это на "Блоггере"?
УдалитьAnton не думаю, что такое возможно . Одни заголовки статей возможно реализовать http://www.shpargalochki.ru/2020/06/ne-pokazyvat-kartinku-prevyu-na-glavnoj-stranitse--blogger.html
ОтветитьУдалить