TOMOIKU*ブログ
6.82016
【Xeory Extention】記事タイトル下の日時・投稿者などの一行を削除WordPressカスタマイズ
Xeory Extention の記事タイトル下の日時・投稿者など削除後、どう見える?
従来は記事を制作した日時は残したほうがいいのだと思うのだけど、とにかくテーマ「Xeory Extention」は何でもビックサイズなので、読みたい文面に辿りつくまでに、カーソルが忙しいのです。下へ…下へ…ため息…
私は、コメント欄も削除してあるので、コメントマークも不要なのです。
タイトル場所が大きいこともあり、一行削除することにしました。
↓
ソーシャルボタンも削除してあるので、すっきりさせました。
下記記事にソーシャルボタンの削除方法が書かれていますので、合わせてお読みいただくことで、すっきりした感じになります。
現在のタイトルは初期状態の「Hello world!」になっていますが、多分皆さんとももっと長文のタイトルになると思います。
理想とされている32文字だとこのように表示されます。
文字の大きさを変更することもできますが、全体がビッグサイズなのに、文字だけ小さくするのはバランスが悪くなります。
やはり私はソーシャルボタンと日時の行を削除してよかったと思ったのです。
Xeory Extention 記事タイトル下の日時・投稿者などの一行を削除
※cssやphpを変更する場合、変更する指定位置を探すのが大変なので、右上の検索窓を出して探してください。
マックの場合 command+F
Windowsの場合 ctrl+F
管理画面 > 外観 > テーマの編集 > 単一記事の投稿(single/php)
下記の部分を探してください。
<div class=”post-meta-area”>
<ul class=”post-meta list-inline”>
<li class=”date” itemprop=”datePublished” datetime=”<?php the_time(‘c’);?>”><i class=”fa fa-clock-o”></i> <?php the_time(‘Y.m.d’);?></li>
</ul>
<ul class=”post-meta-comment”>
<li class=”author”>
by <?php the_author(); ?>
</li>
<li class=”comments”>
<i class=”fa fa-comments”></i> <span class=”count”><?php comments_number(‘0’, ‘1’, ‘%’); ?></span>
</li>
</ul>
</div>
赤い部分を削除してください。
<div class=”post-meta-area”>
<ul class=”post-meta list-inline”>
<li class=”date” itemprop=”datePublished” datetime=”<?php the_time(‘c’);?>”><i class=”fa fa-clock-o”></i> <?php the_time(‘Y.m.d’);?></li>
</ul>
<ul class=”post-meta-comment”>
<li class=”author”>
by <?php the_author(); ?>
</li>
<li class=”comments”>
<i class=”fa fa-comments”></i> <span class=”count”><?php comments_number(‘0’, ‘1’, ‘%’); ?></span>
</li>
</ul>
</div>
そして、残ったのがこんな感じ!
<div class=”post-meta-area”>
<ul class=”post-meta list-inline”>
</ul>
</div>
さっぱりしたので、納得♪
どうですか?
現在のサイトデザインは詰め込めるだけ詰め込むというキレイに整理整頓されているデザインですが、テーマ「Xeory Extention」の場合、見せながら伝えるデザインです。
デザインの好みは人によってまちまちですが、両極端のデザインサイトを運営する楽しさと、新しいサイトでGoogle様にどのような警告を受けるのかというドキドキ感もあります。
<健康を意識した目的別レシピ>
生活を彩る 関連記事
* TOMOIKUの姉妹サイト紹介 *