TamperMonkey — для немного изменить вебик

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

И, что самое главное, все ведь, для ручного управления сайтами, уже давно изобретено. В этой статье я расскажу как использовать страшный и непонятный плагин для Хрома, и не только (на андроиде тоже есть) Tampermonkey. Впрочем, сразу скажу есть и другие, подобные програмули. Например GreaseMonkey. Но я буду писать только про первую «мартышку».

Некоторое время назад, часов 10-ть наверное уже прошло, я прочитал замечательное про то, что «надо бы кнопку Икс на сайте Игрек забрать и сделать кнопку Зет. Чтобы кнопка Зет работала как кнопка Тау.»

В переводе на общепринятый — при работе сайта в мобильном разрешении кнопочка «добавить товар» скрывается. И чтобы его добавить надо пойти … короче — пойти и найти.

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

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

Итак, вначале надо поставить Хром. Найти в нем меню и разместить расширение TamperMonkey. Если вы это сделали, поздравляю. Далее надо пойти в иконку расширения и создать там новый скрипт. Написать  его и проверить.

При написании следует изучать исходный код целевого сайта, я это делаю — F12, в хроме. Это такая кнопка. Если сайт сдвинуть по ширине — то можно вывести его в принудительный смартфонный режим.

Также я активно пользуюсь гуглом, ищу там данные по jQuery, это такая библиотека, позволяющая управлять элементами страницы. Поиск я выполняю на английском. Пример — how to get child html element in jQuery. Обычно вылетает сразу на StackOverflow где я и нахожу ответ.

Спамеры чертовы!

Запилил WP-плагинчик для спаммеров. Ан нет — не помогло. Теперь понемногу его модифицирую. Но не помогает на все 100% — пролазит немного спама. Причем какими-то блоками пролазит, такое впечатление что просто сидят и на кнопки жмут в интерфейсе.

Поэтому немного борюсь. И уже есть пару идей, по поводу этого плагина. Одна из них — ограничить по времени вывод формы комментарий, показывать ее — после прокрутки страницы вниз, или через ХХ секунд после начала просмотра страницы. И и сделать данную опцию — настраиваемой. Пускай товарищи спаммеры подождут!

WP — кастомный спам-контроль в комментариях (сделан плагин для WP)

PreRead. Последняя версия плагина для борьбы со спамом методом скрытого поля может быть скачана вот здесь а также на github — вот здесь.

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

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

Недостаток, конечно тот, все у кого нет JavaScrript — не смогут комментировать. Но что делать. Ведь конкретно достало регулярно просматривать все, что «Акисмет» находит и прибивать.

Использую WP action comment_form_after_fields для добавления JS кода после формы. Интересная особенность WP состоит в том, что функций таких две, для тех кто залогинен и нет. В итоге временную функцию сделать и передать ее сразу в action не получается.

Кстати, в WP — есть уже примитивный плагин вставлятор поля после комментариев  проверки его.

Читать далее

Небольшой достаевский в вордпресе

Я тут вспомнил, что яжпрограммист. И то, что немерянно надоел этот новый стиль движка вордпресс, вставлять изображения в текст, без разделителей. В итоге вставить картинки, а потом написать между ними текста не особо приятно. Надо после каждого вставит перевод строки, текст 111, потом его заменить…

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

Ссылки по теме

  • Чтото на сайте вп, про это, полезно только ссылка на плагин https://codex.wordpress.org/Inserting_Media_into_Posts_and_Pages
  • Вот такой фильтр, который и фильтрует то, что шлйется в редактор, вероятно оно и есть https://developer.wordpress.org/reference/hooks/image_send_to_editor/

UPD. Решается оно вот так:


Добавляется этот вызов хука в вашу тему, то есть wp-content/themes/имя темы/functions.php и вставляет новую строку перед картинкой комментарий после. Что позволяет более менее работать с массой вставляемых изображений.

Sublime Text 3.0

Вышло обновление для текстового редактора Sublime Text 3.0.

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

Memcached … или переделываю старый сайтец

Переделываю тут один проектик, который сам и делал 12-ть лет тому назад. Началось там все с релевантного поиска, развилось в переделку, и теперь переделываю новую версию этого сайта, в своем стиле. Заказчик захотел, понимаешь ли, новомодные вещи в дизайне и управлении конечно сделал классно, но не подошло, и вот теперь привожу все в «порядок».

Но дело не в том. Словил себя на мысли, что просто удивительно, насколько такие вещи, которые появились за это время делают все быстрей. Вот например Memcached — это же праздник какой-то просто. Повышает скорость запросов просто до неимоверных величин. В моем случае в 500 раз. То есть с 6 секунд до 10-12 миллисекунд.

А view-вы которых не было просто в древних версиях Майскл-а, а теперь есть. Оно же просто позволяет уйти от конструкция с временной таблицей.

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

Какие библиотеки, плагины и т.д. для верстки вы используете в своих проектах?

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

  • jquery / jquery ui- для JS, удобно, но есть загибоны, например дефолтно она не экранирована и объявление пары — мне не понятно как
  • smarty  2/3 — перегадили идею в третьей версии, а ведь приходится ей пользоваться, особенно перегажено сообщение про ошибки, которое было непонятным, а теперь — загадочное
  • WP — головоломпка
  • bootstrap — встречал, но использовал как положенно, только кастамно доедлывал
  • extjs (sencha) — замечательное ПО, но сильно завернутое и с платной до безобразия поддержкой, лучше не используйте
  • jquery datatables — для того же что и таблицы предудущено екста, но в более дружественной манере.

А болше я ничем и не пользуюсь, ибо