Как вставить в комментарий картинку?

Добавлено в закладки: 1

Как вставить в комментарий картинку?Здравствуйте, друзья!

Сегодняшняя публикация не будет иметь никакого отношения к трейдингу и инвестициям.  Тема статьи касается развития блога и расширения его функционала. И говорить мы сегодня будем вот на какую тему: как вставить в комментарий картинку. Казалось бы, какое отношение имеет такой сугубо технический вопрос к трейдингу? Но не спешите быть столь категоричными.

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

Мне, как человеку не особо сведущему во всех этих веб-дизайнерских делах, пришлось потратить некоторое время, чтобы решить эту задачку.

В итоге решения нашлось два:

  1. Использовать специальный плагин, расширяющий возможности движка сайта
  2. Воспользоваться услугами стороннего хостинга картинок.

Сразу скажу, что остановился я на втором варианте.

При использовании плагина, возникли несколько недостатков, устранить которые не является возможным. Во-первых, у меня так и не получилось установить максимальный лимит размера прикрепляемого изображения. Вот представьте себе, если кто-то из доброжелателей решит подшутить и оставит спам-комментарий с картинкой в несколько десятков мегабайт? Все бы, конечно, ничего, но вот все эти изображения будут храниться непосредственно на сайте, а дисковое пространство «нерезиновое». Да и грузиться потом все это счастье будет ну очень долго. А высокоскоростные безлимитные интернеты есть еще далеко не у всех.

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

В общем, решил я воспользоваться другой альтернативой – это различные фото-хостинги. Нечто подобное Вы могли не раз наблюдать на так всеми любимых торрент-трекерах.

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

Какие выгоды получает комментатор и автор блога в результате?

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

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

Сейчас перечитал последние абзацы, так прям продающий текст какой-то получился. Ладно, не страшно, поработаем над популяризацией фото-хостингов в трейдерской среде. :)

Этих фото-хостингов в интернете существует десятки, а может быть и сотни. Я подобрал, а если быть точнее «слизал» у все тех же торрент-трекеров, несколько самых качественных. Вот их подборка:

Мне больше всех понравился сайт radikal.ru. Именно на его примере покажу как это работает. На самом деле принцип у всех один и тот же, поэтому после прочтения этой статьи Вам не составит труда разобраться с любым другим фото-хостингом самостоятельно.

Переходим на сайт по ссылке. Далее действуем вот по такому алгоритму:

  1. Нажимаем «Обзор» и указываем путь к картинке на Вашем компьютере.
  2. Желательно убрать «галочку» с «уменьшить до…». Если Вы закачиваете изображение высокого разрешения, то оно автоматически будет обрезано до указанного размера. По-умолчанию в 800 пикселей.
  3. Надпись на фото. Опционально. Хотите — пишите, а хотите – нет.
  4. И последний шаг – жмем кнопку «загрузить».

Загрузка изображения на фото-хостинг

Про «превью 180 px» расскажу ниже.

После загрузки появится вот такое окно:

Вставка картинки в комментарий

И в этом окне Вы можете увидеть коды для вставки изображения. Всего их 10 штук. Нам же интересны всего 3 из них. Это 1, 7 и 10 коды. Они выделены на предыдущем изображении. Я бы рекомендовал использовать ссылку кода №7 («HTML: превью — увеличение по клику»).

Теперь все что нам остается это скопировать ссылку нужного кода и вставить в комментарий на блоге. Я добавил эти три ссылки в один комментарий, и вот что у меня получилось:

Комментарий с несколькоими кодами ссылок

Как Вы могли заметить, при использовании кода вставки «HTML: превью — увеличение по клику, появилось превью изображения». Да-да, это именно то самое превью, размеры которого мы могли указать на этапе загрузки изображения. Именно поэтому я рекомендую использовать этот код вставки, потому что, посетитель, читающий комментарий с Вашим изображением, обязательно обратит на него внимание.

Возможно, Вы спросите меня, а зачем это нужно Вам? Довольно часто мне пишут на почту с такими, например, вопросами как: «У меня не получается построить трендовую линию», «я провел канал, но сомневаюсь правильно ли я это сделал», «а вот эта свеча – это пин-бар или я перепутал». После я начинаю расспрашивать, где не получается, что не получается и прочее, потом прошу прислать мне скрин графика с его разметкой. В результате тратится много времени как моего, так и того человека, который обратился ко мне за помощью.

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

Ну вот, теперь Вы знаете, как вставить картинку в комментарий, используя возможности фото-хостингов.

С уважением, Вадим Атрощенко

Понравилась статья и хочешь отблагодарить автора? Расскажи о ней в соц. сетях
Или угости автора кофе
И не забудь подписаться на рассылку
Обсуждение: 9 комментариев
  • Василий №1 21/02/2014 - 16:05
    пользователь
    Специалист

    Сообщений от 500 до 800

    722 Сообщений

    Спасибо за нововведение! Очень рад, что Вы выполнили мою просьбу. Сейчас попробую залить изображение.

    Зато теперь пропали кнопки редактирования текста в поле создания комментария (полужирный, курсив и т.п). Или это так быть и должно?

    Извините, что исполнение моей просьбы отняло у Вас время! Но в будущем, когда блог будет более комментируемым, это функция всем будет полезна! :)

    Рейтинг: 0
    Ответить
    • Вадим Атрощенко @ Ответ для: Василий №2 21/02/2014 - 18:12
      Админ

      Администратор сайта

      2787 Сообщений

      Да, от кнопок пришлось избавиться, так как этот редактор не понимает html-тегов. :(
      Кстати, спасибо, за идею и предложения. Если будут еще какие-нибудь пожелания — пишите, постараюсь реализовать

      PS Василий, а Вы какой код ссылки использовали? Просто я открыл Ваш комментарий в админке и вижу ссылку в теге «a», а в самом тексте ее нет, так как нет анкора у этой ссылке? Я поправил ссылки на изображения

      Рейтинг: 0
      Ответить
      • Василий @ Ответ для: Вадим Атрощенко №3 21/02/2014 - 19:18
        пользователь
        Специалист

        Сообщений от 500 до 800

        722 Сообщений

        Я зашел на сайт Радикал. Загрузил изображение с харда и (вот точно не помню какую ссылку я использовал) вроде с номером 7. Ее скопировал и вставил. Я еще заметил, что при превью сообщение (с надписью, что коммент отправлен на проверку) не было изображений. Сейчас попробую еще раз. Изображение для проверки вставляю.
        пример изображения
        Насчет идей! Ну, у меня их много. К примеру надо, чтобы Вы начали публикацию нормальных стратегий. Типа выше линии — бай, ниже линии — селл. К тому же желательно, чтобы сами писали советников под эти стратегии, начните заниматься уже нормальными делами — продажей и перепродажей своих и чужих курсов: «как стать великим трейдером за 10 минут/часов/столетий». Нужно добавить рекламу разных ДЦ и периодически мониторить акции и плюшки и от этих самых ДЦ и выкладывать обзоры читателям. А так же торговые сигналы, продажа аналитики и прочее. Так многие делают, не отставать же от толпы? :)
        Вот как-то так:) Если начнете ту фигню реализовывать — уйду отсюда. :)
        Но, если серьезно, то пишите еще! Пишите статьи по теханализу (свечному, ПА), психологии. Из пожеланий — это статью или цикл статей (в зависимости от желаний и возможностей) по ведению торгового плана. Как составлять, как рассписывать, как строить, на что опираться и пр.
        :) Жаль, что кнопочек не будет. Теперь цитаты обозначать буду смайликами с двух сторон :) Но ничего страшного. Важно не кнопочки, важен контент.
        Хотелось бы больше активных комментаторов (хоть я и не люблю конкурентов). Чтобы не сидели на заборе, а писали, вступали в полемику, критиковали, учили бы торговать и инвестировать. Не стесняйтесь вступать в наши с Вадимом разговоры. Разрешаю даже троллить, только тонко:)

        Рейтинг: 0
        Ответить
        • Вадим Атрощенко @ Ответ для: Василий №4 22/02/2014 - 18:21
          Админ

          Администратор сайта

          2787 Сообщений

          Спасибо, писать обязательно продолжу. Но вот появления рекламы, к сожалению, избежать на 100% не получится. Рано или поздно она появится. Но обещаю следить за ее качеством, и Г… не будет :)
          Мне бы тоже хотелось появления больше активных комментаторов, ведь как известно, «в споре рождается истина».

          Рейтинг: 0
          Ответить
  • Иван №5 21/02/2014 - 16:15
    Знающий

    Сообщений от 100 до 300

    128 Сообщений

    Вадим, спасибо за предоставленную возможность. Думаю, что нововведение будет очень полезным.
    С уважением, Иван

    Рейтинг: 0
    Ответить
    • Вадим Атрощенко @ Ответ для: Иван №6 21/02/2014 - 18:11
      Админ

      Администратор сайта

      2787 Сообщений

      Пожалуйста, лишь бы только народ не стеснялся делиться своим творчеством :)

      Рейтинг: 0
      Ответить
  • Дмитрий №7 13/02/2015 - 16:14
    Новичок

    Сообщений от 1 до 50

    8 Сообщений

    И все равно 1 и 7 пункт не функционируют((

    Рейтинг: 0
    Ответить
    • Вадим Атрощенко @ Ответ для: Дмитрий №8 13/02/2015 - 16:33
      Админ

      Администратор сайта

      2787 Сообщений

      Пункт «10»

      Рейтинг: 0
      Ответить
  • zaec №9 27/03/2016 - 10:30
    Новичок

    Сообщений от 1 до 50

    1 Сообщение

    Нажмите один раз «копировать картинку» — воспроизведите ей, а потом нажмите на «копировать изображение» — тоже вставьте. Посмотрите какая вам больше по душе.????

    Рейтинг: 0
    Ответить
Поделитесь своим мнением
Войти с помощью: 

Правила комментирования блога

Подарки подписчикам
Скачайте видеокурс по QUIK!
MetaTrader 4: полное руководство для начинающих трейдеров
Лучшие комментаторы месяца
Николай (2)

ВАдим (1)

Axwell (1)

Общее количество комментариев:

7928

Новые комментарии
© 2016 Блог форекс-трейдера Вадима Атрощенко  · Для лиц старше 18 лет (18+)
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Войти с помощью: 
Перейти на страницу