Oxygenのスライダー内の文字を移動させる記事更新日2012年10月25日

個人的にとても好きなテーマOxygenですが、スライダー画像に表示される文字の位置がちょっと違和感を感じるので変更をしました。変更した箇所は日付表示の削除とタイトルの位置です。変更すると下記の画像のようになります。

①まずは日付表示を消す

featured-content.phpを開くと以下のコードの箇所がありますので

[php]<div class="featured-post">

<?php if ( current_theme_supports( ‘get-the-image’ ) ) get_the_image( array( ‘meta_key’ => ‘Thumbnail’, ‘size’ => ‘featured-thumbnail’ ) ); ?>

<h2 class="post-title entry-title">
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</h2>

<?php echo apply_atomic_shortcode( ‘byline’, ‘<div class="byline">’ . __( ‘[entry-published]’, ‘oxygen’ ) . ‘</div>’ ); ?>

</div> <!– .featured-post –>

<?php endwhile; ?>

<span id="slider-prev" class="slider-nav">&larr;</span> [/php]

このコード内にある下記のコードを削除すると日付がなくなります。

[php]
<?php echo apply_atomic_shortcode( ‘byline’, ‘<div class="byline">’ . __( ‘[entry-published]’, ‘oxygen’ ) . ‘</div>’ ); ?>
[/php]

②タイトルの表示位置を変更する

style.cssを開くと以下のコードの箇所がありますので

[css] 
.featured-post h2.entry-title a {
position: absolute;
bottom: 110px;
right: 0;
color: #111;
background: #fff;
padding: .4em 30px .4em 1.5em;
font-size: 1em;
text-transform: uppercase;
}[/css]

このコード内にある bottom: 110px;を bottom: 17px;に変更をします。
すると画像に表示されるタイトルが画像の下部に表示されます。

※Oxygenはたまにバージョンアップをしますので何気にバージョンアップをすると変更箇所も上書きされるのでお気をつけください。