Архив рубрики: Инструментарий

2014-03-15 21.45.11

WordPress: Лишние теги вокруг шорткодов

Столкнулся с проблемой, что WordPress упорно добавляет теги <p> и <br> при вставке шорткодов (shortcode) в визуальный редактор. Причем теги появляются даже, если вставлять шорткоды в режиме «Текст». Проблема особенно серьезная, когда внутрь шорткода нужно вставить какой-либо HTML-тег, к примеру, заголовок H1.

Почему бы не отключить визуальный редактор?

Отключать визуальный редактор, я считаю, не самsv правильным решением. Несмотря на то, что мои знания HTML-верстки позволяют обходиться не только без «вордовских кнопочек», но и без CMS =), все же визуальный редактор существенно экономит время при публикации материала. А учитывая еще и поддерживаемые горячие клавиши, написание поста становится очень простым и быстрым занятием.

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

Отключение функции wpautop(), которая отвечает за автоматическое преобразование переводов строки в визуальном редакторе в теги <p> и <br>, я также считаю не сосем правильным. Опять же экономится время при написании материала — вместо написания HTML-тегов, достаточно нажать на Enter. А если еще пользователи сайта не обладают достаточным навыком, чтобы вставлять теги в нужные места, так этот вариант вообще неприемлем.

И сделать это можно так

Закомментировать строку в в файле /wp-includes/default-filters.php

add_filter( 'the_content', 'wpautop');

2014-03-15 21.45.11

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

Но решение есть!

В итоге нашел решение, которое исключает проставление <p> и <br> только для шорткодов.

В файл functions.php активного шаблона нужно вставить следующий код:

remove_filter( 'the_content', 'wpautop' );
add_filter( 'the_content', 'wpautop' , 12);

2014-03-15 23.05.38

wordpress_logo

Поставщики WordPress шаблонов

Решил сохранить ссылки на поставщиков шаблонов для WordPress, а то каждый раз приходиться гуглить «premium wordpress themes».

thunderbird-imap-google

Настройка удаления сообщений при работе по протоколу IMAP

Я пользуюсь почтовыми ящиками на базе Gmail и Почта.Яндекс и как оказалось, настройки для удаления сообщений для протокола IMAP разные.

Настройка удаления для Почта.Яндекс

Скриншот из программы Mozilla Thunderbird. В других программах предположу, что похожие настройки также присутствуют.

В настройках параметра сервера необходимо отметить Переместить в папку «Удаленные».

thunderbird-imap-yandex

Настройка удаления для Gmail

Те же настройки в Mozilla Thunderbird, но уже другая отметка. То есть необходимо выбрать вариант Отметить его как удаленное.

thunderbird-imap-google

gimp-logo

Мой выбор графического редактора

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

Задачи, которые должен решать графический редактор

  1. Масштабирование изображения (изменение размеров изображения);
  2. Обрезка (изменение размеров холста);
  3. Создание коллажей;
  4. Менять формат файла.

По сути большинство редакторов так или иначе решают данные задачи. Но мне важно не только решить саму задачу, но и попытаться оптимизировать процесс и сократить время, которое требуется на ее выполнение. В конечном счете я остановился на GIMP.

GIMP — бесплатный графический редактор

gimp-logo

Выбор пал на эту программу по нескольким причинам.

Несмотря на то, что я довольно долго пользовался Adobe Photoshop, покупать лицензию не стал. На мой взгляд — этот продукт ориентирован на профессионалов — тех, кто зарабатывает на создании и обработке графики. Он довольно навороченный, ресурсоёмкий и дорогой. Для того, чтобы изменить размеры картинки, запускать этого монстра, как-то не целесообразно. А обработка графики для меня — это обычно побочные задачи и это не является частью моей работы.

Поэтому я смотрел в сторону Open Source решений. Какое-то время пользовался MS Paint, но периодически его функциональности не хватало. Также использовал онлайн редактор PicMonkey.

В итоге остановился на GIMP, который достаточно функциональный, не очень «тяжелый» и бесплатный.

gimp-1

Интерфейс его похож на Фотошоп, поэтому привыкать особо не нужно было: такие же область для работы с изображением, панель с инструментами и окна с расширенными настройками инструментов. Есть поддержка напрявляющих, слоев, горячих клавиш, вставка файла мышкой в рабочую область и много чего еще. Я перечислил только то, чем обычно пользуюсь, но там есть огромное количество фильтров и поддержка плагинов.

Но в GIMP могут не работать горячие клавиши

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

 Monosnap — бесплатная программа для создания скриншотов

logo_bigДовольно долгое время делал скриншоты стандартным Print Screen с сохранением через GIMP. Там же обрезал лишние участки скриншота или добавлял надписи.

Как-то пришлось довольно много делать скриншотов и дедовский способ перестал устраивать, поскольку занимал много времени. Поэтому задумался об использовании специализированного софта.

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

Задачи, которые должна решать программа для скриншотов

  1. Скриншот области экрана;
  2. Пометки в виде стрелок и текста на готовом скриншоте;
  3. Встроенный редактор для изменения размеров корректировки скриншота (чтобы не запускать GIMP :) ).

Как-то Миша порекомендовал Monosnap. Сказал, что сам им пользуется и что там есть возможность записывать скринкасты. Но меня больше привлекло не создание скринкастов, а возможность отправки скриншота на сервер с генерацией короткого урла, который можно отправить адресату. До этого приходилось изощрятся вплоть до загрузки готовых картинок на ftp и отправкой url этих картинок.

Таким образом в одной программе совмещены функции создания скриншота, редактирования и отправки готовой картинки. Необходимый максимум даже перевыполнен :)

Послесловие

В целом я доволен обоими программами. Не исключаю, что есть инструменты более удобные, но пока что GIMP и Monosnap полностью удовлетворяют мои потребности в обработке графики.

PicMonkey: отличный бесплатный инструмент для онлайн редактирования фотографий

PicMonkey: отличный бесплатный инструмент для онлайн редактирования фотографий

PicMonkey: отличный бесплатный инструмент для онлайн редактирования фотографий

PicMonkey — отличный инструмент для онлайн редактирования фотографий с потрясающим набором возможностей для улучшения ваших изображений.

От простых вариантов редактирования, таких как обрезка, изменение размера, текстовые инструменты, включая размеры, цвет и прозрачность. Фильтры и эффекты, накладки, рамки и текстуры. Одним из таких заметных инструмент Overlay который похож на Photoshop слои и дает вам возможность объединить несколько изображений. Вы даже можете использовать уже встроенные наборы, такие как звезды, речевые облача, стрелки, метки, сердца и фигуры или можете загрузить свои изображения в качестве накладками.

PicMonkey представлен в нескольких форматах: бесплатное приложение для Facebook, расширение для Google Chrome. Также имеется возможность хранить и открывать фотографии непосредтсвенно из Google Drive.

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

Перейти на сайт и начать пользоваться PicMonkey

microformat-schema-org

Правильные хлебные крошки с использованием микроразметки

Решил устранить пробел в знаниях, касающийся использования микроформатов и микроразметки, а также разобраться с тем, как получить «Хлебные крошки» в сниппете поисковиков, и понял, что самый правильный способ — это использовать микроразметку.

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

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

Код хлебных крошек с использованием микроразметки

Перебрал несколько вариантов. К сожалению, классический формат schema.org Google «не принял». Вернее валидатор прочитал микроданные, но в превью сниппета хлебные крошки не вывел. Поэтому нужно использовать именно этот вариант:



  
    My Test Page
  
  
  

После создания хлебных крошек или другой микроразметки на странице не забываем проверить валидатором:
Google: http://www.google.com/webmasters/tools/richsnippets
Яндекс: http://webmaster.yandex.ru/microtest.xml

Почитать про микроразметку можно в разделе справки Яндекса http://help.yandex.ru/webmaster/?id=1122752

58х58_2013-04-12_16-16-39

Иконки социальных сетей для РУнета

Потратил довольно много времени, чтобы найти подходящий набор иконок для социальных сетей. Большинство сайтов размещают халявные наборы иностранного производства, где отсутствуют соцсети РУнета, то есть и наборы бесполезные.

На мой взгляд в наборе обязательно должны быть иконки: ВКонтакте, Facebook, Одноклассники, Twitter, Youtube, Skype, Linkedin. Можно еще значки RSS, конверта.

Нашел!

Иконки социальный сетей для РУнета: ВКонтакте, Facebook, Одноклассники, Twitter, Youtube, Skype, Linkedin

Делюсь :)

Скачать иконки социальных сетей бесплатно и без говнофайлхранилищ

Скачать

Если Bios не видит внешний USB DVD привод

Если при переустановке операционной системы Bios никак не «видит» внешний привод, чтобы указать его в качестве приоритетного при загрузке системы, то, скорее всего, достаточно будет отключить USB принтер. Либо выключить его питание, либо выдернуть шнур из USB порта. Долго возился в поисках проблемы, а оказалось все просто :)

Mozilla Thunderbird: удаление сообщений на сервере при очистке корзины

Нашел таки решение для удаления сообщений на сервере при очистке корзины Mozilla Thunderbird. Сразу хочу сказать, что речь идет о работе с почтовым сервером по протоколу POP3.

Настройка параметров программы

Конечно, если возник вопрос удаления сообщений на сервере при очистке корзины Thunderbird, то эти настройки уже установлены, но все же.
Идем в «Просмотр параметров учетной записи», переходим в пункт «Параметры сервера». Ставим галку «Оставлять копии сообщений на сервере» и галку «Пока я не удалю их». Сохраняемся.

Mozilla Thunderbord: Настройка параметров хранения и удаления сообщений
Читать далее Mozilla Thunderbird: удаление сообщений на сервере при очистке корзины

Бесплатные иконки для разработчиков и дизайнеров

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

Сервисы с удобным поиском иконок по архиву


iconfinder.com — поиск по более чем 100 000 иконок. Красивый сайт и удобная поисковая система с набором фильтров.