Профессиональное обучение
блоггингу от А до Я

Скрипт увеличения картинок в статье блога без плагинов!

Увеличение изображения при нажатии в статье блога

Ребята всем привет! Вот писал последнюю статью про чистку Mysql базы данных блога от мусора и понял — ПОРА! Пора вставлять на блоге в статьи картинки так, чтобы при нажатии на них, они увеличивались и показывались в оригинальном размере.

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

Обратился за помощью к профи и они подсказали мне, что нужно сделать и я все настроил буквально за 3 минуты. Повторюсь, без использования всяких плагинов типа Auto Highslide и т.д. Давайте не буду долго тянуть кота за я... и перейду к делу.

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

Приехал друг с Питера! Это мы вместе с ним в моем штабе!

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

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

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

Итак начнем. Все делается в ТРИ простых шага:

1. Скачиваем скрипт и закидываем его на свой хостинг (сервер)
2. Добавляем в файл footer.php небольшой код
3. Добавляем изображения в статьи блога.

ГОУ! Скачиваем сам скрипт. Закидываем все содержимое в корень своего блога. Корень блога — это главная директория блога где лежат такие папки как wp-admin, wp-content и т.д. Гут! Это сделали!

Вторым шагом добавляем в файл footer.php темы своего блога специальный код. Вот он:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript" src="http://site.ru/simplebox_util.js"></script>
<script type="text/javascript">
(function(){
var boxes=[],els,i,l;
if(document.querySelectorAll){
els=document.querySelectorAll('a[rel=simplebox]');	
Box.getStyles('simplebox_css','http://site.ru/simplebox.css');
Box.getScripts('simplebox_js','http://site.ru/simplebox.js',function(){
simplebox.init();
for(i=0,l=els.length;i<l;++i)
simplebox.start(els[i]);
simplebox.start('a[rel=simplebox_group]');			
});
}
})();</script>

Внимание! В коде замените site.ru на ваш домен. Добавлять код в footer.php нужно перед закрывающим тегом </body>

Гут! Ну в принципе все! Теперь самая основная часть! Будем вставлять картинки в статьи так, чтобы при нажатии они увеличивались, как я показал выше на примере. В общем смотрите. Тут все просто, хотя сначала покажется сложно кому-то! Я вставляю картинки как обычно в пост через кнопку в текстовом редакторе — Добавить медиафайл:

Скрипт увеличения изображения wordpress без плагинов

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

Текстовый режим

Вот что я вижу:

Url картинки и ее размер

Url ссылки - http://isif-life.ru/wp-content/uploads/2014/03/text.jpg
Размеры: width="306" height="182"

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

1
 

В итоге у нас получается вот что:

1
<a rel="simplebox" href="http://isif-life.ru/wp-content/uploads/2014/03/text.jpg"><img class="aligncenter" alt="Текстовый режим редактора" src="http://isif-life.ru/wp-content/uploads/2014/03/text.jpg" width="306" height="182"></a>

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

ОБНОВЛЕНИЕ! В комментариях к этой статье Дмитрий Шкурин предложил еще более легкий вариант использования данного скрипта. Теперь в коде вообще ковыряться не нужно:

Дополнение к статье

То есть когда мы закинули скрипт в корень блога + добавили специальный код в footer.php, нам уже не надо ни чего ковырять чтобы добавить картинку в статью. Делаем все следующим образом. Как обычно добавляем картинку в статью через функцию «Добавить медиафайл». Теперь в параметрах отображения файла указываем ссылка как — «медиафайл»:

Ссылка - медиафайл

и вставляем картинку в статью. Далее открываем параметры картинки в визуальном редакторе:

Визуальный редактор

естественно настраиваем размеры, чтобы картинка ровно влезала в статью, дальше переходим во вкладку «Дополнительно» и в графе «Отношение» пишем — simplebox — «Обновить». Готово!

simplebox

Все быстро, просто и еще удобнее. Дмитрий большое спасибо! Очень помог!

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

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

С уважением, Александр Борисов



Как заработать продавая баннеры

5 000 000 за 2 года в интернете...

150 000 рублей в месяц с БЛОГа
Этот блог читают уже более 6000 человек
- читай и ТЫ!
комментариев 149
  1. Александр Быкадоров

    Всем привет. Спасибо Саша, за статью.

    Безплагинная тема — это здорово. Надо стараться полностью от них отойти.

    в 10:41 | Ответить
    • Артём Черкасов

      Блин, а у меня плагин стоял + в некоторых статьях придётся редактировать изображения :)

      в 12:32 | Ответить
      • Александр

        Хорошо, что у меня ничего не было, сейчас поставлю и всё ;-)

        в 20:38 | Ответить
    • Дмитрий

      Тема оптимизации всегда будет актуальна! Как SEO так и оптимизации самого блога.

      в 18:35 | Ответить
    • Артём

      Плагины очень нагружают ваш блог! На моем блоге сделано с помощью этого скрипта ;-)

      в 20:37 | Ответить
  2. Иван

    Нормуль. Но для простого юзера (блогера) все равно такой способ довольно неудобен: каждый раз при добавлении картинки нужно ковырять html-код.

    в 10:45 | Ответить
    • Артём Черкасов

      Да ничего сложного нет в этом, это только так кажется! ;-)

      в 12:33 | Ответить
      • Александр Быкадоров

        Артем, у всех темы разные... Бывает такие замудренные, что ух )))

        То слезло, то сползло )))

        в 17:22 | Ответить
    • Игорь

      5 — 10 раз так сделаешь, потом уже будешь это всё на автомате делать и ни чего не замечать! Первые разы у тебя это займет 5 минут, потом справишься за пол минуты.

      в 14:47 | Ответить
    • Александр Борисов

      Как раз таки это для простого юзера. Он справится. 5 минут разбираешься, потом все идет как по маслу на автомате.

      в 16:42 | Ответить
  3. Дмитрий

    Отличная фишка! Стильно смотрится. А можно настроить скрипт так, чтобы картинка вылетала на нас, а не просто появлялась?

    в 11:16 | Ответить
    • Александр Борисов

      Вот этого не знаю.

      в 16:42 | Ответить
    • Тимур

      Нужно подключить jQuery и посмотреть что-нибудь готовое. Думаю, вы не первый, кто захотел это сделать.

      в 17:23 | Ответить
  4. Максим

    Александр спасибо за статью! Буквально вчера прочитал, что плагин, который отвечает за данную функцию со временем очень сильно подгружает блог и пришлось этот плагин убрать, а тут у вас такая статья ролевантная. :)

    в 11:41 | Ответить
  5. Александр

    Спасибо! Попробую установить :)

    в 11:57 | Ответить
  6. Артём Черкасов

    Классный скрипт, сейчас поставлю!

    в 12:32 | Ответить
  7. Denis

    Спасибо Александр за полезную информацию и за скрипт.

    в 13:20 | Ответить
  8. Александр

    Это удобно, если в статье 1-3 картинки, а если их 10 и более, тогда лучше использовать плагин :).

    в 13:21 | Ответить
    • Александр

      Лучше картинки не увеличивать :)

      в 14:32 | Ответить
      • Александр Быкадоров

        Согласен, но иногда без этого — ну никак.

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

        в 17:23 | Ответить
    • Александр Борисов

      Александр, а разве вам именно все картинки надо увеличивать? Мне так например не все.

      в 16:43 | Ответить
      • Александр

        У меня все увеличиваются, так как это компьютерные инструкции со скриншотами.

        в 16:48 | Ответить
        • Александр Борисов

          Тем более вам надо скрипт использовать, а то так нагрузка будет не хилая. ИМХО!

          в 16:50 | Ответить
          • Александр

            Пока нормальная нагрузка. Читатели не все скриншоты открывают, так как есть и такие скрины, которые более продвинутому пользователю открывать нет смысла. Дальше буду смотреть.

            в 16:56 | Ответить
  9. Евгений

    Спасибо, действительно очень полезный скрипт, огромный + за реализацию этой идей без плагина.

    в 13:33 | Ответить
  10. Денис

    У автора, смотрю, творческий подьем. Статьи одна лучше другой. Только вот недавно думал про картинки, как найти золотую середину, чтобы и картинка в хорошем качестве открывалась, и вес ее не слишком большой был. Статья актуальная, автору респект [good] .

    в 14:32 | Ответить
  11. Тимур

    Спасибо, но ,как по мне, Lightbox справляется с этим нормально. Лучше один раз установить, чем каждый раз править html код.

    Кстати, Александр, не подскажете почему не устанавливается плагин Wp no external links? После учтановки не появляется в параметрах и при попытке вручную открыть админ панель пишет, что недостаточно прав для просмотра. Пробовал деактивировать все плагины и установить только его, но увы безуспешно 🙁

    в 15:37 | Ответить
    • Александр Борисов

      Я тоже так думал раньше, но сейчас понял, что лучше использовать скрипт, а не плагин, а то так и база вырастет и блог дольше будет грузиться. А это плохо для ПС.

      По плагину Wp no external links не знаю. Может конфликт какой-то!

      в 16:45 | Ответить
      • Тимур

        Временно установил плагин (J) eXR, но, к сожалению, он скрывает не все ссылки + преобразует их неправильно. Нужно найти альтернативу. Может через 301 редирект сделать?

        Только вот думаю, не даст ли мне Яндекс по шапке :)

        в 17:22 | Ответить
  12. Сергей

    Иногда такое увеличение очень хорошо подойдет. Спасибо за скриптик. А способ лучше может и есть, но только в том, что скрипт со всеми другими файлами будут весить меньше. Этот весит 36Кб, так что лучше вряд ли найдешь.

    в 15:41 | Ответить
  13. Александр

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

    в 16:26 | Ответить
  14. Сергей

    надо бы себе такой подключить спасибо Саня! :)

    в 16:46 | Ответить
  15. Дмитрий Шкурин

    Александр спасибо за статью, все супер! Я бы еще добавил к вашей статье упрощенный вариант использования данного скрипта.

    Для тех кто не хочет каждый раз копаться в HTML коде, можно просто указывать при добавлении картинки в параметрах отображения файла «ссылка: Медиафайл» — это позволит сразу добавить к изображению HTML тег

    А дальше все делается в визуальном режиме в редактировании изображения можно указать и размер и обтеканиие текстом. Но самое главное, чтобы картинка открывалась с таким красивым эффектом нужно обязательно добавить параметр «simplebox» в дополнительных параметрах ссылки в поле «Отношение»

    Вот и все, тогда этот вариант будет еще более удобен.

    в 17:05 | Ответить
    • Александр Борисов

      Ух ты! Вот спасибо! Действительно! Все еще проще стало! Спасибо! Добавлю в статью!

      в 17:23 | Ответить
    • Мария

      Дмитрий, большое Вам человеческое спасибо, светлая Вы голова! Теперь даже я поняла [flower] !

      в 21:36 | Ответить
    • Рашида

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

      в 22:15 | Ответить
    • Александр Быкадоров

      Дима, ну молодец — что тут скажешь !

      в 17:25 | Ответить
    • дмитрий

      Хороший совет, Дмитрий)

      Вот это нужно взять на заметку.

      в 14:51 | Ответить
  16. Александр

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

    в 18:08 | Ответить
  17. Александр x3m

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

    в 19:59 | Ответить
  18. Алексей

    Вроде все просто, но у меня ничего не получилось. Психанул и удалил этот плагин к чертям. [:--_)]

    в 20:44 | Ответить
  19. Мария

    Саша, очень радует Ваше вдохновение — все статьи пошли одна полезнее другой! Плагин действительно со временем нехило грузит БД, знаю людей, которые с этим мучаются, сайты начинают тормозить. Спасибо за полезную статью простым русским языком :) .

    в 21:40 | Ответить
  20. Людмила

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

    в 22:17 | Ответить
  21. геннадий

    У меня в шаблоне темы все предусмотрено для увеличения изображений. Если у кого-то нет то даный код как раз в точку золотой середины!

    в 22:37 | Ответить
  22. Руслан Ахтамьянов

    Вот за это, Саш, спасибище!!! У меня все плагины не работали или с чем-то конфликтовали... Пока пишу с планшета, как попала к компу первым делом сделаю. Если что отпишусь.

    в 22:46 | Ответить
  23. Виталий Калинин

    Как раз у меня волна пошла — всё по максимуму стараюсь на код перевести. Нормально, забираю. Спасибо Александр и Дмитрию респектую за подсказку.

    в 23:08 | Ответить
  24. Руслан Ахтамьянов

    Ура! Все работает! Потрясно! Я долго искал как реализовать красивое увеличение картинок, повторюсь ни один плагин не работал. По плагинам — грешу на свою тему.

    в 23:10 | Ответить
  25. Руслан Ахтамьянов

    Да, еще забыл добавить — ребята, у кого в расширенных настройках ссылки будет поле «Rel ссылки» вместо поля «Отношения», не пугайтесь, это одно и то же, туда нам надо! ;-)

    в 23:23 | Ответить
  26. Александр Борисов

    Всем спасибо за комментарии! [good]

    в 00:10 | Ответить
  27. Андрей

    Александр, а если у меня уже открывается картинка при щелчке по ней в другом окне, ещё раз щёлкнуть ещё в одном. Прям как в сказке про кащея [:-))] Мне это не нравится. Плагин ни какой не устанавливал.

    Выходит мне сначала надо найти и убить тот код, скрипт?

    И только потом устанавливать предложенный вариант

    в 00:18 | Ответить
    • Александр Борисов

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

      В общем ставьте скрипт и вставляйте картинки правильно!

      в 10:41 | Ответить
      • Андрей

        Спасибо, Александр. Но у меня увы не получилось. Картинка открывается в др. окне. Похоже скрипт не подключается. Название своего сайта в трёх местах поменял. Может какие-то особенности темы?

        в 17:35 | Ответить
        • Андрей

          Ура, получилось! Спасибо! Я вставлял в корень сайта папку sbox, которая находится в архиве скрипта. Сейчас я вставил содержимое этой папки в корень сайта, и всё заработало. Просто путь не совпадал.

          в 17:29 | Ответить
  28. Сергей Черняев

    Александр скажите а как этот момент с картинкой отразится на поведенческих факторах?

    в 01:09 | Ответить
    • Александр Борисов

      Ни как. При чем тут картинки.

      в 10:41 | Ответить
      • Александр Быкадоров

        Отразиться, Саша.

        Откроет кто нибудь пост, а тут картинка. Нажал — открылась, еще раз — закрылась... И так 56 раз ))) А время то идет ))))

        в 17:13 | Ответить
  29. Николай

    А чем вас плагин не устраивал?

    в 01:31 | Ответить
    • Александр Борисов

      В статье написал.

      в 10:42 | Ответить
  30. дима

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

    в 07:33 | Ответить
    • Александр Борисов

      Еще нет пока. Вдохновение. [:-))]

      в 10:42 | Ответить
  31. AleGof

    Александр, спасибо!

    в 08:56 | Ответить
  32. Андрей

    Добрый день, Александр. Все сделал как описано в статье... но почему то не работает. Может с чем то конфликтовать ?

    в 09:04 | Ответить
    • Андрей

      Разобрался, при копировании с сайта simplebox захватил лишний пробел. Кроме этого советую указать красным жирным шрифтом, что site.ru менять надо 3 раза. А то невнимательные новички как я будут спотыкаться :)

      в 09:29 | Ответить
    • Александр Борисов

      Вижу, что все работает!

      в 10:43 | Ответить
  33. Сергей

    Что-то у меня ничего не получилось. Картинка увеличивается, но в отдельном окне, а не на фоне страницы блога. И не посередине.

    в 09:47 | Ответить
  34. Сергей

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

    в 10:20 | Ответить
    • Александр Борисов

      Вот и отлично!

      в 10:43 | Ответить
    • Александр Быкадоров

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

      в 17:14 | Ответить
  35. Мария

    Полезная статья надо будет попробовать.

    в 11:40 | Ответить
  36. Тим

    Александр, ты не знаешь, этот скрипт можно использовать для сайтов на HTML?

    в 11:49 | Ответить
    • Александр Борисов

      Конечно можно! Все так же.

      в 11:49 | Ответить
      • Тим

        Это гут, спасибо )

        в 13:31 | Ответить
  37. Шамиль

    Привет, Саша! Радует что снова пошли статьи по теме блога. Хотелось бы что бы в том же духе продолжалось и часто выходили новые статьи. Спасибо.

    в 12:29 | Ответить
  38. Екатерина

    Саша, как ты бойко статьи писать стал! :) Одна лучше и полезнее другой! Я сейчас плагином пользуюсь, но так как часто использую большое количество изображений в статьях, то нужно, видно, от него избавляться. На нынешнем блоге ничего не буду менять, но когда на новый адрес перееду, то постараюсь заменить большинство плагинов на скрипты. Спасибо за такие практичные советы!

    в 12:55 | Ответить
    • Александр Борисов

      Так скучно ни чего не делать! Двери нет, в офис не хожу, вот и засел писать статьи [:-))]

      в 14:47 | Ответить
      • Александр Быкадоров

        Так и не привезли? Что за...

        в 17:15 | Ответить
  39. Мирослав

    Александр. Благодарю вас за очень полезный скрипт. Как раз искал способы облегчить нагрузку на сервер, вот и заменю плагин с похожим эффектом.))

    в 12:59 | Ответить
  40. Владислав

    А, я у себя отказался от всякого рода эффектов с картинками, так как у меня бывают посты с 20-ю и больше фотографиями, поэтому ставить плагин — сильно тормозить работу блога, а 20-30 раз заморачиваться со скриптом — нереально.

    в 17:39 | Ответить
  41. Валерий

    Спасибо Саш) будем пробовать)! Продолжайте радовать интересными, а самое главное полезными постами! ;-)

    в 18:18 | Ответить
  42. Геннадий Ольховский

    Спасибо за интересную информацию, думаю многим будет это интересно. Если установить этот скрипт, тогда придется все картинки на блоге залить таким способом, то есть переустановить все изображения?

    в 19:41 | Ответить
  43. Денис

    Эх эта «волшебная» дверь, не хотят люди зарабатывать, подари им курс, пусть лучше в интернете работают). Новая статья как и всегда несет в себе пользу, ждем новых фишек.

    в 20:02 | Ответить
  44. Василий

    У меня такой есть вопрос. Для работы этого скрипта изображения должны быть в разных размерах? Или скрипт будет работать с одним изображением? Например, Вордпресс добавляет в папку uploads несколько размеров одного изображения. Если я оставлю только одно из них, этот скрипт будет работать?

    в 20:07 | Ответить
    • Александр Борисов

      Одно изображение.

      в 11:35 | Ответить
  45. Артем

    Спасибо, то что надо для сайта.

    в 20:16 | Ответить
  46. Сергей

    Здорово, спасибо за подсказку, начал делать сайт, будем применять.

    в 20:18 | Ответить
  47. Юля

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

    в 20:22 | Ответить
  48. Михаил

    Спасибо, Александр! Отличная, своевременная статья, нужно будет теперь некоторые фото по-новому перезалить! ;-)

    в 21:42 | Ответить
  49. 4elovek_futbolist

    Вроде бы и мелочь, но иногда без этой функции не обойтись) [good]

    в 23:03 | Ответить
  50. Дмитрий

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

    может на будущее пригодится и попробую твой способ, плюс этого способа в том что к каждой картинки можно в рамке, описание добавить =) [good]

    в 02:33 | Ответить
  51. Е vgeniy

    Александр благодарю! Получилось! всё очень хоходчиво. [good]

    в 10:39 | Ответить
  52. 4elovek_futbolist

    Хочу воспользоваться случаем сегодня же 8 марта девушки мы вас любим и без вас не как!!!

    С 8 марта [flower] [flower] [flower] желаю Успехов в Блогосфере, Любви побольше!!!

    И для вас у меня есть подарочек [present]

    Вас прекрасными стихами

    Поздравляем мы с весной.

    Хоть слагали и не сами,

    Дарим их – со всей душой!

    Пусть для вас 8 Марта

    Прозвучат слова любви!

    Вам желаем солнца, счастья,

    Блеска утренней зари! [present] [flower] [flower] [flower]

    в 10:46 | Ответить
    • Александр Борисов

      Присоединяюсь к поздравлениям. Всех женщин, девушек, девочек, бабушек С ПРАЗДНИКОМ!

      в 11:36 | Ответить
      • Артём Черкасов

        Всех всех всех с праздничком! [flower]

        в 15:05 | Ответить
        • Александр

          С праздником, дорогие женщины [flower]

          в 20:19 | Ответить
  53. Артём Черкасов

    А дополнение то хорошее! Только я использую плагин именно так и делал)

    в 15:03 | Ответить
  54. Рамазан

    Александр, подскажите — как сделать так чтобы после того как публикуется статья она индексировалась только чрез 2 или 3 дня. У меня после публикации через 5-10 минут она уже в индексе, как от этого избавиться?

    в 15:34 | Ответить
    • Сергей

      Какое-то странное у вас желание [:-|] Обычно все не знают как сделать, чтобы страницы быстро индексировались, а у вас наоборот. Зачем вам это надо?

      в 16:58 | Ответить
      • Рамазан

        Хочу успеть набрать ссылочную массу. И успеть подредактировать.

        в 17:35 | Ответить
      • Александр

        Да, желание из редких :) Мне бы так.

        в 20:20 | Ответить
    • Валерий

      Думаю время попадания в индекс ни как нельзя ограничить, можно только либо ускорить либо оттянуть на неопределенный срок! В большей степени это зависит от самой поисковой системы! Ваш сайт скорее всего так быстро индексируется из за узко направленной тематики! [:-|]

      в 17:06 | Ответить
      • Рамазан

        Как понять узко направленной?

        в 17:33 | Ответить
        • Александр

          Все статьи практически одной тематики, про Ислам.

          в 20:23 | Ответить
          • Рамазан

            А причем тут узкость тематики? Думаю нормальный сайт должен быть на одну тематику. А про Ислам я составил 350 статей. Эта тема больше чем сео и заработок, я вас уверяю) ;-)

            в 20:33 | Ответить
    • Александр Быкадоров

      Рамзан, вот так да )))

      Как научитесь делать так, что бы индексация "наступала " через 2-3 дня — выпускайте платный курс: «Как уменьшит скорость индексации блога» . Будет востребованный ;-)

      в 17:18 | Ответить
    • Александр

      Поставь галочку в All in One SEO Pack не индексировать запись. Когда понадобится сними и обнови запись.

      в 15:01 | Ответить
  55. Александр Жук

    Спасибо за скрипт, теперь я задумался — стоит ли использовать тот плагин, что у меня стоит. Но вот в чем у меня загвоздка, в комментах уже писали — а как человек поймет, что нужно нажать на картинку? Тот плагин что я использую, когда проводишь мышкой по картинке, которая должна увеличиться, он меняет вид курсора и всем понятно что нужно нажать. А в примере выше, стрелка остается как была. Что выбрать — понятность для юзеров или уменьшить загруженность блога?

    в 23:33 | Ответить
  56. Никита

    Кстати, на моем блоге я писал статью об одном скрипте увеличения изображений. Он будет поэффектнее, чем этот. Если у Вас получится прикрутить его к блогу, то будет тоже неплохо.

    в 15:55 | Ответить
  57. Конствнтин

    Александр, скажи как ты сделал в правом сайдабе табличку с популярными статьями?

    в 21:35 | Ответить
  58. YURY

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

    в 06:52 | Ответить
  59. Виктор

    Прикольно. А я купил тему для нового сайта, там уже просмотрщик встроен, плюс кучу других полезных фишек в настройках темы можно включать — настройка css, хлебные крошки, кнопки соц сетей, поля для размещения рекламых блоков в постах, и для статистики, локализация, настройки шрифтов и многое другое. Больше всего что понравилось — для каждой страницы или поста можно делать отдельный сайдбар. Плюс сам шаблон адаптивный и уже SEO оптимизированный. Короче половину плагинов можно не ставить и не нужно копаться в коде для донастройки шаблона.

    в 01:37 | Ответить
  60. Илья

    Спасибо, Александр! Реально стало намного лучше, ибо реально было неудобно с большими картинками, всё время мучился, а тем всё тип-топ. [good]

    в 14:55 | Ответить
  61. Евгений

    Если вы часто пользуйтесь увлечением картинок в своих статьях, то тут ставит придется плагины, у меня например 2-3 статьи в неделю и мне прекрасно подходит это решение!

    в 08:14 | Ответить
  62. Александр

    Александр!

    А как быть если необходимо сделать фотогалерею?

    Хочу сделать на нескольких страницах по фотогалерее.

    Но вся суть в том, что фото будут храниться на внешнем сервере для экономии на хостинге, к примеру на fotki.yandex.ru.

    Яндекс и Гугл предательски молчат или предлагают плагины с закачкой на мой хостинг.

    в 11:49 | Ответить
  63. Евгений

    Спасибо за скрипт. Реально интереснее фотографии стали смотреться

    в 07:15 | Ответить
  64. Сергей

    Спасибо за совет! Так намного лучше, да и сайт не нагружает лишним плагином.

    в 17:30 | Ответить
  65. ЯНИС

    Я использую плагин shutter reloaded, дак тоже супер и он вообще легкий, ничего не нагружает!

    в 01:53 | Ответить
  66. Алла

    Какое чудесное решение, для тех кто не хочет грузить сайт плагинами...Да и плагины, которые до этой статьи ставила, что-то косо работали, то одно, то другое. Спасибо за статью. Вы хорошо объясняете, четко, кратко и понятно.

    в 02:51 | Ответить
  67. артем

    огромное спасибо за такое решение! сминусовал только что еще один плагин! все работает отлично! [good] картинка стала намного быстрее открываться. :)

    в 22:42 | Ответить
  68. ЯНИС

    хммм [:-|] самому что ли скрипт поставить, хотя мой плагин и легкий, плохо что нет прокрутки картинок в скрипте, то есть как в плагине у меня, одну нажал картинку-остальные далее по стрелке ...

    в 01:45 | Ответить
  69. Георгий

    Ооо) то что надо, еще избавлюсь от одного плагина! Александр, спасибо) [good]

    в 15:36 | Ответить
  70. Альберт

    Ура, получилось!!! Александр, респект тебе [good]

    в 15:09 | Ответить
  71. Brat

    Сынуля а как мне добавить атрибут rel="simplebox" ко всем картинкам, и чтобы оно автоматически вставлялось ко всем изображениям, а не постоянно вставлять simplebox????

    в 09:58 | Ответить
  72. Юля

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

    в 18:44 | Ответить
    • Евгений

      Такая же ситуация, раньше работал скрипт, сейчас картинки открываются в новом окне.

      в 17:53 | Ответить
  73. Ольга

    Присоединяюсь к словам "спасибо за скрипт".

    Всё получилось с первого раза и всё четко работает.

    Но вопрос (кто знает, ответьте пож-та).

    До этого скрипта использовала плагин FancyBox for WordPress — на блоге было около 150 статей ( в каждой по 5-7 картинок) и естественно сайт стал превышать допустимую нагрузку. Какое то время не могла найти причину. Проверила по очереди установленные плагины. Но когда зашла в папку с картинками, увидела — плагин создает несколько копий одной и той же картинки разных размеров. В итоге, объем получился неимоверный. После чистки папка стала весить 38 мб (а была 106 мб).

    Так вот вопрос заключается в том, что вышеприведенный скрипт так же создает 6 картинок разных размеров — всего получается 7. Так и должно быть или...?

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

    спасибо!

    в 09:05 | Ответить
  74. Александр Пузатых

    Привет, Саш. Вставил данный скрипт, но почему то при нажатии на картинку, она выводится того же размера, что и была, а не увеличивается.

    в 19:15 | Ответить
    • Александр Пузатых

      Разобрался. Все работает. Дело вот в чем. Для того, чтобы картинка всплывала в увеличенном виде, когда вы ее вставляете в статью через редактор, то нужно загружать фото в большом размере. Затем прописать rel=simplebox. После этого зайти на вкладку "текст", и уже там поставить вручную у изображения меньший размер.

      в 10:57 | Ответить
  75. Mariblog

    Уххх... еле еле нашел)) Спасибо Александр за такую статью :) А то устал от этих плагинов, поставил к себе все отлично работает!

    в 10:27 | Ответить
  76. Константин

    Александр, здравствуй! Поздравляю тебя с рождением второго ребенка, вы с Юлей молодцы! Хочу узнать такой момент: я поставил скрипт, в одной из статей в 8 картинках установил отношение simplebox, картинки увеличиваются но не перелистываются (чтобы посмотреть следующую, надо закрыть просматриваемую). Что сделать, чтобы можно было листать картинки?

    в 21:43 | Ответить
  77. Владимир Свищ

    Спасибо Александр за скрипт. Он легкий, но при этом имеет не плохой дизайн и эргономичность. На моем блоге по фотошопу как нельзя кстати — и блог не тормозит, и картинки в поряде [good]

    в 15:33 | Ответить
  78. Александр

    Александр, а как установить этот скрипт на страницу сайта создан который на чистом html и css

    в 22:37 | Ответить
  79. БлогоЗапись

    Яхууууу!!!! Вообще класс, не надо даже всякие плагины устанавливать)) У меня все получилось ;-)

    в 14:18 | Ответить
  80. Елена

    Спасибо. У меня теперь тоже красивые картиночки на блоге ))

    в 15:16 | Ответить
  81. Петр

    Александр, расскажите в двух словах, откройте занавесу, вам рисует художник-иллюстратор ваши картинки? Если не секрет, в каком диапазоне адекватная цена для таких хороших изображений?

    Спасибо

    в 22:55 | Ответить
  82. Антон

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

    в 18:36 | Ответить
  83. Рустам

    Александр! Я прочел внимательно статью, и комменты, но один вопрос остался — а с фотками, которые были ДО установки скрипта, тоже нужно будет проводить все эти манипуляции? В смысле -"simplebox" и все такое?

    в 13:00 | Ответить
  84. Андрей

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

    в 13:32 | Ответить
    • Жандос Мукатаев

      Живой пример?) Самая первая фотка (где Саша и его друг держат курсы), увеличивается как раз с помощью этого скрипта!

      в 13:47 | Ответить
      • Евгений

        А почему скрипт не на 100% увеличивает, даже фотография про которую вы говорите (где Саша и его друг держат курсы) в реальности имеет размеры 1368×919, а скрипт увеличивает до 741×498, почти в два раза меньше, соответственно я повторю вопрос почему?

        в 19:48 | Ответить
  85. Дмитрий

    Очень полезный скрипт) СПАСИБО!!!!!!!!!!!!!!!!

    в 11:45 | Ответить
  86. Андрей

    Отличный скрипт! Был плагин fancybox, заменил на этот скрипт + немного улучшил, добавив автоматическое добавление отношения к картинкам с ссылками. Честно лень было вручную добавлять ко всем нужным картинкам... :) Это можно сделать, добавив код, который ниже, в файл functions.php

    КОД УДАЛЕН АДМИНИСТРАТОРОМ САЙТА

    в 16:16 | Ответить
  87. Андрей

    Кстати, если не нужны подписи, их можно отключить, достаточно в simplebox.js во второй строке поменять titleShow: true на titleShow: false ;-)

    в 17:12 | Ответить
  88. Viktor

    Как сделать стрелки прокрутки картинки при открытии, чтобы перейти на следующую приходится ее закрывать

    в 15:01 | Ответить
  89. Василий

    Саша, здравствуйте!

    Искал долго и находил Плагины, не знаю почему, но у меня стоит Lightbox и Auto Highslide, но они открывает картинку сбоку, но не увеличивает в размере.

    Причину можете подсказать?

    Спасибо.

    в 22:50 | Ответить
  90. Азамат Куанышев

    Спасибо Вам Александр! Всё просто и понятно :)

    в 08:52 | Ответить
  91. Михаил

    Проблемка со скриптом, все открывает нормально, только почему-то не в полном размере, а просто увеличивает немного

    в 13:31 | Ответить
  92. Анна

    Александр, спасибо за статью, все доступно, а главное работает! Но у меня возник вопрос — фото увеличивается не в полный размер а лишь по высоте странице, а возможно ли сделать двойной зум, чтобы сначала фото раскрывалось как есть и при нажатии на лупу увеличивалось до полного размера?

    в 21:09 | Ответить
  93. Сергей

    Век живи — век учись! Получилось всё с первого раза. Спасибо!

    в 11:37 | Ответить
  94. petr869ox

    Все отлично работает. Но у меня проблема в том, чтобы надпись, заключенную в alt=" Подробности" сделать ссылкой. Помогите, если кто может. У меня пока ничего не получается.

    в 16:10 | Ответить
Оставить комментарий: (ПРОЧТИ ЭТО!!!)
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]