ブログのカスタマイズ備忘録
テーマ選定
テーマストアで目についたやつをインストールしてみました。
- timeline-minimal
- Minimalism(ストア1位)
一長一短で、見た目は timeline-minimalのが好きなんですがサイドバーが狭いのが難。
とりあえず、人気の Minimalism を 2020/2/21 時点では適用してます。
Twitterタイムラインとフォローするボタン設置
参考にしたサイトはありましたが、あまり複雑な作業でなかったので省略します。
- Twitter Publish にアクセス
- 表示される入力欄に自分のアカウントURLを突っ込む
- タイムライン表示もしくはボタン表示用のURLを取得する
- URLをブログ側のサイドバーのモジュールに貼る。
- モジュールをHTMLタイプで追加、タイムラインのURLを貼る
- プロフィールの自己紹介欄にボタン表示用のURLを貼る
タイムラインの表示量を減らしたい、表示する幅を広くしたい場合は、set customize options をクリックするとカスタマイズ用の入力項目が出てきます。
注意点は、サイトはどうも英語オンリーぽいです。
操作が不安なら解説サイトを見ると良いでしょう。
大まかな表示の変更
ここを参考に以下を実施。改変なくまんまコピペです。
- ナビゲーションバーの設置(トップにあるアイコンが並んでる部分)
- 記事ページの見出しをリンク先のものに変更
- ページ一番上へ戻るボタンの設置
2/22追記 SNSボタンの表示以外に見出しもh3相当のだけ、うまく表示されていないことに気づく。なんでh3だけ
SNSシェアボタンの設置
標準であるSNSボタン表示メニューではなく、HTMLとCSSを記述して表示させています。
丸い形のシェアボタンを記事の上下に配置しました。
ただプレビューで表示されるものが、サイトには縮小する形で表示されてるので原因を調査してます。
パンくずリストのカスタマイズ
記事に振ったカテゴリーをパンくずリストに組み込み、階層化される状態になりました。
この記事も トップ > LIFE > ブログ と表示されてますね。
階層化するには半角ハイフン( - )で繋げる必要があります。含める場合は注意が必要です。
(どうやって対処するかはそのとき考えよう)