Максим Мартиросов

Что то типа того

<?php
	$categories = get_categories();
	
	foreach( $categories as $category ) {
		
		echo $category->name;
		
		$posts = get_posts( array(
			'post_type'		=> 'post',
			'posts_per_page'=> 3,
			'category'		=> $category->term_id
		) );
		
		foreach( $posts as $post ) {
			echo $post->post_title;
		}
	}
?>

Обязательно нативным яваскриптом нужно делать, или jQuery подойдёт?)

( function( $ ) {
	
	$('select').each(function(){
		var _select = $(this);
		var value = 0;

		_select.on('change', function(){
			var _this = $(this);
			value += parseInt( _this.val() );
		}).change();
		
		var result = $('<span />',{
			'class': 'amount',
			'text': value
		});
		$('#result').empty().html( result );	
	});
	
})( window.jQuery );

Код писался на коленке, только что и не тестировался. Только для примера.

Присоединяюсь ко всему выше сказанному. С тех пор как я стал использовать бутстрап, время разработки моих проектов сократилось как минимум на 30%. При чём с точки зрения заказчика ему абсолютно пофиг на то какими инструментами вы пользуетесь, ему главное результат и сроки выполнения. При чём бутстрапом я начал пользоваться не из-за отсутсвия опыта в верстке (не знания css), а просто потому, что понял что с ним легче. К тому же проекты построенные на бутстрапе в дальнейшем легче поддерживать, особенно если за поддержку берётся другой прогер. Скорей всего он вам даже спасибо скажет, что на бутстрапе сверстали =))
ИМХО, те кто говорят, что бутстрап не комильфо, скорей всего не прочувствовали всей прелести этого фреймворка.

Без знания PHP вы далеко не уедете... Используя только стандартный набор template функций сайт сложно будет сайтом назвать. Что бы делать сайты на водрпресс нужно знать кодекс как минимум.

Если делать адапривную вёрстку то нужно учитывать размеры минимум 4ч экранов (менее 420, до 768, до 992 и более 1200). все контейнеры ко умолчанию должны иметь css свойство box-sizing: border-box; и иметь степень вложенности .container>.row>.block где контейнер = width:100%, row = ширине относительно текущего media query (например 992px) и mergin-left: auto; mergin-right:auto;
для .row пишите что то типа этого

@media only screen and (max-width: 420px) {
 .row {
  width:419px;
 }
}
@media only screen and (max-width: 768px) {
 .row {
  width:766px;
 }
}
@media only screen and (max-width: 992px) {
 .row {
  width:991px;
 }
}
@media only screen and (min-width: 1200px) {
 .row {
  width:1280px;
 }
}

А вообще если вы только озадачились адаптивной вёрсткой, то советую вам сразу начать с изучении фреймворка bootstrap, который упростит вам работу в разы. (Ну или воспользоваться другими альтернативными css фреймворками)

Иван Украинцев в сети куча статей о том как ускорить работу сайта на WP. Неужели не нашли не одного? Относительно недавно читал статью на хабе об оптимизации, к сожалению нету этой ссылки под рукой что бы поделиться с вами. Расскажу "в двух словах". Сжимаете все картинки, сжимаете все css и javascript файлы, опускаете загрузку скриптов в самый низ документа (в том числе и jQuery). И отключаете несколько функций ядра WP, которые не нужны, как минимум на фронтэнде.