Николай Колесниченко

Emmet для sublime, препроцессоры sass/scss. Browsersync экономит немного времени.

Верстая по jpg эскизам особо не ускоришься :)

Как вариант.

function main(arg){
	if (arg == 'hide') {
    $('div').hide();
  }
	if (arg == 'show') {
    $('div').show();
  }
}

main(hide);
main(show);

https://github.com/sindresorhus/sublime-autoprefixer

https://jsfiddle.net/1q6wpwsq/2/

Slick так умеет.
kenwheeler.github.io/slick

Типа:

$('slider').slick({
vertical:true,
infinite: true,
prevArrow: '',
nextArrow: '<button type="button" class="slick-down"><img src="img/down.png"></button>'
});

Не уверен что правильно понял, но если понял, то это можно настроить тут:
Структура - Типы материалов - Имя типа материала - Изменить - Управление отображением - Напротив нужного поля, в столбце "Формат" ставим Fancybox

В functions.php

add_image_size( 'thumb1', 220, 180,true );
add_image_size( 'thumb2', 220, 180,true );
add_image_size( 'thumb3', 220, 180,true );
add_image_size( 'thumb4', 220, 180,true );

Поищите что-то типа jquery product gallery
или jquery gallery with thumbnails
Что-то из этого должно подойти :)

На данном этапе можно прописать всем трем блокам width:auto;
Логотипу и слогану float:left;. Поиску float:right;
Меню задать clear:both; width:100%
Не претендую на истину. Просто я сделал бы именно так. Имхо.
А дальше уже в media queries решать что с ними делать.

Никакой. В index.php (например) подгружаются wp_header и wp_footer
А между ними весь контент должен быть.
В общем смотрите что в index.php прописано.

По первому пункту:
Edit - Color Settings
И снимаем эти две галочки
c2n.me/3lNY7fM

Не совсем понял чего вы пытаетесь добиться.

Если я правильно понял:
background-position:50% 0;