トップページから余計なリンクを全て削除~WordPress Twenty Elevenカスタマイズ

更新


ワードプレスのデフォルトテーマtwentyelevenのトップページには、各記事ページのコメントフォームへのリンクがあります。ウェブシュフとしては、このコメントフォームへのリンクは余計です。撤去することにしました。

  1. 吹き出しの撤去
  2. Leave a replyの撤去
  3. ついでにEditボタン撤去
  4. リンクがなくなってすっきり
  5. 吹き出し跡地の空白を埋める

吹き出しの撤去

content.phpの以下の部分をコメントアウトします。

<?php if ( comments_open() && ! post_password_required() ) : ?>
<div class="comments-link">
<?php comments_popup_link( '<span class="leave-reply">' . __( 'Reply', 'twentyeleven' ) . '</span>', _x( '1', 'comments number', 'twentyeleven' ), _x( '%', 'comments number', 'twentyeleven' ) ); ?>
</div>
<?php endif; ?>

コメントアウト完了後はこんな状態です。

<?php /***** if ( comments_open() && ! post_password_required() ) : ?>
<div class="comments-link">
<?php comments_popup_link( '<span class="leave-reply">' . __( 'Reply', 'twentyeleven' ) . '</span>', _x( '1', 'comments number', 'twentyeleven' ), _x( '%', 'comments number', 'twentyeleven' ) ); ?>
</div>
<?php endif; ****/ ?>

Leave a replyの撤去

同じくcontent.phpの以下の部分をコメントアウトします。

<?php if ( comments_open() ) : ?>
<?php if ( $show_sep ) : ?>
<span class="sep"> | </span>
<?php endif; // End if $show_sep ?>
<span class="comments-link"><?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentyeleven' ) . '</span>', __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
<?php endif; // End if comments_open() ?>

コメントアウト完了後はこんな感じ。

<?php /**** if ( comments_open() ) : ?>
<?php if ( $show_sep ) : ?>
<span class="sep"> | </span>
<?php endif; // End if $show_sep ?>
<span class="comments-link"><?php comments_popup_link( '<span class="leave-reply">' . __( 'Leave a reply', 'twentyeleven' ) . '</span>', __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
<?php endif; ****/ // End if comments_open() ?>

ついでにEditボタン撤去

Editボタン撤去はコメントフォームへのリンクではなく、その上自分がログインしているときしか表示されないのですが、あまり好きではないので除去しました。

content.phpの以下の部分をコメントアウトします。

<?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>

コメントアウト完了後

<?php /****edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ***/ ?>

以上で、トップページのリンクでウェブシュフとして要らないものは、全て外しました。

しかし、吹き出しのあったところの空白は不自然です。

吹き出し跡地の空白を埋める

この不自然な空白は、style.cssの以下の部分を少しいじるとなくなります。

.entry-title,
.entry-header .entry-meta {
padding-right: 76px;
}

このようにいじります。

.entry-title,
.entry-header .entry-meta {
/****** padding-right: 76px;*********/
}

すると、吹き出し跡地の空白がキレイになくなりました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です