Как выставить разные картинки на страницах?

В данный момент такой код:

<?php if(is_page()){?>

					  <div class="breadcrumb_ins">

						  <h1 class="breadcrumb_title" id="the_title_page">
							<?php the_breadcrumb_title(); ?>
						  </h1>
					  </div>
				  <?php } ?>

Картинка подключается через CSS стили: breadcrumb_ins .
У шаблона несколько вариантов цветов и в этом классе можно увидеть разные картинки (для каждого цвета):

.breadcrumb_ins{
		min-height: 73px;
		background: url(images/breadcrumb.png) no-repeat 0px center;
		padding: 18px 0 0 100px;
		}
			.color_y .breadcrumb_ins{
			background: url(images/breadcrumb_y.png) no-repeat 0px center;
			}
			.color_b .breadcrumb_ins{
			background: url(images/breadcrumb_b.png) no-repeat 0px center;
			}
			.color_r .breadcrumb_ins{
			background: url(images/breadcrumb_r.png) no-repeat 0px center;
			}   
			.rtl_body .breadcrumb_ins{
			padding: 18px 100px 0 0;    
			background-position: right center;  
			}

можно ли добавить в эти стили, к примеру, если картинка для страницы FAQ нужна так:

background: url(images/breadcrumb.png) no-repeat 0px center;
		padding: 18px 0 0 100px;
		}
			.faq_page .breadcrumb_ins{
			background: url(images/link.png) no-repeat 0px center;
			}

и так далее?

Ну и самый главный вопрос, как это всё вместить в коде, чтобы сайт понимал где какую картинку показывать?
Пробовал так:

<?php if( is_page( array(200) ) ){ ?>
	  <div class="breadcrumb_ins">

		  <h1 class="breadcrumb_title" id="the_title_page">
			<?php the_breadcrumb_title(); ?>
		  </h1>
	  </div>
  <?php } ?>

<?php } ?>

но это только для какой-то страницы показывать. Какие ещё варианты есть?