Александр Ме

Если на 1 инпуте, то Maskedinput для "перепрыгивания", а сам input просто оформить фоновой картинкой.
Желательно использовать моноширинный шрифт.
Но лучше разбить на 4 инпута https://jsfiddle.net/webirus/vhsq6jah/

С react используется webpack в подавляющем большинстве случаев. Есть тонна готовых конфигов, которые можно просто скопипастить и все будет работать. Но в целом - в проекте вам может понадобится сделать что-то по другому и тогда возникают сложности. Поэтому для общего развития нужно хотя-бы поверхностно разбираться что там к чему (в идеале - попробовать такие фишки как tree shaking и code splitting).

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

PS а про gulp - не знаю, давно уже не приходилось его в живую использовать: все что нужно - может webpack

существует ли возможность пересохранить все записи на сайте (сымитировать пересохранение, что ли).

wp_update_post

Это нужно, чтобы достать айдишники загруженных изображений для каждой записи, и перед текстом записи добавить шорткод [gallery ...] с ними

Шотркод [gallery]по молчанию выводит все картинки, привязанные к посту. Т.е. не зачем их ещё и перечислять.
А вставить его в контент можно с пом плагина https://ru.wordpress.org/plugins/search-regex/

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

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

ESLint

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

https://jsfiddle.net/profesor08/wj5dnxko/

Пароль просить ввести во всплывающей форме, а не на отдельной странице.

И там даже написано КАКИЕ логин и пароль нужно ввести. Это не данные ВП, а скорее всего самодеятельность хостера и к ВП отношения не имеет.

Обучение WordPress для разработчика?

Шифровальщики как правило распространяются двумя путями -
1)Письмо на почту с вложением - пользователь открывает письмо и запускает шифровальщика.
2)Подбор пароля к серверу терминалов - тупо перебирают популярные пароли на открытом 3389 порту.
Т.е либо социальная инженерия либо перебор паролей в надежде что кто нибудь поставит пароль 123, или qwerty

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

Однако компьютеров у которых 445 порт смотрит наружу практически нет.
Все компьютеры стоят либо за файерволом роутера, либо еще и за NAT'ом.

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

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

что за проблема

вы вешаете обработчик события на элемент, которого не существует в тот момент, в который вы этот обработчик собственно вешаете.

вы можете использовать делегирование:

$('body').on('click', '.mobil', function() {
  $(this).css('background', 'blue');
});

или повесить обработчик на '.block', но тогда при каждом клике проверять, есть ли у него класс '.mobil':

$('.block').click(function() {
  if ( $(this).hasClass('mobil') ) {
    $(this).css('background', 'blue');
  }
});