vdeep

*

vdeepはプログラミング、IT、Web技術、ライフハックの事などなどを管理人okutaniがつぶやくブログです。月間11万PV〜。

「Preserve Editor Scroll Position」プラグインでエディタのスクロール位置を固定する

      2015/10/11

LINEで送る
Pocket

wp-preserve-editor-scroll-position
こんにちは、okutani(@okutani_t)です。WordPressでは書いた記事を更新すると、画面全体が更新されてしまい、エディタのスクロール位置がTOPに戻ってしまいます。

Preserve Editor Scroll Position」プラグインを利用すると、記事を更新した後にスクロール位置を固定することが出来て便利です。記事をこまめに更新する人は、是非このプラグインを導入してイライラを解消しましょう。

ではさっそく導入していきます。

スポンサーリンク

Preserve Editor Scroll Positionの導入

ダッシュボードから「プラグイン」→「新規追加」を選択します。

wp-plugin-install

画面右の検索バーで「Preserve Editor Scroll Position」と検索して「いますぐインストール」を押します。

wp-preserve-editor-scroll

これでPreserve Editor Scroll Positionが導入されました。インストール終了画面下に「プラグインを有効化」がありますのでクリックして有効化しましょう。

wp-preserve-editor-scroll2

WordPrsss4.0以降で利用する

基本的にはプラグインを有効にするだけで利用できるのですが、WordPrsss4.0以降ではデフォルトのままだと使えないので一つだけ設定を行います。

最大行表示エディターと集中執筆モード機能を無効化

記事投稿画面上にある「表示オプション」タブを開いて「最大行表示エディターと集中執筆モード機能を有効化します。」のチェックを外します。このチェックを外すことでPreserve Editor Scroll Positionプラグインが利用できるようになります。

wp-preserve-editor-scroll3

スクロールが固定されるか確認してみる

新規で記事を作成して、文章を更新してみます。

wp-preserve-editor-scroll4

本文「テスト1、テスト2…」と下の方まで文章を入力しました。少しスクロールしてテスト12あたりに文字を追記し、更新しても本文入力エリアのスクロールは変わらず、固定されているのが確認できました。

wp-preserve-editor-scroll5

これで頻繁に更新してもスクロールがTOPに戻ること無く、更新する度に起きるイライラから開放されますね。

この記事が気に入ったら
いいね ! しよう

Twitter で
LINEで送る
Pocket

okutani (@okutani_t) のヒトコト
このようなちょっとした気遣いをしてくれるプラグインは使ってていい気分になりますね。是非この機会に導入してみては。

 - WordPressプラグイン

スポンサーリンク

PC用AdSense

PC用AdSense

Share
  • このエントリーをはてなブックマークに追加

  こちらの関連記事もどうぞ

[WordPress] 画像をあとから読み込んで表示速度アップ!「Lazy Load」プラグイン

こんにちは、okutani(@okutani_t)です。皆さんはブログ記事を書く …

カテゴリーの順番を変更する「Category Order」プラグイン使い方

こんにちは、okutani(@okutani_t)です。今回は、かんたんにWor …

DISQUSでWordPressのコメント欄をパワーアップしよう!

こんにちは、okutani(@okutani_t)です。WordPressサイト …

[WordPress] ソースコードを綺麗に表示!SyntaxHighlighter Evolvedプラグイン導入

こんにちは、okutani(@okutani_t)です。WordPressにソー …

WordPressのサイトマップを「PS Auto Sitemap」で作成してみよう

こんにちは、okutani(@okutani_t)です。サイトマップとは、サイト …

All in One SEO PackのXML Sitemapで最低限行うべき設定項目

こんにちは、okutani(@okutani_t)です。WordPressでサイ …

WordPress全バックアップを「BackWPup+Dropbox」で行う

こんにちは、okutani(@okutani_t)です。みなさんはWordPre …

「EWWW Image Optimizer」プラグインで画像の自動圧縮を行う

こんにちは、okutani(@okutani_t)です。WordPressで画像 …

[WordPress] Amazonアソシエイトを綺麗に表示「AmazonJSプラグイン」導入方法

こんにちは、okutani(@okutani_t)です。Amazonアソシエイト …

[WordPress]お問い合わせフォームを「Contact Form 7」で作成する

こんにちは、okutani(@okutani_t)です。サイトを運営していて必要 …

vdeepのトップページへ戻る画像です。風船の形をした島を女の子が掴んでいます。