自作のWordPress改行プラグインでスマホの見た目を改善してみた

Share

こんにちは稼頭男です。

私はWordPressでブログを書いています。

ノートパソコンを開いて記事を書くのでどうしてもチェックはパソコンの見た目でやってしまいます。

この頃はスマホのユーザーが多いですよね。このブログにアクセスしてくれている方の多くもまたスマホユーザです。

私のサイトでは私の感覚で文の途中に改行を入れています。

PCで見る感じではまだ大丈夫な記事になってるはず。

といいつつ本当はチェックが足らずに変な見た目になっている記事もいっぱいあります。

スミマセン。

こんな感じなのに、スマホで見ると更に変な見た目になってしまいます。

殆どのページが改行位置がおかしいから読みにくいページになってしまっているのです。

コレでは駄目だと反省したことと、WordPressのプラグインも作ってみたかったということで、今回は改行プラグインを作ってみました。

ワードプレスの改行はどうなっているのか?

WordPressの投稿画面にはビジュアルというHTMLタグをあまり意識する必要が無いモードが有ります。

たぶんコレを使われているのでは無いでしょうか?

このビジュアルモードで記事を打つと
改行1つでは「BR」タグ、改行2つ以上では「P」タグに
自動変換されるようになっています。

要するに、改行1つでは文の折り返し
改行2つ以上では1行空けて折り返ししてくれます。

1行空けて折り返している部分は良いのですが、ただ折り返している部分はスマホで見ると妙に気になります。

こんなに狭い画面でこんなに改行しなくても・・・

そういう気持ちがむくむくと湧いてきます。

なので、モバイル端末からのアクセスの場合で「RB」タグに自動変換される部分をカットしちゃおうと思ったのです。

まあ、モバイル端末かどうかの判断はWordPressの関数に頼っているのでタブレット端末もモバイル端末扱いになっちゃいますけど、まあ問題ないのでそこら辺はこだわらずパパっと作りました。

ダウンロードはこちら

本当は購入特典に組み込んだほうが良いんですが、
このブログをみてくれている方にプレゼントしたいという気持ちの方が
勝ってしまいました。

アフィリエイターなら購入特典にしたり、メールアドレスをゲットしたりすべきですよ。

ということでこちらからダウンロードしてください。

spBrCtrl(スマホ改行制御プラグイン)ダウンロード

WordPressのプラグイン画面で「新規追加」「プラグインのアップロード」「ファイル選択」とボタンを押していき、ダウンロードしたZIPファイルをアップロードしてください。
その後「今すぐインストール」「有効化」ボタンを押すだけです。

このページにも使っているので問題はないと思いますが、おかしな結果になったらプラグインを停止させてください。

このプラグインがお役に立てることを祈っています。

Share

いかがでしたか?よかったらクリックお願いいたします
にほんブログ村 小遣いブログ お金の稼ぎ方・稼ぐ方法へ