Приветствую!
Появилась идея вывода новостей в таком виде:
Вывод статей в журнальном виде

Настроил HTML и CSS на своем сайте на этой странице: best-tv-goods.ru/magazine-home.html
Вывод статей на моем сайте

Код HTML:
<div class="block-box">
	<div class="block-box-title">Lastest News</div>
	<div class="block-box-1">
		<ul>
			<li class="block-box-first">
				<div class="block-box-img">
					<a href="http://2code.info/demo/themes/logger/news/lorem-quis-bibendum-auctor-nisi-elit/" title="lorem quis bibendum auctor, nisi elit" rel="bookmark">
					<i class="fa fa-image"></i>
					<img alt="lorem quis bibendum auctor, nisi elit" width="345" height="165" src="http://2code.info/demo/themes/logger/news/wp-content/uploads/2014/04/8839498454_35ab48f554_h-345x165.jpg">										</a>
				</div>

				<div class="block-box-content">
					<a href="http://2code.info/demo/themes/logger/news/lorem-quis-bibendum-auctor-nisi-elit/" title="lorem quis bibendum auctor, nisi elit" rel="bookmark">lorem quis bibendum auctor, nisi </a>
					<span><i class="fa fa-user"></i>by : <a href="http://2code.info/demo/themes/logger/news/author/logger/" title="Posts by logger" rel="author">logger</a></span>
					<span><i class="fa fa-clock-o"></i>April 29, 2014</span>
					<div class="clearfix"></div>
					<p>Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus ...</p>
					<a class="button-default post-more" href="http://2code.info/demo/themes/logger/news/lorem-quis-bibendum-auctor-nisi-elit/" title="lorem quis bibendum auctor, nisi elit" rel="bookmark">Continue Reading</a>
				</div>
			</li>
			
			<li>
				<div class="block-box-img">
					<a href="http://2code.info/demo/themes/logger/news/lorem-ipsum-proin-gravida-nibh/" title="Lorem Ipsum, Proin gravida nibh" rel="bookmark">
					<i class="fa fa-image"></i>
					<img alt="Lorem Ipsum, Proin gravida nibh" width="130" height="70" src="http://2code.info/demo/themes/logger/news/wp-content/uploads/2014/04/8788868839_b69ee29188_h-130x70.jpg">										</a>
				</div>
				<div class="block-box-content">
					<a href="http://2code.info/demo/themes/logger/news/lorem-ipsum-proin-gravida-nibh/" title="Lorem Ipsum, Proin gravida nibh" rel="bookmark">Lorem Ipsum, Proin gravida nibh</a>
					<span><i class="fa fa-user"></i>by : <a href="http://2code.info/demo/themes/logger/news/author/logger/" title="Posts by logger" rel="author">logger</a></span>
					<span><i class="fa fa-clock-o"></i>April 29, 2014</span>
				</div>
			</li>
			<li>
				<div class="block-box-img">
					<a href="http://2code.info/demo/themes/logger/news/reviews-bottom-and-full-width/" title="Reviews Bottom and Full Width" rel="bookmark">
					<i class="fa fa-image"></i>
					<img alt="Reviews Bottom and Full Width" width="130" height="70" src="http://2code.info/demo/themes/logger/news/wp-content/uploads/2014/04/10096339524_6947f9b28c_h-130x70.jpg">										</a>
				</div>
				<div class="block-box-content">
					<a href="http://2code.info/demo/themes/logger/news/reviews-bottom-and-full-width/" title="Reviews Bottom and Full Width" rel="bookmark">Reviews Bottom and Full Width</a>
					<span><i class="fa fa-user"></i>by : <a href="http://2code.info/demo/themes/logger/news/author/logger/" title="Posts by logger" rel="author">logger</a></span>
					<span><i class="fa fa-clock-o"></i>April 29, 2014</span>
				</div>
			</li>
			<li>
				<div class="block-box-img">
					<a href="http://2code.info/demo/themes/logger/news/reviews-top-and-half-width/" title="Reviews Top and Half Width" rel="bookmark">
					<i class="fa fa-image"></i>
					<img alt="Reviews Top and Half Width" width="130" height="70" src="http://2code.info/demo/themes/logger/news/wp-content/uploads/2014/04/11772269993_00c1ae7005_h-130x70.jpg">										</a>
				</div>
				<div class="block-box-content">
					<a href="http://2code.info/demo/themes/logger/news/reviews-top-and-half-width/" title="Reviews Top and Half Width" rel="bookmark">Reviews Top and Half Width</a>
					<span><i class="fa fa-user"></i>by : <a href="http://2code.info/demo/themes/logger/news/author/logger/" title="Posts by logger" rel="author">logger</a></span>
					<span><i class="fa fa-clock-o"></i>April 29, 2014</span>
				</div>
			</li>
		</ul>
		<div class="clearfix"></div>
	</div>
</div>


Код выше нужно каким-то образом воткнуть в pdoTools в один из его компонентов (pdoResources, pdoPage) только я не знаю в какой именно.

По коду выше можно увидеть, что вывод статей реализован с помощью списков, при чем первый пункт списка имеет класс «block-box-first», он выводит самую большую картинку с аннотацией статьи. И остальные списки идут без классов, они выводятся справа по 3 шт. в столбик.

Как сделать так, чтобы pdoTools скушал такой код? Какие нужно настройки прописать или может чанки создать? Чтобы первый пункт списка был с классом, а остальные выводились без классов.

Вчера просидел целый вечер с этим пазлом и кроме ошибок в статье ничего увидел))

Заранее благодарен всем откликнувшимся!