Elmechador

как всегда жалкий фрилансер зарабатывающий еле еле тыщу баксов в месяц
pumainthailand.com

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

update_post_meta('ID записи','ключ поля' ,'значение поля' );

1) ...может скринкаст какой-то, может туторил крутой.
Тут верно говорили, Sorax. Sorax наше все))) еще под мышку HTMLbook, разобраться хорошо с флотами и инлайн-блоками. Нравится сайт с реальными современными примерами кодропс. Там правда больше про фишки и украшайзинги в UI с помощью CSS, временами и с JS.
Скринкастов по реальной верстке нет... Только практика, с ней и эрудиция, и доля воображения при реализации нетривиальных вещей, или наоборот простых вещей нетривиальным способом. Дорогу осилит идущий.
2)...необходимые технологии и вещи, которые нужны...
За день освоить yeoman, посомтреть его генераторы, позапускать, понастраивать, посмотреть структуру генерируемых проектов, он очень простой, с ним сразу grunt/gulp с базовыми настройками, что для простых проектов полностью хватает, тем временем и посмотрите как работают они. Bower аналогично, если есть клиентские зависимости, сам менеджер быстро изучается: пару команд в консоли. Да-да, всего лишь нужны знания консоли и базовый js, все это просто, изучил когда в js полным нубом был, просто не боялся, многие просто шугаются с ними связанного страшных слов: node.js, npm. Часто эти люди бэкэндщики (умора*2). Раннее, быстро подсел на препроцессоры и шаблонизаторы, лайврелоады, теперь без этого не могу, тогда просто пользовался GUI, навроде препроса.
Подытожу, что без препроцессоров и шаблонизаторов этот пункт можете оставить до лучших времен.
3)...чистый css без bootstrap?
Бутстрапп знаю, но юзаю фаундейшн, почти любой проект начинаю с yoeman генератора для нее, всегда работаю с SCSS, поэтому просто выключаю ненужные компоненты и все, зачем заново придумывать ту же сетку?! Или искать нормалайз (не юзайте эрик майеровский reset — моветон), он там включен? Правильно, если человек юзает CSS версию бустраппа, то он тянет как правило все, а стоит? там под 110 КБ в минифицированной версии. Кстати бустрапп, по словам Otto, в 4ой версии с less перейдет на SCSS, это серьезная заявочка в миру CSS-процессинга, к слову, порт SCSS есть давно.
Просто если вы будете юзать основные компоненты бустраппа, то велик шанс, что вашу верстку в последствии, не перезапишут, подключив к ней еще бустрапп, а такое бывает, мало того бывало, что писал на фаундейшн, так потом обнаруживал еще и подключенный бутстрапп, человек (в данном случае бэкендер) просто не хотел вникать фаундейшн, да и бутстрапп, он то немногим лучше знал)))
Масштабирование и поддержка проектов лучше, как никак бустрапп стандарт де-факто, как и джикьюери. Про то что дизайн похож как один, ну так, а для того и есть препроцессоры)) Если изучить архитектуру фреймворка, то кастомизировать их можно до полной неузнаваемости.
Не, ну конечно, можно забавы ради в разные проекты таскать разные компоненты или бойлепрлейты (вроде Skeleton можете посмотреть), только кто потом в них вникать будет?! Гораздо проще минимизировать один любимый фреймворк, а остальное дописать вручную.
Кстати, про CSS? из личного опыта, после SCSS не могу себя заставить писать простой CSS, хоть убей)) К хорошему быстро привыкаешь.
4) ...foundation?
Отчасти выше затронул, вообще, она гораздо сложней того же Бустраппа. Кратко изложу почему, как то уже анализировал подробно:
На первый взгляд как клавесин и рояль)) Фаундейшн, более гибкая, и более сложная, поэтому и исходники SCSS это что-то по сравнению с бутстраппом. Если же не вдаваться в препроцессорные архитектуры и возможности кастомизации, то они мало чем различаются, оба mobilefirst, ну только сетка в бутстраппе адаптивная(можно переопределить), а в фаундейшн отзывчивая. Ну из ключевых моментов, фанудейшн на rem, и это неисправимо, но исключительно в духе RWD и правильной типографики, в то время как бустрапп на пикселях. Если интересно почитайте по ссылке, там как раз курс по фаундейшн (сам не смотрел))).
5) ...с обычной верстки на адаптивную?
Вы в этом плане в выигрышном положении, особенно по сравнению с теми кто еще с таблиц начинал. Многие тогда и закостенели, так как RWD требует большей гибкости ума, и поменьше пикселов. Поищите на эту тему презентации (там просто херов мешок с ссылками и прочими, на видео он и половины не успевает осветить) и конфы (есть и на русском, например, или тут 3-е видео) Виталия Фридмана из Smashing Magazine, он выдает самые сливки по теме, также касаясь бэкэндерской стороны и плотно.
6) ...задания, которые постепенно вводят в мир верстки
Сверстайте Тостер)) Он кстати адаптивный ;)

Если вы были официально трудоустроены, либо был договор - в суд.
Если нет - на нет и суда нет. Видимо вам нравиться работать бесплатно.

Идея не стоит ничего. Запомните это. Теперь, допустим, что это не так. Вы обладаете уникальной информацией и считаете, что она стоит много денег, за счёт того, что ожидания от неё очень позитивные. Вы пилите, пилите, пилите. Запилили, и идея оказалась действительно крутая, все про вас узнали. Через неделю у вас уже будет минимум два конкурента, у которых есть деньги. И где вы, которые без денег? Правильно, вы не спереди, вы сзади. За примером далеко ходить не надо - виджеты дозвона на сайт, чат-виджеты на сайт и т.д.
Поэтому смело идите к таким же, как и вы, со своими "супер взрывными идеями лишь бы не украли" в какой-нибудь инкубатор и клянчите денег наравне со всеми.

Если касаться только вёрстки, то советую присмотреться к вот этому "шаблону" темы:
https://roots.io/sage/
https://github.com/roots/sage

Запомните несколько простых правил.

1. Никогда не используйте jQuery из стороннего источника (например, Google CDN). НИКОГДА. И другие библиотеки тоже. Кроме того, чаще всего не нужно jQuery грузить принудительно, достаточно для своего кастомного скрипта указать аргументом dependency значение array( 'jquery' ).
2. Скрипты и стили подключаются ТОЛЬКО через функции wp_register_style() / wp_register_script() и wp_enqueue_style() / wp_enqueue_script(), вызов функций группируется в одну функцию, которая вешается на соответствующие хуки. Как правильно делать - написано в документации.
3. Не обязательно подключать все вручную. Если вы правильно зарегистрировали ваши скрипты и стили (функциями wp_register_*), то можете просто подгрузить только один свой кастомный срипт (main.js например), а к нему все остальные указать в виде зависимостей (как и jQuery в п.1). Кроме того, можно (и нужно) подключать скрипты и стили только там, где они нужны. Например, если слайдер у вас только на главной, оберните его подгрузку в if( is_home() ).
4. На продакшне убирайте ?xxx (версии скриптов и стилей), используйте плагин типа WP Better Minify для минификации и конкатенации скриптов и стилей.

Кажется все.

Задача достаточно тривиальная, в register_sidebar() вы передаете массив, добавить в него еще параметров не проблема как и в любой массив, другое дело как вы будете их получать, как минимум придется делать extends Class для каждого необходимого в выводу стандартного виджета.

Однако виджеты обычно устроены так

$before_widget . 
$before_title . 
$title .
$after_title .
$content .
$after_widget;

Соответственно вам достаточно сделать так

register_sidebar( array(
    'name' => __( 'First Footer Widget Area', 'ykushev' ),
    'id'            => 'first-footer-widget-area',
    'description' => __( 'An optional widget area for your site footer.', 'ykushev' ), 
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget'  => '</ЧЕГОТО ПОСЛЕ КОНТЕНТА></div>',
    'before_title'  => '<h4 class="widget-title">',
    'after_title'   => '</h4><ЧЕГОТО ДО КОНТЕНТА>',
  ) );

вернет

$before_widget .
$before_title . 
$title . 
$after_title .
<ЧЕГОТО ДО КОНТЕНТА> .
$content .
</ЧЕГОТО ПОСЛЕ КОНТЕНТА> .
$after_widget;

ну или jquery молоток

$('.widget').append('<ЧЕГОТО ДО КОНТЕНТА></ЧЕГОТО ПОСЛЕ КОНТЕНТА>');
$(".widget header").next().appendTo("ЧЕГОТО ДО КОНТЕНТА");

Зачем гадать? Документация дает исчерпывающий ответ
docs.woothemes.com/document/tutorial-customising-c...