Вопрос вебмастера: как подогнать размер картинки под статью?

Как подогнать размер картинки

Здравствуйте, дорогие читатели!

Сегодня мы поговорим о таком вопросе, которым задается каждый второй вебмастер: » Как подогнать размер картинки под статью?».

Да, на первый взгляд этот вопрос возможно прозвучит бессмысленно и смешно, но я не в праве Вас судить и просто хочу поделиться полезной информацией.

И на самом деле, что тут сложного просто зашел в редактор и при написании статьи и добавлении материала вставил нужную картинку, а там уже с помощью инструментов редактора подгоняй как тебе угодно.

Это все действительно так и ничего сложного здесь не вижу.

А в чем тогда суть, о чем разговор? Если и так все понятно…

Дело в том, что все шаблоны разные и их настройки значительно отличаются, и не все они в начале поддерживают изменения проделанные вами в редакторе (к примеру, изменение картинок).

И там уже хоть как меняй размер картинки, хоть не меняй, а в итоге размер картинки на странице сайта получите стандартный (такой, как был до начала редактирования).

Это разве что нужно скачивать изображения уже готового размера под статьи, а сделать это все наугад очень сложно…

К чему это все?

А дело в том, что сам наткнулся на подобную своего рода проблему. И как я только не старался изменить и подогнать — все было напрасно…

Да, в редакторе вроде все отлично, можно только любоваться. Но, на страницах сайта кошмар — огромные картинки, занимающие по полстраницы, не четкие и расплывчатые.

P.S. А всего бы этого можно было избежать, если бы я только знал о том, что их заранее нужно подгонять и редактировать (гораздо эффективнее).

И в конце концов я нашел выход, связанный с небольшими изменениями в Таблице стилей (style.css).

Итак, приступим!

Для начала заходим в панель управления вашим сайтом.

  • Внешний вид — Редактор.
  • Таблица стилей (style.css) вашей темы.
  • Находите вот такие вот строки:

Для быстрого поиска нажмите Ctrl+f и в строке для поиска введите какой-то элемент кода. К примеру:

После того как вы нашли данный код, удалите эти слова:

Сохраняете изменения и на этом все!

Оставляйте свои вопросы и комментарии внизу под статьей!

До скорой встречи в моих постах!

С уважением, Владислав Лемишко.

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

Хотите подписаться на обновление блога по почте?

Обсуждение: оставлено 8 коммент.
  1. Галина:
    В Джумла эти проблемы разрешаются обычным кликом в редакторе. :-)
    Ответить
    • Admin:
      Спасибо за комментарий! Просто попалась такая тема, где были стандартные установки в style.css, которые автоматом ставили картинку в полный размер… Вот решил поделиться информацией!
      Ответить
      • Артем:
        Приветствую! А зачем так менять стили? Чтобы подогнать размер картинки не обязательно стили менять, достаточно знать ширину статейной полосы. И при загрузке картинки можно указать нужный размер.
        Я себе линеечку поставил (есть в хроме такая надстройка). Померил ширину и нормально
        По первости были такие же проблемы картинками, но потом перешел на WLW (windows live writer) и все закончилось. Отличная программа, статью пишешь как-будто сразу в шаблоне…
        Ответить
        • Vlad:
          Выше ответил!

          Но, все равно спасибо за полезную информацию!

          Ответить
  2. Ольга:
    Интересно. Ни с чем подобным пока не сталкивалась. Зато другая проблема есть, которую пока не знаю как решить — картинка имеет только 3 размера — большой, маленький и средний. А мне нужны бывают другие размеры. Подгонять пока не научилась. Может Вы знаете — есть какая-нибудь хитрость?
    Ответить
    • Admin:
      Здравствуйте, Ольга! Попробуйте изображение заключить в тег:

      < img src=»путь к файлу» width=»80″ height=»69″ title=»название картинки»>

      Загружаете картинку: вписываете путь к файлу, задаете ширину и высоту под себя, вписываете title.

      Title не обязательно, можно и так: < img src=»путь к файлу»_width=»80″ height=»69″>
      P.S. Title — определяет заголовок картинки, при наведении на изображения высветиться текст из атрибута title.

      Ответить
    • Артем:
      После загрузки картинки в статью, нажмите на картинку правой кнопкой мыши, заходите в настройки картинки (при нажатии появяткся кнопки в верхнем левом углу картинки), вкладка Дополнительно и в ней уже меняете размер
      Ответить
      • Vlad:
        Здравствуйте!

        Да это все верно! Но у меня в стилях были заданы параметры и картинка даже после таких изменений обретала стандартный размер!

        Спасибо, что оставили комментарий под этой статьей — пора бы ее подрихтовать…

        Кстати, вы впервые на моем блоге — думаю теперь будете заходить почаще:)

        Ответить
Поделитесь своим мнением
Для оформления сообщений Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

:язык: :улыбка: :удивление: :сплю: :сомневаюсь: :смех: :симпатия: :рыдать: :подмигнуть: :круто: :злой: :задуматься: :деньги: :грустно:

Оповещение на e-mail о выходе новых статей

Введите ваш e-mail адрес:

Топ комментаторов!
moon(1)
Александр(1)
Александр(1)
Макси(1)
© 2017
Яндекс.Метрика