Вордпресс итервью с известными Российскими разработчиками

Интервью с WordPress-специалистами + Видео

WordPress это платформа №1 в мире. Она позволяет делать очень крутые сайты и веб-приложения. Используется отдельными людьми или известными мировыми брендами. Однако само наличие платформы не дает супер результатов. Это как гитара — наличие гитары даже самой крутой марки в мире не даст хорошую музыку.
Чтобы получилась крутая музыка кроме хорошей гитары нужен еще и грамотный гитарист.

Хороших специалистов по WordPress в РФ можно пересчитать по пальцам рук. Многие их знают из выступлений на конференциях, митапах или просто по ответам на вопросы в тематических сообществах. А кто-то скромный и особо не светится. Но их мнение сложно прочитать в комментариях, особенно когда начинается очередной холивар.

В этой статье мы постараемся исправить это недоразумение 🙂

Автор охотился за ними 5 лет. 2 недели выбивал ответы на вопросы. Не всех удалось заставить отвечать 🙂

Хотелось получить максимально объективное мнение о WordPress от тех кто реально разбирается в этой платформе без преувеличений.

Встречайте! 7 экспертов WordPress рунета с комментариями автора:

  1. Анна Ладошкина: единственная девушка в этом списке, постоянный участник конференций и митапов по WordPress, умеет сделать сайт уютным и приятным во всех отношениях, постоянно удивляет широтой и глубиной затрагиваемых тем.
  2. Сергей Бирюков: один из лидеров разработки ядра WordPress, автор однажды наблюдал как Сергей по количеству коммитов в ядро обошел самого Мэта (отодвинул основателя WordPress на 4е место), заняв 3е место среди сотен разработчиков ядра. Вот вам и вклад русскоязычного сообщества в разработку платформы №1 в мире.
  3. Игорь Воротнев: это имя вы могли наблюдать на Тостере — одном из самых популярных ресурсов с ответами на технические тематики. Он там занимает почетное 1е место в теме WordPress. Помогая развиваться молодым специалистам своими продуманными ответам. Я и сам иногда его мысли почитываю.
  4. Денис Янчевский: еще один активист Тостера. В последнее время усиленно догоняет Игоря. Вносит свой весьма значительный вклад в развитие русскоязычного сообщества. Бывает на WordCamp. Там то мы и познакомились 🙂
  5. Павел Федоров: скромняга. Нигде особо не светится. Но делает шикарнейшие сайты, для известных и крупных компаний, постоянно ломая стереотипы использования WordPress на уникальных и сложных задачах. Человек с превосходным вкусом и умением грамотно оформлять сайты. Весьма впечатляющий опыт.
  6. Геннадий Ковшенин: мультинструменталист. Бог серверов. Сооснователь PressJitsu — специализированного хостинга для WordPress. Постоянно решает задачи по тюнингу WordPress для больших нагрузок. Умеет управлять парком серверов с мобильного телефона пока едет в метро. Тамада на WordCamp. И просто веселый парень с широченной улыбкой!
  7. Миша Рудрастых: скорее всего многие начинающие разработчики знают это имя. Мишин перевод кодекса и качественные инструкции по работе с WordPress API выходят постоянно в топ-10 по большинству запросов. Постоянный спикер WordCamp. Сам пользуюсь его блогом как базой знаний и время от времени захожу туда чтобы освежить память 🙂

Получилось возможно длинновато. Но далее начинается самое интересное. Пойдем по вопросам которые были отправлены всем участникам. И по ходу можно будет прочитать ответ каждого. Таким образом можно будет получить наиболее объективное представление по каждой теме.

Поехали! 🙂

P.S. Стиль и ошибки авторов максимально сохранены, на сколько это было возможно 🙂

Расскажи коротко о себе. Чем сейчас занимаешься? Какие проекты в приоритете?

Аня Ладошкина

Я веб-дизайнер и разработчик из Петербурга. Моя студия Бюро Анны Ладошкиной специализируется на некоммерческих и социальных проектах. Помогаем благотворительным фондам, активистам, культурным и творческим инициативам развиваться в онлайне, привлекать средства, искать поддержку, рассказывать о себе в привлекательном и современно ключе. Тут без WordPress-а  никуда )

Сергей Бирюков

Привет! Сергей, 34 года, живу в Ростове-на-Дону. Закончил Ростовский государственный (теперь Южный федеральный) университет по специальности «прикладная математика». Увлекаюсь веб-разработкой и музыкой.

Работаю в компании Yoast, принимаю активное участие в развитии WordPress сразу в нескольких ролях: разработчик ядра, переводчик, автор плагинов, модератор форумов. Также занимаюсь доработкой самого сайта WordPress.org, в основном форумов поддержки и каталога плагинов (код которого, как и многих других разделов WordPress.org, полностью открыт).

Игорь Воротнев

Если коротко – в конце 90х на первом курсе филологии попал в интернет-центр университета. Суровый юникс, терминал, IRC, “иксы”, Netscape. Вскоре попробовал HTML. Ну, знаешь – тег <blink>, гифки с мерцающими звездами… В общем, филологию я забросил. Уже через полгода устроился на работу веб-дизайнером. Долго проработал в дизайне и рекламе. Потом ушел в project management, потом в фотографию, основал свой продакшн. Но все это время фрилансил в веб, пилил какие-то сайтики на заказ. HTML, JS, потом CSS, Flash и ActionScript – все это было интересно и увлекательно. Но на каком-то этапе этого стало мало, и под руку попался PHP. В какой-то момент стало понятно, что хобби давно превратилось в основную профессию, занимает овер 90% ресурсов мозга и заряжает больше, чем все остальное вместе взятое. Не последнюю роль в этом сыграл и WordPress.

Чем сейчас занимаюсь? В данный момент отдыхаю на берегу Адриатического моря 🙂 А в голове формируется архитектура блога, который к октябрю должен увидеть свет. Разумеется, блог о WordPress. На английском языке, уже лежит около 20 черновиков и еще 3 десятка статей в виде заметок. Из рабочего – делаю платформу для управления недвижимостью, для застройщиков, агентств и агентов. На досуге копаюсь в Go.

Предпочитаю крупные и сложные проекты на базе WordPress. Уже давно отошел от full-stack работы и фокусируюсь исключительно на архитектуре и бекенде, поэтому чем сложнее задача – тем интереснее.

Денис Янчевский

WordPress-разработчик, фрилансер и всё такое. Занимаюсь доработками и поддержкой сайтов на WordPress. Люблю небольшие, быстрые и понятные задачи.

Павел Федоров

Меня зовут Павел, мне 32 и я наркоман wordpress-разработчик. Хотя пожалуй это слишком громко звучит. Правильнее сказать, что я делаю сайты на WordPress. Разница не очевидна, но на самом деле огромна, позже расскажу про это. О себе коротко рассказывать не умею от слова вообще, самое короткое что смог написать выложил на свой сайт-визитку paulfedorov.ru — это заняло неделю и было нереально тяжело 🙂

С 2008 занимаюсь разного рода веб-разработкой. Сначала это была студия про все сразу, с другом мы занимались дизайном интерьеров, полиграфией, 3Д-анимацией, созданием сайтов и много еще чем. Получалось, кстати, неплохо, за многие работы не стыдно до сих пор. Но продавать все это мы совершенно не умели и в 2010 разбежались, впрочем оставшись друзьями. Друг продолжил делать упор на дизайн, а я же открыл для себя WordPress.

Сейчас я 100% фрилансер, помогаю друзьям и клиентам стартовать или развивать существующие бизнесы. То, что в народе называется “сайты под ключ”. Конечно же, просто разработкой дело не ограничивается, приходится углубляться и в SEO и в дизайн и в маркетинг, но оно того стоит. Люди видят результаты и ценят это, а весь скепсис в отношении WordPress обычно улетучивается в течение первых нескольких месяцев, когда сайты начинают индексироваться, работать и приносить реальную прибыль.

Помимо web-разработки под заказ и создания сайтов под ключ, занимаюсь продвижением небольшого производства одежды, yamaika.biz, midgardwear.ru — хорошо позволяет отвлечься и приносит небольшой, но постоянный доход. Помогаю жене развивать ее блог о еде http://potionsquirrel.ru (конечно же на WordPress), иногда тестирую на нем разные идеи, поиск от algolia вот поставил недавно, шикарная вещь! А в совсем уж свободное время воюю в лазертаг, катаюсь на горных лыжах или бегаю в лесу. Люблю путешествовать.

Генадий Ковшенин

Меня зовут Геннадий Ковшенин. 30 лет, женат, есть дочь. Системный программист, бэкенд разработчик.

Сейчас достаточно плотно занимаюсь проектом GravityView (https://github.com/gravityview/GravityView), а так же 4-й год пишу системный и бэкенд код в компании Pressjitsu, Inc. (https://pressjitsu.com/), параллельно оказывая техническую поддержку (консультации, аудиты, оптимизации, и т.д.) проектам, размещенным у нас.

Миша Рудрастых

Помимо https://misha.blog, занимаюсь WordPress.

В приоритете оффлайн курсы в Питере по нескольким причинам: 1) там очень классная команда 2) открыл в себе неожиданный кайф к преподаванию 3) чувствуешь себя чем-то большим, так как по сути помогаешь развивать и продвигать WordPress в нашей стране

Когда и как произошло знакомство с WordPress? Почему нравится делать сайты на этой платформе?

Аня Ладошкина

С WordPress очень давно с не помню даже какого года, но версия тогда была еще 2-что-там.
И эта была классическая для  WordPress история — я не была разработчиком, но мне нужно было сделать сайт.
И все получилось. Собственно я до сих пор люблю WordPress именно за это — за то, что у меня с ним все получается,
Шутка ) Конечно, за простоту и элегантность и «код — это поэзия» )

Сергей Бирюков

С миром open source впервые познакомился в 2002 году, когда стал участвовать в разработке любимого на тот момент файлового менеджера DOS Navigator. Это сыграло свою роль в дальнейших событиях 🙂

Во время обучения в университете увлёкся веб-разработкой и сделал несколько сайтов для кафедр и студенческих проектов. Адекватных CMS на тот момент не нашёл — HTML, CSS и PHP приходилось писать вручную с нуля. Поддерживать и масштабировать статические сайты было не слишком удобно, поэтому продолжал искать более подходящее решение для управления контентом. Перебрал несколько вариантов и даже писал что-то своё 🙂 В 2005 году наткнулся на WordPress и сделал на нём свой персональный сайт, где переводил интересные и полезные статьи по личному развитию. Понравилась гибкость архитектуры в сочетании с простотой использования — ничего лишнего в дистрибутиве, но есть возможность реализовать любую идею с помощью плагинов или функций темы оформления.

В апреле 2007 года решил поправить некоторые шероховатости в русском переводе — связался с Антоном Скоробогатовым, который тогда занимался переводом, и отправил ему правки, которые он с радостью принял. В сентябре Антона внезапно не стало, и переводить WordPress 2.3 оказалось некому. В то время как раз начали создаваться локализованные сайты *.wordpress.org. Я взял языковые файлы от предыдущей версии, допереводил недостающие строки, отправил Султану Салпагарову, который вызвался поддерживать сайт ru.wordpress.org, и мы начали вместе работать над сайтом и переводом. Чуть позже был открыт форум поддержки на русском языке. Отвечать на вопросы — отличный способ расширить свои знания, я мог заниматься этим целый день 🙂

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

Работа с WordPress помогает мне развиваться в профессиональном и в личном плане:

  • Я узнал о современных практиках программирования (таких как автоматизированное тестирование) и улучшил свои коммуникативные навыки.
  • Мой код стал более универсальным, я научился видеть общую картину и думать о проекте в целом, а не только об одной конкретной проблеме.
  • Участие в разработке позволяет быть в курсе любых изменений ещё до того, как они официально объявлены.
  • Встретил много интересных людей на WordCamp Europe и WordCamp Moscow 🙂

Игорь Воротнев

Много лет назад решил сделать себе сайт-портфолио. Запилил заглушку с крутым дизайном, написал там “Version 1.0 coming soon”. Тогда было модно выпускать и нумеровать новые версии, легендарная студия 2Advanced задала тренд. Потом была версия 2, 3, …, 12, …, 24 (версия заглушки, разумеется). На какой-то из версий в руки попал WordPress. Заглушки продолжили меняться, свой сайт так и не появился на свет. А вот WordPress прижился, начал на нем делать сайты для клиентов и знакомых.

WordPress нравится философией, гибкостью и тем, что постоянно заставляет углубляться, изучать что-то новое. Кого-то это может удивить (привет, адепты “эмвэцэ”), но у меня это так. Где-то начинаю чувствовать, что код не ок – начинаю копать ядро, разбираю на части альтернативные платформы (в первую очередь Laravel), смотрю как там, перечитываю теорию. В итоге – глубокий research, а на выходе решение под WP, но “как надо”. Пожалуй, мне скучновато все время работать с качественной современной платформой (Symfony, Laravel), а WordPress не дает расслабиться. Он вроде местами и страшненький, но все-таки свой, родной. Люблю я его 🙂

Денис Янчевский

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

Павел Федоров

Первый раз установил WordPress в 2010 году, в качестве сайта студии pine-apple.ru (тогда она еще так называлась).

С первого же знакомства он поразил простотой и продуманностью. Конечно, я пробовал Joomla и Drupal, HostCMS и Битрикс, но все они отпугнули кучей ошибок, сложностью и вообще огромным функционалом, призванным решить те проблемы, о существовании которых вы раньше и не знали. Эта безумная рекурсия очень утомляет, особенно когда открываешь WordPress и оказывается что вон та хрень которая в Joomla занимает 150 строк кода и раскидана по 3 разным файлам, в WP делается одной функцией с 7 отлично задокументированными параметрами. Разница была настолько колоссальна что я сначала даже не поверил. Битрикс так вообще ужаснул, это какая-то совсем тяжелая форма наркотиков и зомбирования. Такое нельзя продавать.

Особенно в WP я тогда полюбил иерархию шаблонов. Это было просто откровение. Возможность стилизовать ЛЮБУЮ страницу, раздел, категорию на сайте так как это нужно тебе — бесценна. Ни в одной CMS я не встречал такого. А поскольку в разработку я пришел из мира дизайнеров, то прекрасно понимаю, что делает WP такой популярной средой для создания различного рода шаблонов.  Это возможность реализовывать все свои идеи, без компромиссов на ограничения движка.

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

Генадий Ковшенин

Познакомился примерно в 2007 году. Был какой-то видео-туториал на Lynda.com о том, как сделать сайт на WordPress. Тогда я занимался мелкими самописными проектами на PHP, а WordPress позволил быстро строить сайты, хотя сайтов особо я за 10 лет так и не построил 🙂

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

Если не ошибаюсь, то каждый 3-й сайт крутится на WordPress. В 99.9% при работе с PHP я рекомендую WordPress. Очень удобная админка, в которой можно легко поменять даже цветовую схему. Другие фреймворки и платформы по-своему хороши, но я привык к API, тут мне проще работать, проще подсказать.

Миша Рудрастых

В конце 2009 года, если не ошибаюсь, знакомство произошло случайно, любовь с первого взгляда. Нравится, потому что это лучшая платформа и с ней приятно работать во всех отношениях.
< class=»question»>Расскажи о 3 наиболее интересных проектах с WordPress в своей практике

Аня Ладошкина

Я использую WordPess для создания некоммерческих, информационных проектов — поэтому довольно часто это оказывается «немного больше», чем просто сайт и остаются в памяти какие-то совершенно другие вещи, не только код.

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

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

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

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

И как бы то ни было — но во всех этих историях под капотом WordPress.

Сергей Бирюков

Из фриланса больше всего запомнились следующие проекты:

  • artwolfe.com — сайт американского фотографа дикой природы;
  • dostavkin.com — биржа заказов для перевозчиков;
  • gigographya.com — агрегатор музыкальных событий (сейчас, к сожалению, недоступен).

Отдельно хочется упомянуть систему адаптивного управления делами CasePress — ничего подобного не встречал ни до ни после.

Игорь Воротнев

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

Как-то появился крупный клиент из финансового сектора, хотели сайт на WordPress.  Сайт мы сделали, и до сих пор его поддерживаем. В процессе пришлось придумывать много ноу-хау – проект весьма крупный, нагруженный, много языков. Масса опыта и удовольствия от работы.

В последние месяцы делал еще один крупный проект, а точнее 2 в одном. На одной установке WordPress (не Multisite) крутится две UGC площадки – по недвижимости и по автотранспорту (продажа и аренда). Несколько языков (включая арабский и курдский), общий фреймворк, внедрение современной архитектуры. И все это реальный high-load, высокая скорость работы. Очень много интересных решений, продиктованных высокими требованиями к производительности и способности выдерживать стабильно высокую нагрузку. Об этих проектах вскоре расскажу подробнее в блоге.

Денис Янчевский

Я практически не занимаюсь чем-то интересным и большим. На вскидку:

  • http://sakhalife.ru/ — Якутский новостной портал: много новостей, афиша кинотеатров, тематические тесты, 16-18 тысяч визитов в день.
  • http://tks-gp.ru/ — продавец запчастей: каталог, поиск по номеру детали, импровизированная корзина.
  • http://auz.ru/ — ювелирный завод: каталог изделий с фильтрацией и сортировкой, карта магазинов, поик по артикулу.

 

Павел Федоров

В целом, за годы работы я сделал, наверное, уже почти полсотни сайтов на WordPress и редко когда жалел о выборе движка. Точнее, никогда не жалел. Чаще как раз наоборот, жалеешь что не выбрал wp сразу. А делали всякое. Огромное количество корпоративных сайтов разного масштаба. Интранет-портал. Нишевые сайты для малого бизнеса. Магазины.

Или, к примеру, биржу грузоперевозок dostavkin.com — достаточно уникальный для своего времени проект. Человек может зайти на сайт и без регистрации быстро разместить заказ на перевозку своего груза из одного места в другое. Перевозчики, зарегистрированные на сайте, предлагают свои цены и условия перевозки, а заказчик уже выбирает лучшее из них и подтверждает перевозку. Классическая схема сайта-агрегатора, которая с минимальными изменениями работает во множестве ниш.

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

Dostavkin.com — сайт с большим количеством пользователей, сложными личными кабинетами, разными типами грузов и внутренним биллингом. Практически социальная сеть перевозчиков (все функции соц. сети присутствуют). Работает на WordPress, админка которого очень помогает, ведь 80% функционала реализовано с помощью стандартных функций WP. Все ключевые параметры сайта сделаны в 1 плагине и вынесены в настройки, которые менеджеры могут менять в 2 клика. Комиссии сайта, условия перевозки, типы грузов, время до подтверждения ставки, стоп-слова и еще сотня разных параметров — все это легко меняется на лету.  Остальные 20%, по большей части AJAX и Jquery. Проект мы делали с нуля, вот прям с полного нуля, взяв идею, немного денег заказчика и кучу собственного упорства. Много проблем было с оптимизацией и производительностью, несколько раз возвращались к этой теме пока не привели все в более-менее рабочий вид. Помню как вычищали каждый ненужный байт из темы, оптимизировали каждую функцию буквально, каждый лишний запрос. Не могу сказать что получилось идеально (привет фильтрам по метаполям) и сейчас я бы уже сделал по-другому немного, но и сайт не простой, каждый пользователь на нем крайне активен, до 500 просмотров страниц приходилось порой на 1 уникальное посещение. Это больше чем некоторые соц. сети.

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

В 2015 вышел на Upwork и сделал там интернет-магазин костюмов на заказ для Индусов — http://fabrichsuits.com. С  совершенно наркоманским конструктором одежды https://fabrichsuits.com/set-custom-design/?suit_id=15784. Вот тут даже писать ничего не буду, настолько они меня задолбали 🙂 Полгода работы, тысячи правок, дико запутанная логика в JS — и все ради того чтобы через год они просто забросили сайт. Опыт колоссальный но времени все-таки жалко. Зато я познакомился с конструктором Visual Composer и поскольку весь сайт пришлось собирать мне, изучил его очень хорошо. Позднее этот навык пригодился не раз.

Еще один достаточно интересный проект из последних — https://alarmtrade.ru. Была поставлена задача переделать старый и очень большой сайт http://old.alarmtrade.ru, попутно объединив его с магазином, который работал на отдельном домене. Им приходилось публиковать новости и обновления прошивок сразу в 3 местах, все работало криво и постоянно сыпалось, SEO отсутствовало а дизайн был родом из 90х. При этом никто не представлял себе, как это должно выглядеть в идеале. И здесь WordPress выступил в лучшем свете.

Во-первых, с его помощью мы объединили всю массу информации (одних новостей на сайте насчитывалось более 1500) со всех источников в одном месте, используя отдельные типы постов для каждого типа данных. Увязали все это тегами, таксономиями и перекрестными ссылками, прям красота и мечта оптимизатора 🙂 Здесь очень помог плагин ACF, почти весь его функционал использовали на сайте. Во-вторых, сделали магазин на Woocommerce и его тоже объединили с общим каталогом продукции. В-третьих, поскольку никто из руководства не мог четко высказать свои пожелания, мы купили готовую тему (Avada) на themeforest и с помощью встроенного конструктора на дочерней теме постепенно собрали тот внешний вид, который устроил всех. По сравнению с классической схемой разработки “макет-верстка-функционал” наш подход раз в 20 быстрее и в 5 раз дешевле. Почему Avada? Ну они не просто так топ-1 по продажам. Хороший конструктор (лучше чем visual composer), поддержка ретины из коробки, отличная оптимизация, встроенные механизмы кеширования и объединения скриптов и стилей, стили для разных разрешений, seo, да много чего еще. Конечно, в конце-концов там мало что осталось от оригинальной темы, но при этом мы сэкономили кучу времени и даже не потеряли возможность безболезненно обновляться на новые версии темы, которые выходят регулярно.

Несмотря на популярное убеждение что WooCommerce плохо подходит для российских реалий, именно с этим не возникло практически никаких проблем. Быстро синхронизировали его с 1С (есть готовый плагин для этого бесплатный, потребовалось минимум правок), быстро написали модуль эквайринга для Сбербанка (вообще никаких проблем), даже интеграцию с онлайн-кассами по новому закону удалось сделать вовремя. Дольше вникали в схему работы, чем писали код 🙂 Вообще WooCommerce — очень удобный для разработки интернет-магазин.

Интересно, что обычно производители автосигнализаций делают себе стандартный интернет-магазин и постепенно превращают его в помойку. Что-то плохо заполнено, что-то уже не производится, что-то поменялось по факту а на сайте осталось старое. На Пандоре мы пошли другим путем, и сделали отдельно Каталог https://alarmtrade.ru/service/prog/ и отдельно интернет-магазин https://alarmtrade.ru/shop/. Каталог работает на основе своего типа записей со своей структурой и шаблонами. Там собрана вся коллекция продуктов компании за все время существования. Это эдакий набор посадочных страниц, где каждый продукт получает отдельный красивый лендинг со всей имеющейся актуальной информацией. И если продукт производится — кнопка с лендинга ведет на аналогичную страницу в интернет-магазине, где его можно купить. А если нет — можно просто почитать и скачать последнюю прошивку. Такое разделение также полезно для SEO, потому что позволяет разделить информационные и справочные запросы (фото, характеристики, описания) и коммерческие (купить, установить) на разные разделы сайта. При этом заполнять одни и те же карточки товаров не нужно, вся информация общая и используется одновременно в каталоге, в магазине и в других местах на сайте, например на странице с прошивками https://alarmtrade.ru/service/prog/.

Сделали нормальный каталог партнеров и установочных центров, с геолокацией, поиском по карте и автоматической генерацией сертификатов (https://alarmtrade.ru/partners/pandora-kuban/) на основе данных из мета-полей. Раньше ребята все это вручную в фотошопе рисовали, а теперь сертификаты просто по крону генерируются каждую ночь в hi-res, благодарны нам безмерно 🙂

Вообще про этот сайт можно долго рассказывать, там много интересных решений, при том что каждое из них — лишь часть подсистемы WordPress + немного JS и немного здравого смысла, никакой ядерной физики.

Генадий Ковшенин

В плане кода — сложный вопрос. Системы, которые я проектирую и разрабатываю, в двух предложениях описать, да еще и так чтобы читатель сказал : “вау, вот это крутой подход!”- не удастся при всём желании. Да и зачастую бизнес-логика — скука та еще. Из суперинтересного, связанного с WordPress, открытого  нет. Остальное можно посмотреть на https://github.com/soulseekah и на https://codeseekah.com/ 🙂

В плане “движухи” — безусловно Pressjitsu. Огромная база проектов, в коде которых приходится (с удовольствием, отмечу) ковыряться. Порой чувствую, будто я на StackOverflow (хотя очков не зарабатываю https://stackexchange.com/users/223572/soulseekah?tab=accounts) и это очень круто, колоссальное разнообразие опыта почти каждый день.

Поэтому, дабы не пропадал вопрос, давайте зацепимся за опыт, и я расскажу о 3 действиях, которые должен сделать любой WordPress программист для “набивания левела”:

  1. Завести учетки на: https://wordpress.stackexchange.com/https://wordpress.org/support/view/support-forum-no/ и отвечать на вопросы, дебажить, просто так, за карму, да и еще на английском. Опыт набирается неимоверно быстро. Развивается интуиция: в какой файл посмотреть, как провести отладку.
  2. Коммитить патчи в ядро. Тут, пожалуй, предоставлю слово Сергею Бирюкову: https://wordpress.tv/2015/08/20/sergey-biryukov-learning-from-core/
  3. Искать уязвимости в плагинах и темах. Берем любой плагин и читаем, ищем уязвимости. Не знаете с чего начать — зайдите на https://wpvulndb.com/, возьмите любую запись, скачайте исправленую версию и уязвимую версию, и  посмотрите в чем была ошибка, запомните. В следующий раз вы её сами обязательно заметите в другом месте.

Миша Рудрастых

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

Сложность функционала сайта и интересный проект — эти два понятия для меня никак не соотносятся.

Чего не хватает в WordPress тебе лично?

Аня Ладошкина

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

Сергей Бирюков

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

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

Игорь Воротнев

Composer, Autoloading, Namespaces… В общем, современного и гибкого кода, который из этого вытекает. Я уважаю и полностью поддерживаю идеологию backwards compatibility, но убежден, что хотя бы раз в 5 лет необходимо выпускать major release с breaking changes, который будет отпускать в ад давно похороненные версии PHP, и адаптировать код под современные реалии.

А еще не хватает немного больше прозрачности в плане будущего WordPress. Нету того глобального leadership, который мог бы составить четкую дорожную карту и повести всех в светлое будущее. Раздел Ideas на WP.org заброшен, кроме Gutenberg, за который вписался лично Matt, каждый новый релиз – как в тумане. Если лично не шерстить Trac вдоль и поперек и не ходить на митинги в Slack – так и не узнаешь, что планируется. Ровно до первой беты, когда уже по факту узнаешь, что опять уделили внимание каким-то мелочам в UI, а важные тикеты 6 лет от роду так и остались пылиться на полке.

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

Денис Янчевский

  • Контент-блоков, как в Concrete5. С развитием Customizer и активной разработкой Gutenberg, возможно, скоро будут подвижки в эту сторону.
  • Чтобы генерировались только необходимые размеры миниатюр, а не все подряд.
  • Больше готовых элементов интерфейса для админ-панели.

Павел Федоров

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

Генадий Ковшенин

Наследования класса WP_Post (он final), нативной поддержки переводов (gettext) и производительности всей системы i10n (объект типа Translate_Entry для каждой строки! это ведь не Rust). Гибкости индексации метаданных. Вот функции readonly() по типу disabled() для вывода readonly=”readonly” недавно не хватило (https://core.trac.wordpress.org/ticket/16886).

Что еще? Ах да! Поддержки PDO (ну так сильно хочется на Postgres, там ведь JSON поля из коробки, представляете, как можно будет метаданными крутить-вертеть?). Не хватает встроенной безопасности многопоточности (https://wordpress.tv/2016/10/06/gennady-kovshenin-race-condition-in-wordpress/). Ведь при хорошей нагрузке, например, WooCommerce, при определенных условиях начинает создавать двойные заказы!

Не хватает ORM. Какой раз приходится писать нехилую генерацию SQL для гибких выборок (например, https://github.com/soulseekah/co-authors-plus-list/blob/master/co-authors-plus-list.php), а ORM бы еще спасла 99% уязвимостей SQL-инъекций. Для GravityView сейчас пишу ORM для работы с Gravity Forms и это действительно очень круто и полезно для разработчиков.

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

Миша Рудрастых

Всего хватает. Немного напрягает, что в нашей стране WordPress и WooCommerce не занимают лидирующие позиции среди других движков, но это на мой взгляд вопрос времени.

Что скажешь тем кто только думает о выборе WordPress?

Аня Ладошкина

Ну а что я им скажу? — Добро пожаловать в клуб )

Сергей Бирюков

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

А можно и самому стать активным участником сообщества:

  • Участвуя в проекте такого масштаба, узнаёшь много нового.
  • Следя за разработкой, понимаешь, как устроен WordPress и куда он движется.
  • Если вы получаете доход от работы с WordPress, то заинтересованы в его развитии.
  • Возможность продемонстрировать свой вклад положительно влияет на привлечение клиентов.
  • Можно бесплатно получить советы от более опытных разработчиков и встретиться с ними на WordCamp 🙂

Игорь Воротнев

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

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

И да, чуть не забыл – enjoy the ride! 🙂

Денис Янчевский

От инструмента требуется, чтобы он работал — WordPress работает. Можно долго спорить о недостатках системы, но факт остается фактом: на сегодняшний день это самая популярная CMS, а это означает, что всегда будет работа, всегда будут исполнители и практически всегда можно будет найти решение своей проблемы в том или ином виде или хотя бы направление решения.

Павел Федоров

Не работайте с индусами 🙂

А если серьезно — учить английский. Первое время вы вряд ли сможете придумать такой вопрос про WP, ответ на который уже не был бы развежан с примерами и в разных вариантах на stackoverflow. Я так первый год и работал с ним, даже опьяняет. Ну и конечно знание JS позволяет творить невероятные вещи, его советую учить всем кто собирается работать с WordPress.

И советую изучить SEO, хотя бы основы. WP невероятно хорош в SEO, объединив эти два навыка можно править миром, без шуток.

Генадий Ковшенин

На WordPress можно сделать всё, что угодно. Вопрос времени, денег, мозгов.

Скажите, мол банк нельзя сделать. Отвечу: “challenge accepted!”. Серьезно. Ведь WordPress — это PHP, всё что можно там (вплоть до внедрения проприетарного C кода или вообще подключения какой-нибудь DDL-ки из 90-х) можно и в WordPress.

Миша Рудрастых

Меньше думай, крепче спи. Просто поверь, что стоит выбрать WordPress и вперёд, я в своё время помню тоже стоял перед выбором постоянно – PHP или ASP, jQuery или Mootools. И что бы было сейчас, если бы я сделал другой выбор? Было бы много потраченного впустую времени. Сейчас, пока конкуренция в нашей стране по созданию сайтов практически нулевая, самое время изучить лучший на свете движок и много достигнуть.

Заключение

Сложно что-либо добавить к этим мыслям. У каждого своя история. Свой стиль мышления. Но все они плотно подсели на WordPress. Делают свой вклад в развитие сообщества. С их помощью каждый день в мире становится все больше и больше хороший и удобных сайтов. И будем надеяться что плохих сайтов будет становиться все меньше.

Давайте делать больше удобных и красивых сайтов, учиться правильно готовить WordPress! 🙂

Если мысли участников Вам близки по духу, то приглашаем вступить в клуб WPCraft https://wpcraft.ru/club/ — там вы сможете пообщаться с теми кто принимал участие в подготовке этой статьи. А также со многими другими людьми, готовыми помочь советом и делом! Вместе мы сможем сделать Интернет еще лучше 🙂

Лень читать? Смотри!

Оригинал статьи Анатолия Юмашева — Интервью с WordPress-специалистами

Видео предоставлено сообществом WP-Plus

Страница формы поиска с описанием

Как сделать страницу поиска WordPress

После долгого отсутствия решил написать коротенькую статью о том, как сделать страницу поиска WordPress. Если кому-то будет интересно, а тем более понадобится в практике, жду вашего фидбека в комментариях! Приступим!

Шаг 1

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

<?php
/*
Template Name: Поиск по сайту
*/
?>
Шаг 2

Далее, копируем содержимое page.php вашей темы и в вставляем в файлк с только что созданным шаблоном. Все, что внутри цикла удаляем. У меня получилось примерно так:

<?php
/*
Template Name: Поиск по сайту
*/
?>

<?php get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main">
<?php while ( have_posts() ) : the_post();

endwhile; // End of the loop. ?>
</main><!-- #main -->
</div><!-- #primary -->
<?php get_footer(); ?>
Шаг 3

Далее, вставляем стандартную форму поиска WordPress <?php get_search_form(); ?> внутрь пустого цикла:

<?php
/*
Template Name: Поиск по сайту
*/
?>

<?php get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main">
<?php while ( have_posts() ) : the_post();
get_search_form(); 
endwhile; // End of the loop. ?>
</main><!-- #main -->
</div><!-- #primary -->
<?php get_footer(); ?>
Шаг 4

Дело за малым, осталось создать страничку в админке и выбрать шаблон поиска:

Выбор шаблона страницы поиска

Выбор шаблона страницы поиска

Если вы откроете данную страницу, вы увидите форму поиска. Немного поигравшись со стилями я получил это:

Итоговая страница формы поиска WordPress

Итоговая страница формы поиска WordPress

Шаг 5

Но, думаю, вряд-ли кто-то кроме нас с вами догадается, что это форма поиска по сайту, поэтому, было решено добавить заголовок и пояснительный текст. Это можно сделать, добавив теги и текст непосредственно в шаблон страницы. Но, предусмотрев дальнейшее редактирование лучше вывести заголовок и текст, заданные при создании страницы, стандартными функциями WordPress <?php the_title(); ?> и <?php the_content() ?> соответственно:

<?php
/*
Template Name: Поиск по сайту
*/
?>

<?php get_header(); ?>
<div id="primary" class="content-area">
<main id="main" class="site-main">
<?php while ( have_posts() ) : the_post();
the_title( '<h1 class="entry-title">', '</h1>' ); 
get_search_form();  
the_content();
endwhile; // End of the loop. ?>
</main><!-- #main -->
</div><!-- #primary -->
<?php get_footer(); ?>

Смотрим на результат: [Клик]

Страница формы поиска с описанием

Страница формы поиска с описанием

За пару минут мы получили страницу поиска для WordPress сайта. Она даже работает!
Причем, данное решение должно срабатывать на сайте с любым шаблоном (если автор темы не из отряда «кривопальцый жопорук»).

 

Спасибо, что добрались до этого места. Надеюсь, кому-то пригодится)

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

Все о штрафах по закону о персональных данных [1 июля 2017]

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

 

Роскомнадзор продолжает свою деятельность по «спасению» интернета, и на этот раз под прицелом оказались почти все владельцы сайтов. С 1 июля 2017 года в силу вступают новые изменения в Кодексе об административных правонарушениях (КоАП), которые ужесточат санкции по отношению ко всем лицам, собирающим персональные данные. Теперь штрафы будут достигать 295 тысяч рублей.

Чем это грозит владельцам сайтов

Начать стоит с разъяснения того, что такое персональные данные. В первую очередь под эту категорию попадают электронная почта, имя, фамилия и номер телефона. А с недавних пор Роскомнадзор начал относить к персональным данным адрес места жительства, IP и даже сведения, получаемые при помощи cookies.

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

Неужели начнут штрафовать?

Штрафовали и раньше. Один из самых интересных кейсов произошел в октябре 2016 года, когда Тамбовская городская юридическая компания была оштрафована за сбор персональных данных. Уже тогда суд занял позицию Роскомнадзора, приравнял электронную почту и номер телефона к персональным данным и обязал компанию выплатить административный штраф в размере 1 тысячи рублей.

Да, всё верно, одна тысяча. И если раньше нарушители выплачивали не больше 10 тысяч, то с 1 июля штрафы смогут достигать 295 тысяч рублей для юридических лиц и 75 тысяч рублей — для физических лиц.

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

Существуют два ключевых основания: жалоба и проведение плановых проверок. Согласно данным Роскомнадзора, по сравнению с 2013 годом количество жалоб выросло практически на 60% — c 10 016 обращений до 33 814. Стоит учитывать, что никто не застрахован от жалобы со стороны конкурентов. Растет и количество проводимых проверок: если в 2013 году их было 743, то в 2016 году — уже 2053.

Какие еще могут быть последствия

Помимо вышеупомянутых штрафов, сайт будет внесен в «Реестр нарушителей прав субъектов персональных данных», что грозит повышенным вниманием со стороны Роскомнадзора. Также следует приготовиться к проверкам документов о порядке обработки персональных данных, даже если вы внесены в «Единый реестр субъектов малого и среднего предпринимательства».

Как защитить себя от штрафов

К счастью, если все персональные данные вы получаете через сайт, то можете защитить себя от большинства штрафов и претензий самостоятельно. Чтобы сделать сбор персональных данных полностью легальным, достаточно выполнить ряд действий:

  1. ​Если ваш сайт расположен на зарубежных серверах, то вам следует перевести его на сервера на территории РФ. Адрес нахождения вашего сервера, если он вам неизвестен, можно узнать у хостинг-провайдера.
  2. Составьте «Политику обработки персональных данных», соответствующую законодательству и подходящую для вашего сайта. Этот документ регламентирует и описывает все действия, осуществляемые с персональной информацией пользователей сайта.
  3. Составьте локальные акты, регулирующие действия с персональными данными. Этот пункт поможет избежать большинства штрафов в случае проведения проверок со стороны Роскомнадзора.
  4. Добавьте во все формы обратной связи на сайте кнопку или галочку с текстом «Нажимая на кнопку, вы даете согласие на обработку своих персональных данных». Подтверждение желательно сделать обязательным. Не стоит думать, что посетители перестанут оставлять свои данные — это только повысит доверие к сайту.
  5. Для полной защиты удостоверьтесь в том, что сайт собирает информацию посредством cookies только с разрешения посетителя (данные с IP и cookies Роскомнадзор также признает персональными).
  6. Предоставьте посетителям сайта возможности по распоряжению своими персональными данными через обращения по электронной почте. Для этого укажите email-адрес в «Политике обработки персональных данных» и опубликуйте его на сайте для общего доступа, чтобы каждый посетитель мог ознакомиться с правилами.
  7. Заполните и подайте уведомление в Роскомнадзор. Обязанность в уведомлении есть у многих владельцев сайтов и организаций (исключения описаны в п. 2 ст. 22 ФЗ «О персональных данных» №152-ФЗ). Форма уведомления есть на сайте РКН. Особое внимание обратите на порядок подачи уведомления.

Как правильно составить политику конфиденциальности

  • Укажите термины. В политике обработки персональных данных нужно сразу обозначить понятия, которые вы будете использовать: администрация сайта, пользователь, персональные данные, обработка персональных данных, конфиденциальность персональных данных, cookies, IP-адрес.
  • Перечислите категории персональных данных, которые вы собираете и обрабатываете (имя, электронная почта, номер телефона и так далее). Учитывайте все категории персональных данных, которые будете собирать и использовать.
  • Укажите цели сбора персональных данных. Основная цель — выполнение условий договора с пользователем, а также предоставление доступа к функциональности сайта.
  • Установите условия обработки персональных данных. Укажите сроки обработки, порядок охраны и основные нормативные акты, на основе которых составлен режим обработки персональных данных.
  • Предоставьте пользователям возможность удалить свои персональные данные при обращении. Опишите порядок предоставления такой возможности и способ связи с оператором персональных данных.
  • Укажите меры по защите персональных данных. Это может быть шифрование, установка паролей, хранение в защищенных местах и другие способы защиты информации.
  • Добавьте дополнительную информацию. Например, порядок изменения условий политики и разрешения споров.

Ознакомиться с шаблоном политики можно здесь.

Как заполнить и подать уведомление в Роскомнадзор

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

Перед отправкой уведомления советую проверить полноту и правильность его заполнения. Уведомление должно содержать следующую информацию:

  1. ​Наименование (фамилия, имя, отчество), адрес оператора.
  2. Цель обработки персональных данных.
  3. Категории персональных данных.
  4. Категории субъектов, персональные данные которых обрабатываются.
  5. Правовое основание обработки персональных данных.
  6. Перечень действий с персональными данными, общее описание используемых оператором способов обработки.
  7. Описание мер, предусмотренных статьями Федерального закона «О персональных данных», в том числе сведения о наличии шифровальных (криптографических) средств и наименования этих средств.
  8. Фамилия, имя, отчество физического лица или наименование юридического лица, ответственных за организацию обработки персональных данных, номера их контактных телефонов, почтовые адреса и адреса электронной почты.
  9. Дата начала обработки персональных данных.
  10. Срок или условие прекращения обработки персональных данных.
  11. Сведения о наличии или об отсутствии трансграничной передачи персональных данных в процессе их обработки.
  12. Сведения о месте нахождения базы данных информации, содержащей персональные данные граждан Российской Федерации.
  13. Сведения об обеспечении безопасности персональных данных в соответствии с требованиями, установленными Правительством Российской Федерации.

Для подачи уведомления нужно:

  1. Перейти по ссылке на сайт Роскомнадзора и заполнить форму.
  2. После заполнения отправить форму, нажав на соответствующую кнопку на сайте. Одновременно с отправкой вы получите форму для печати.
  3. Распечатать форму в двух экземплярах. Формы должны быть подписаны руководителем организации.
  4. Отправить подписанный бумажный вариант формы в территориальный орган РКН по месту регистрации (по почте или лично).
  5. Дождаться ответа от Роскомнадзора по почте (как правило, занимает не больше месяца). Также можно узнать о статусе заявки по телефону или с помощью специального сервиса на сайте Роскомнадзора.

Оригинал статьи: Инструкция: как уберечь компанию от штрафов по закону о персональных данных

Bill Evans

Вышел WordPress 4.8 «Evans» — что нового?

Вы уже сейчас можете скачать WordPress 4.8 «Evans», который стал первым крупным релизом этого года. WP 4.8 получил название от имени известного джазового пианиста Уильяма Джона «Билла» Эванса.

Добавлены виджеты для медиафайлов

В WP 4.8 вы увидите три новых виджета. Каждый из них отображает медиафайлы без включения HTML-кода. Теперь текстовый виджет поддерживает TinyMCE, который обеспечивает богатый интерфейс редактора. Так же как раньше пользователи при редактировании записи смогут выбирать пользоваться им интерфейсом или текстовым редактором, где их возможности оформления будут значительно меньше.

Новые Виджеты WordPress 4.8

Новые Виджеты WordPress 4.8

Так как в текстовый виджет включен плагин TinyMCE, он также имеет свои особенности, когда дело доходит до вставки и отображения кода. В примечании разработчика, в котором объясняется, как TinyMCE был добавлен в текстовый виджет, Уэстон Рутер добавил сообщение:

При вставке HTML-кода через текстовый виджет любые лишние строки лучше удалить, иначе после редактирования вы увидите ненужные пустые строки. Нужно обращать на это внимание, особенно если вы пользуетесь тегами <script></script> или <style></style> (например, когда подключаете дополнительный код), так как строки, появившиеся в неправильном месте, могут привести к ошибкам JavaScript; Этот баг исправят в обновлении # 2833.

Точно также себя на протяжении многих лет ведет редактор записей, поэтому не придется привыкать к нововведениям, хотя текстовый виджет и вел себя раньше совсем по-другому. Как было сказано выше, для ранее существовавшего текстового виджета был флажок для автоматического генерирования тега <p> (и опция фильтра была установлена в значение false), который сохранял предыдущее поведение без функции wpautop: после обновления сайта, придется избавиться от ненужных пустых строк в тексте.

Границы ссылок

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


Отображение предстоящих событий WordPress в панели управления

Одной из составляющих WP являются регулярные встречи членов сообщества на конференциях и WordCamp. В 2016 году 62 566 человек из 58 стран поучаствовали в локальных встречах. Примерно треть из них пришла на такое мероприятие впервые.

WP на этом не остановился, и в новую версию добавился виджет оповещения о событиях News Dashboard. Он попытается узнать, где вы находитесь, и покажет встречи и WordCamp, которые проходят рядом.

Отображение предстоящих событий WordPress 4.8

Отображение предстоящих событий WordPress 4.8

Если местонахождение определено неправильно, то вы можете исправить это, нажав на «Карандаш». Откроется тестовое поле, в котором вы можете изменить местоположение. В нижней части страницы отображены ссылки на целевую страницу WP Meetup, расписание WordCamp Central и блог новостей WordPress.org.

Адаптивная панель настроек

В предыдущих версиях WP боковая панель настроек не могла быть больше 300 пикселей в ширину. В WordPress 4.8 она может изменяться, и ширина будет адаптироваться под размеры дисплея, максимум до 600 пикселей.

Адаптивная панель настроек WordPress 4.8

Адаптивная панель настроек WordPress 4.8

Больше доступности для администраторов

Ссылки в панели навигации теперь отделены друг от друга, а это значит, что WordPress стал еще доступнее.

Поддержка Internet Explorer 8, 9 и 10

WP 4.8 продолжает работать с Internet Explorer 8, 9 и 10, хотя корпорация Microsoft отказалась от их обновления, да и процент использования у них не очень высокий. WordPress 4.8 функционироовать в данных версиях IE, кроме некоторых ограничений на плагин TinyMCE. Также в старых браузерах IE не будет тестироваться новый функционал.

Другие интересные изменения:

  • обновления в API-интерфейсе редактора;
  • вы больше не сможете загружать файлы типов WMV и WMA;
  • Мультисайт изменен в лучшую сторону;
  • Tag Cloud стал более доступным;
  • добавлен API Media Widgets;
  • TinyMCE обновился с версии 4.5.6 до версии 4.6.2;
  • Twemoji обновился с версии 2.2.2 до версии 2.3.0;
  • Zxcvbn обновился с версии 1.0 до версии 4.4.1.

Этим обновлением руководили Мэтт Мулленвег и Джефф Пол. В создании WordPress 4.8 участвовало 346 человек и 106 из них участвовали в разработке впервые.

Если вы считаете, что обнаружили недоработку в WP 4.8, сначала попробуйте найти свою проблему в сообществе, чтобы узнать, не сообщалось ли о ней ранее. Если нет, опишите свою проблему как можно подробнее и опубликуйте ее в разделе «Устранение неполадок».

Пока вы обновляете свой сайт, можете насладиться произведением Билла Эванса Time Remembered, созданным в 1983 году.

https://www.youtube.com/watch?v=BjHDaSpYI28

Оригинал статьи: WordPress 4.8 “Evans” Released Featuring Nearby WordPress Events, New Media Widgets, and Link Boundaries

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

Советы Дизайнеру от Верстальщика

Приветствую, меня зовут Даниил Вершинин. Я — full-stack разработчик. Уже более 3 лет занимаюсь версткой сайтов. И мне хотелось бы дать несколько советов дизайнерам, которые занимаются разработкой макетов для сайтов. Перед тем, как начну сразу предупрежу, что я очень ценю труд дизайнеров, ибо понимаю насколько все это тяжело)

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

Используйте сетку

Сейчас абсолютно любой верстальщик использует какой-либо фреймворк или заготовку, придерживаясь определенной разметки. Чаще всего — это 12-ти колоночная сетка Bootstrap:

12-ти колоночная сетка Bootstrap

12-ти колоночная сетка Bootstrap

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

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

Преобразовывайте картинки в смарт-объекты или присылайте отдельным архивом

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

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

Присылайте шрифты отдельным файлом

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

Структурируйте слои

Как по мне, тут особых комментариев не нужно, но напомню, что названия как групп слоев, так и самих слоев должны нести смысловую нагрузку т четко разделятся на секции сайта (header, nav, main, breadcrumb, footer).

Используйте UI-kit

Точнее, присылайте данный файл верстальщику. В парадигме сайта в нем должны присутствовать:

  • Элементы, не присутствующие в макете. Например, в основном макете может не присутствовать кнопки с классом .danger, а вот в файле UI-kit она должна быть прорисована
  • hover-эффекты и другие элементы взаимодействия с пользователем
  • Палитра цветов, которые используются в макете

Пример хорошего UI-kit недавно сверстанного мною сайта:

UI-kit

UI-kit

Подробнее про UI-kit тут

Рисуйте несколько макетов

Тут я прекрасно понимаю, что лишнюю работу бесплатно делать никто не хочет, но, все-таки, постарайтесь убедить клиента или свою команду в том, чтобы получилась хорошая верстка, необходимо рисовать не менее 3 макетов:

  • Под мобильные устройства (телефоны)
  • Под таблетные устройства (планшеты)
  • Под десктоп (компьютер) и больше

    Дизайн нескольких макетов

    Дизайн нескольких макетов

Знать основы HTML&CSS, фремворков

Если вы планируете долго работать в сфере разработки дизайна сайтов, то рано или поздно вам придется столкнуться с изучением основ HTML&CSS и Фреймворков. Это необходимо для того, чтобы вы понимали базовые принципы верстки и не ставили перед верстальщиком невыполнимых задач (хотя, выполнить можно все что угодно, но, как правило, для этого приходится ставить костыли).

Вас никто не заставляет полностью изучать фреймворки, но тем не менее вы должны понимать различия между .container и .container-fluid.

Знать CMS на которую будет натягиваться верстка

Особенно это правило относится к CMS, разработанных по MVC. Например, Opencart — практически все сайты на этой системе похожи по структуре, так ка там изначально встроен Bootstrap. Если  об этом знать заранее, то вы выполните гораздо меньше работы (вам останется просто перестилизовать блоки — так как они уже стоят на своих местах) и не обречете верстальщика на вечные страдания.
К тому же, знать CMS полезно и для того, чтобы не забыть про все страницы, которые необходимо прорисовать)

Читайте свежие статьи про дизайн

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


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

Спасибо за внимание)

Чеклист владельца блога

Чеклист владельца блога на WordPress и не только

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

Итак, не забыли ли вы

  • Поместить на сайт файл robots. txt в сборке WordPress его нету
  • Настроить ежедневный бэкап лучше всего на gmail. com, почтой
  • Нарисовать иконку (favicon. ico)
  • Настроить плагин Related Posts, вывести список похожих статей также и в RSS
  • Русифицировать все типы страниц, а не только главную, архив и одну запись [жиза]
  • Убрать счетчики в ноиндекс и приписать к ним nofollow
  • Сделать то же самое с копирайтами
  • Больная тема очень многих блогов — настройка виджета Meta
  • Настроить метатеги content и description (разные для разных страниц! )
  • Придумать красивые title
  • В каждом новом посте делать ссылки с текста на категории блога, а еще лучше на другие посты, чтобы при краже текста с RSS вы получили (с некоторой вероятностью) прямые ссылки!
  • Ставить ссылки на каждый новый пост с других своих, не особенно денежных, блогов и сайтов
    поставить огромную неизбитую иконку RSS, дополнить ее текстовой ссылкой
  • Распихать все возможные блоки контекстной рекламы, разнообразя расположение по разным типам страниц
  • Проверить тему на наличие закладок (ссылок на сайт автора темы и т. п. ) юзайте действительно популярные темы, их авторы обычно не рискуют так делать
  • Провести keyword research по теме блога и поискать в результатах трехсловные НЧ-заголовки для новых постов так, на всякий случай
  • Написать в футере сильно оптимизированный копирайт (можно с его части поставить сквозную ссылку на главную)

Надеюсь, данный список поможет вам улучшить свой блог. Можно распечатать данный чек-лист и повесить напротив своего рабочего места. Вычеркивать выполненные пункты. Так, мир станет намного лучше. Спасибо.

Мета-теги для покраски верхней панели браузера

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

Для чего это все?

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

Как сделать?

На самом деле, все просто! Добавив пару строчек в <head> Вашей страницы вы придадите уникальность Вашему сайту!

Вот пример для самых популярных браузеров:

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#4285f4" />

<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#4285f4" />

<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-transcluent" />

<!-- Яндекс.Браузер -->
<meta name="viewport" content="ya-title=#000000,ya-dock=fade" />

 

Плюсы WordPress в 2к17

Плюсы WordPress или зачем WP в 2к17

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

Поехали:

  1. Бесплатно. Да, это самый огромный плюс перед конкурирующими CMS. помимо того, что бесплатен сам WP и его обновления, так еще и бесплатны огромное количество плагинов и тем из официального репозитория.
  2. Документация. На мой взгляд, документация данной CMS – отличительное достоинство, которое не свойственно не только другим движкам, но и всей индустрии в целом. На официальном сайте codex.wordpress.org вы всегда сможете найти ответы на популярные вопросы, а также узнать о скрытом функционале WordPress.
  3. ОТК. Не смотря на то, что данная CMS бесплатна, разработчики тем и плагинов обязаны выполнять определенные правила. Цель – достичь максимального удобства кастомизации того или иного продукта.
  4. Удобство интерфейса. Тут нельзя не промолчать. Будучи веб-разработчиком я прекрасно понимаю, какого это обучить секретаршу Леночку в пользовании админкой сайта. С WordPress мы получаем интуитивно понятный интерфейс с визуальными редакторами и различными UX-элементами.
  5. Разноуровневость. Как я уже говорил, WP – уже давно платформа не только для блогов. На данном движке вы можете создать как одностаничник, так и полноценный портал.
  6. Поддержка. Поддержка заключается не только в регулярных обновлениях самой CMS, ее плагинов или тем. В случае возникновения каких-либо проблем в Интернете Вы всегда найдете ответ на любой вопрос, к тому же, достаточно неплохо работает поддержка от самих разработчиков.
  7. SEO. Сейчас олдфаги скажут, что WordPress никак не годится для продвижения, и будут не правы. Да, такая проблема существовала лет 5 назад, но WP уже поборол этот недуг.
  8. Быстрая кастомизация. Надоела тема – жмяк на кнопу, вот и новая! Да даже для редактирования сайта можно не заходить на хостинг, а работать прямо в админке.

Вот такие плюсы получились.

Я планирую написать про Минусы WordPress. Если вам понравилась статья, не поленитесь отписаться в комментариях – это значительно ускорит выход следующей статьи.Ну, а если вам статья не понравилась, то вы обязаны отписаться, чтобы качество контента на SM только росло!

Или пишите мне Вконтакте)

Спасибо за внимание!

Самая трудная вещь UX-дизайна

Самое сложное UX-дизайне

На этой неделе я выступил на General Assembly Q&A session перед 25 новоиспеченными выпускниками курса UX. Многие вопросы были сосредоточены вокруг того, как правильно составить портфолио, как работает дизайнеры в компании Atlassian, и как ворваться в UX и индустрию дизайна.

Но один вопрос очень понравился мне:

Какая проблема вам кажется самой трудной для дизайнера?

Мне кажется, мой ответ был не тем, чего ожидал зал:

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

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

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

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

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

Мы наняли вас, и вы — эксперт по UX, поэтому зачем нам нужны дополнительные исследования и ваш длительный процесс?

Эксперт по UX,

Искусство повествования о UX …

Понимание того, как правильно использовать информацию и фидбек, чтобы помочь подчеркнуть важность проблем с UX и как затем использовать эту информацию, чтобы рассказать отличную историю, которая способна убедить клиентов, является искусством. И как любое искусство это трудно.

3 года назад в Atlassian было всего 6 дизайнеров. Сейчас команда насчитывает более 60 человек и быстро развивается, поскольку мы стали компанией с опытом работы. Теперь у дизайна есть постоянное место в пресловутой таблице. Мы разрабатываем  интерфейсы совместно с нашими product-менеджерами, разработчиками, группами поддержки и, что наиболее важно, нашими клиентами.

Самая трудная вещь UX-дизайна таблица

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

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

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

Оригинал статьи: Alastair’s Medium Page.

Интересные решения для формы поиска - UI Effects

Интересные решения для формы поиска — UI Effects

ДемоИсходники

Сегодня мы хотели бы поделиться паой идей для создания эффектов поискас применением UX и UI. По большей части эти примеры должны послужить вдохновением для Вас. Может быть, вы уже видели некоторые современные анимации для показа поиска, как на сайтах Man Army или CMMNTY. Сегодня мы хотим показать некоторые различные схемы в сочетании с привлекательными CSS-анимациями.

Внимание: Демо служат лишь доказательством правильности концепции и содержит вдохновляющие идеи для взаимодействия UI. Сделано с современными свойствами CSS

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

Примеры

SearchUIEffects_01

SearchUIEffects_02

SearchUIEffects_03

SearchUIEffects_04

SearchUIEffects_05

Мы надеемся, что вам понравится этот небольшой набор и он вдохновил Вас!
ДемоИсходники