原本
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

修改
<h2>Put_the_Code_Here_A <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>">Put_the_Code_Here_C <?php the_title(); ?> Put_the_Code_Here_D</a> Put_the_Code_Here_B</h2>

Put_the_Code_Here_A, Put_the_Code_Here_B : 會讓標題變成2行
Put_the_Code_Here_C, Put_the_Code_Here_D : 會讓連結包含圖片

所以, 看來主題作者對文章標題有做特別的設定, 所以只好來去修改主題的 style.css, 因為它被 h2 包養, 所以應該可以很順利的找到下面那行

h2 a{font-weight:700;border:0;text-decoration:none;color:#2C2C29;display:block;}

a. 不管標題長短, 放 A, 放 B, 直接變2行
display:block The element will generate a block box (a line break before and after the element)

b. 圖片會正常顯是在標題前後, 另外這是預設值, 所以如果沒有特別設定就是 display:inline。
display:inline The element will generate an inline box (no line break before or after the element). This is default.

c. 這個就留給有興趣的試
display:inline-block The element will generate a block box, laid out as an inline box.

每種方法各有優缺點, 衡量它的代價和它所帶來的效益, 選一種最適合自己的方法吧。

更多 CSS display 的用法可以參考 CSS display Property ,CSS display Declaration.

原本
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

修改
<h2><img src="圖片網址" title="" alt=""/> <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>