【SANGOを自分でカスタマイズ】上に表示される目次をスマホとPCで切り替える

上部の固定見出しをカスタマイズ

カスタマイズは自己責任で!
ワードプレステーマ
SANGO
子テーマ
PORIPU

この記事では 上に表示される目次をカスタマイズした方法を説明。
はるしかさんの記事でカスタマイズが紹介されています
参考 SANGOで現在の見出しを上部に追従させるサルワカ風カスタマイズ | こじかログこじかログ  
はるしかさんが作成したSANGOサポーターにも追加されています。
参考 SANGOサポーターの使い方【こじかWPプラグイン】 | こじかショップ本店こじかショップ本店
MENくん

ぼくはSANGOサポーターを使っています!


こんな感じ(スマホ)

Before
After
カスタマイズ後(スマホ)

こんな感じ(PC)

Before
カスタマイズ前(PC)
After
カスタマイズ後(PC)

このサイトの環境

テーマ
子テーマ
プラグイン

使うソフトなどはこちら

必須

WordPressWordPress

グーグルクロームGoogle Chrome

推奨

ファイルジッラFile zilla

サブクライムテキストsublime text

カスタマイズをする準備

SANGOサポーターで設定

SANGOサポーターの設定
SANGOサポーターで設定していきます。WordPress設定SANGOサポーター見出しラベルを上部に固定変更を保存
MENくん

SANGOサポーターならめちゃ簡単!!!

カスタマイズ方法

追加CSSの手順
外観
カスタマイズ
追加CSS
子テーマの手順
外観
テーマの編集
FTPソフトの手順
FTPソフト起動
自サイトに接続
style.cssを開く

追加CSSの使い方はこちら

カスタマイズを加速させる追加CSSブログのカスタマイズを加速させる「追加CSS」の使い方

カスタマイズのコードを追加

style.css(追加するコード:上部の見出し)
style.css(追加するコード:上部の見出し)
 
確認の手順
保存ボタンを押す
ブラウザでキャッシュを削除して更新

これで上に表示される見出しもオリジナル感がでた!

手順まとめ

手順をザクッと説明
変更手順
  • SANGOサポーターで設定
  • FTPソフトとテキストエディタを開いて準備OK。
  • 追加のコードを書き込んで、保存。アップロード。
  • 更新して確認。

PC表示で中央揃えにすると、ちょっと見やすいかも!