このブログについて

  • このエントリーをはてなブックマークに追加
  • LINEで送る

カワサキです。
このブログについての技術的な覚書を残しておきます。
ちょこちょこ書き換えたり、書き足したりしていきます。
カスタマイズ機能で対応してる部分については書きません。

このブログはWordPressを使っています。

テーマはバズ部のXeory Baseを使っています。
日報ということで淡々としたレイアウトのテーマを選びました。
テーマに手を加えだすと、更新が滞ってしまうのであまり手は加えない予定です。

追加した作業

Facebookのシェアボタン追加

Xeory Baseの初期ボタンは「いいね」はありますがシェアボタンがありません。

lib>funcitons内にあるsocial_btn.phpを変更します。
73行目付近の塊に赤字の部分(data-share=”true”)を追記します。
「data-show-faces=”false”」で検索すると素早く見つけられます。

if( $show_like_button ){
$fb_disp_type = ($type) ? “box_count” : “button_count”;
$like =<<<EOF
<li class=”bzb-facebook”>
<div class=”fb-like”
data-href=”{$page_url}”
data-layout=”{$fb_disp_type}”
data-action=”like”
data-show-faces=”false”
data-share=”true”></div>
</li>

子テーマを使っている場合はfunction.phpに下記を追記します。

require_once(‘lib/functions/social_btn.php’);

これでシェアボタンが表示されます。

 

個別記事でアイキャッチを表示させないようにする

アイキャッチを設定すると自動的に反映されます。
個別記事にはアイキャッチを表示させないように変更しました。

single.phpの46行目付近から下記の部分を削除します。

<?php if( get_the_post_thumbnail() ) : ?>
<div class=”post-thumbnail”>
<?php the_post_thumbnail(); ?>
</div>
<?php endif; ?>

これで個別記事でアイキャッチの表示がなくなりました。

 

個別記事に「前へ/次へ」のリンクを設置

前へ、次へのリンクがあったほうが記事を最後まで読んだ後に移動しやすいので、追加しておきました。

single.php 63行目付近にある<footer class=”post-footer”>の上に

<div id=”prev_link”><?php previous_post_link(‘%link’, ‘前の記事へ’); ?></div>
<div id=”next_link”><?php next_post_link(‘%link’, ‘次の記事へ’); ?></div>

これにスタイルを設定して、リンクが表示されました。
記事タイトルを表示させるか悩んでいるところです。

 

スタイル変更部分

関連記事

公式プラグインのjetpackを使っていると記事の下の方に関連記事を表示できます。
しかし、スタイルが好みではなかったので、CSSを調整して囲みにしておきました。
サムネイルも表示させたかったのですが、画像が外部リンクだと対応できないみたいです。→アイキャッチはWordPressのメディアにUPすることにしました。

カテゴリ表示

カテゴリを階層表示させたときにわかりにくかったので調整しました。
子カテゴリは頭を一段下げ、下線は表示しないようにCSSを追加しました。
また、カテゴリの数がカテゴリ名の下に改行表示されていたものを、後ろに並ぶように変更しました。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*