CSSファイルの編集デモ映像こんにちは、連クミコです。当サイトでは、構築に無料のWordPressテーマであるSimplicityを利用させていただいています。カスタマイズ”で色々カスタマイズできます。最後まで記事を読んだあとにグローバルナビゲーションを使いたい場合、最上部までスクロールしなければなりません。「これ、ちょっとユーザービリティ的にどうよ?」と思ったので、スクロールに合わせてグローバルナビゲーションが追従するようにしてみました。スポンサーリンクグローバルナビゲーションのカスタマイズ方法ググったところいろんな方法が紹介されていましたので、一番簡単そうな下の記事を参考にさせていただき、Simplicityを利用されている方がそのままコピペで使えるようにソースコードを書き直しています。“で「グローバルナビを表示」をONにします。ヘッダー”の「グローバルナビを横幅いっぱいにする」をONにします。javascript.jsファイルの編集FTPクライアントで、利用されているテーマのフォルダ内にある”javascript.js”にアクセスします。通常であれば下記のディレクトリ内にあると思います。/wp-content/themes/(テーマ名)/ちなみに、私はphpファイルを編集する際は、子テンプレートに親テンプレートのファイルをコピーして、コピーファイルを編集するようにしています。すると、wordpressをバージョンアップしても、カスタマイズした内容が上書きで消されてしまうという危険が回避できるそうです。このjavascript.jsファイル内に次のコードをコピペして保存、アップロードします。});2行目のとおり”navi”というIDがある要素が、5行目のとおりトップの位置に来た時、6行目のとおり”navifixed”というCLASSを付与します。8行目のとおりトップの位置でなくなれば”navifixed”というCLASSを解除します。テーマの編集”で「スタイルシート」を選択し、下記のソースコードを追記します。追記ができたら「ファイルを更新」ボタンを押してください。10000;}これで、完了です。本サイトの上部にあるグレーのグローバルナビゲーションが、この方法を使ってカスタマイズしたものです。今後さらにカスタマイズしてしまった時のために、映像も残しておきますね。工夫次第で、サイドバーなんかも、この方法で固定表示する事ができるので、ぜひ試してみてください。記事を書く時間半減!テキストエディタに独自のタグを挿入するボタンを追加する方法Wordpressのテキストエディタで記事を書いていると、&lt;h2&gt;や&lt;h3&gt;といった、自分がよく使うタグが、タグ挿入ボタンにあるといいな、と思うことありませんか?今回は、アドオンインストール無し、たったの2STEPで、テキストエディタのタグ挿入ボタンにオリジナルのタグを追加する方法を紹介します。無料のWordPressテーマであるSimplicityで、固定ページのパンくずリストに現在閲覧しているページのタイトルを追加する方法を紹介します。無料のWordPressテーマであるSimplicityで、メニューを含むヘッダーをトップに固定表示されるようカスタマイズしてみました。これにより、スクロールしてもヘッダーやメニューが追従して表示されます。Simplicityを利用されている方はコピペで実装できるよう、設定方法を紹介しています。続きを読むコピペでOK!カテゴリ別に広告(ウィジェットエリア)を出し分ける方法こんにちは、連クミコです。当サイトでは、構築に無料のWordPressテーマであるSimplicityを利用させていただいていますが、Simplicityをカスタマイズしてカテゴリ別に異なる広告を出す方法をご紹介します。続きを読むWordPressにSlack・chatworkのシェアボタンをつけてみた(Simplicityテーマ)無料のWordPressテーマである「Simplicity」でのSlackとchatworkのシェアボタンの追加方法をご紹介します。AMありがとうございます!できました!......とは言い切れず、申し訳ないです。サイトトップにはくっついたのですが、クリックするとグローバルメニューが開いて、記事を見ている場所(ページなかほど)から強制的にページの上部に移動してしまいまして......上手く書けませんが。おっしゃる通り、私のコードとちょっと違うからですね。やり方が少しわかってきましたので、あとは自分で頑張ってみます!お返事をくださっって嬉しかったです。ありがとうございました。PM>クリックするとグローバルメニューが開いて、記事を見ている場所(ページなかほど)から強制的にページの上部に移動してしまいましておそらくメニューの表示方法を「アコーディオン(デフォルト)」にされているからではないかと思います。進んで頂き、「アコーディオン(デフォルト)」から「モダールメニュー」と設定していただくと、上部へのスクロールはされなくなるかと思いますよ。