専門用語などにはポップアップする説明をつけているので時間が長く表示されることがあります。WordPressの便利なプラグインであるJetpackを視覚的部分についてカスタマイズします。設定して使うだけでも便利なのですが、ちょっと不満の残るところもあるのでカスタマイズしてみました。共有ボタンを追加するJetpackでは、記事をシェアしてもらうためのボタンが簡単に追加できる機能があるのですが、基本的に外国のプラグインなので日本人ならではの共有アイコンがなかったりします。下記の画面になってソーシャルブックマークをカスタマイズできるのです。LINEボタンを追加するLINEのボタンを追加することが可能です。LINEに送るボタンを設置するためのサイトリンクやアイコンなどは、上記で確認します。ボタンは、ダウンロードして圧縮されているので解凍してメディアにアップロードしておきます。上記のリンクを1に挿入します。2は、アップロードしたLINEアイコンのアドレスを入れます。LINEボタンが増えたのでドラッグして追加して保存したら完了です。はてなブックマークボタンが増えたのでドラッグして追加して保存したら完了です。Feedlyボタンが増えたのでドラッグして追加して保存したら完了です。これでプラグインを追加することなくソーシャルブックマークボタンを3つ追加できました。表示される部分には、共有というタイトルで表示されますが、何ともお世辞にもいいとは言えないですね。赤枠の部分を設定しましょう。くまはちLABでは、下記のように設定しています。アイコンタイプは、アイコン+テキストにしておくのがベストです。アイコンだけとか公式アイコンなどの場合は、高さを調整するのに手をやきそうです。関連記事タイトルの変更と装飾ただ普通に設定しただけではこんな表示です。タイトルもちゃんと表示できていませんでした。このままでは、カッコ悪いのでちょっと変更します。関連記事のタイトルの変更は、functions.phpで変更します。テーマの編集から変更するよりもファイルを編集してFTPソフトでのアップロードが無難です。やり方を間違うとWordPressが真っ白になることもあるのでご注意ください。);赤字の部分を変更しています。初期設定では、h3タグなのですがh2に変更してemタグを削除しています。この方法は、Jetpack公式ページでも紹介されています。関連記事のカスタマイズ関連記事タイトルの装飾タイトルの装飾には、スタイルシートを使います。jp-relatedposts-headlineのクラスでスタイルシートを自サイトのデザインに合わせるとOKですね。下記のサイトが参考になります。関連記事表示数を変更するJetpackでの関連記事は、カスタマイザーと連動していてJetpackで表示をONにする設定をしたらカスタマイザーで関連記事の設定ができるようになります。こちらで設定できる部分もあるのですが、表示数の変更は設定するところがありません。これもタイトルの変更と同じようにfunctions.phpで編集します。);グリッドレイアウトなので初期設定では、3記事の表示です。この設定では、パソコンのブラウザ表示で2段6記事にするための設定変更にしてみました。この方法は、Jetpack公式ページでも紹介されています。今回は、関連記事の表示とソーシャルブックマークについて詳しくやりましたが、Jetpackの機能はこれだけでなく多岐多様にあります。サイドバーやフッターなどに表示できるウィジェットなどもそうです。カスタム投稿タイプで推薦文やポートフォーリオなどの追加が簡単にできます。これらの機能についてはまた詳しく書く記事を設定する予定です。WEBのことならくまはちLABにお任せください。キャンセル投稿を送信できませんでした。メールアドレスを確認してください。メール送信チェックに失敗しました。このブログではメールでの投稿共有はできません。