Twenty Eleven 記事タイトル横のコメント吹き出しを削除

Twenty Eleven
スポンサーリンク

Twenty Elevenテンプレートにはトップページの記事タイトルにデフォルトでコメント数を表示する吹き出しが組み込まれています

でもコメント数より記事タイトルをきちんと表示したい!ということで、吹き出しを削除してみます。

phpファイルから該当箇所を探す

まずTwenty Elevenの記事一覧部分は「index.php」「content.php」を呼び出すことによって表示されます。

content.phpを見てみると28行目あたりからcomments-linkとクラスが指定された部分があり、これが吹き出しとコメント数を表示させているので該当箇所をコメントアウトしてみます。無事に吹き出しが表示されなくなりました☆

この時、一番下の</header>部分まで削除してしまうとエラーになるので気をつけましょう!

タイトルのpaddingも要修正

これで無事に完成!と思ったのですが、記事を書いてみるとタイトルの折り返し位置が吹き出しがあった時と同じままです。

そこで親テーマのstyle.css内の「entry-title」クラスを検索してみると、741行目あたりにpadding-rightが指定されている場所がありました。これが怪しい! なので小テーマのstyle.cssにentry-title {padding-right: 0px}を書き加えてみると、きちんとタイトルが幅いっぱいまで表示されました。

思ったような表示にならない時は、IDやクラス名でスタイルシート内を検索すると解決するかもしれませんね〜。

では、Ryo(@nydewebdesign)でした♪

Twenty Eleven
スポンサーリンク
Ryoをフォローする
ブログの中の人
Ryo

海外育児情報ポータルサイト「セカイクジ」、オンラインサロン「NYおやこサロン」など運営。育児を楽しみながら面白いこともやっていきたいまったり起業家。Sandbox代表。アメリカはNJで2人の男子を育児中。

Ryoをフォローする
うぇぶ母@NY