アトリエコハク

アトリエコハク

兵庫県但馬のホームページ制作アトリエ

>
>
  • Wordpress

スマホからWordPressへの投稿を最強にする

スポンサーリンク

Wordpressスマホ対応になってるんだけど、いざスマホからWordpressにログインして投稿しようとするといまいち使いづらい。
iPhoneのアプリでWordpressに投稿できるやつもあるけど、カスタム投稿とかいろいろカスタマイズしちゃってると使えなかったりする。
いや、僕が知らないだけできっと良いアプリがあるんだろうけど。

そもそもなぜ使いづらいのか


WordPressがなぜスマホからだと投稿しづらいのかというと
本文を編集するときにズームされるから!

wordpress input

これが地味にやっかい。
入力した文字がiPhone画面幅を超えても画面が文字について行ってくれない。
自分でスクロールしないとだめ。
これ面倒くさい!

記事のタイトルはズームしないのになんで本文だけズームするんですか!(笑)
やめておくれやす!

wordpress input

解決法


忙しい方の為にここでズバリ解決法を書きましょう。
こちらのサイトを参考にしてfunctions.phpにコードを入力するとOK牧場。
WordPress管理画面のviewportを変更する
ホントにありがたい記事です!
助かりました!

Viewportが問題だった


ユーザーが入力欄にカーソルを合わせた時のズーム機能は<head>タグから</head>タグの中に記載されています。
それを変更することで文字入力するときにズームしたりしなかったりの動きを設定できる。
「なら変更すれば良いでしょ」ということですが、実はWordpressの場合管理画面の<head>タグの中の情報を触るのは意外と面倒だったりする。
いや、僕がやり方を知らないだけなのは内緒。

Jqueryで解決!


いろいろググッてみたけどやっぱりなかなか<head>タグの中身が触れない!viewportが変更できない!
viewportを変えるだけなのに!
かゆい!
かゆいところに手がとどかないぞ!!
WordPress = phpという勝手なイメージがあってphpで解決することに囚われていましたが、ふと「Jqueryで書き換えちゃえば良いじゃない?」という思いがよぎり検索してみること3分。
すぐ見つかりました。

もう一度記載しておきます。
WordPress管理画面のviewportを変更する
最高!

これでスマホで本文を入力する際、ズームされなくなりました!

wordpress input

iPhoneからでもストレスフリーで記事が書けるぞー。

というブログをパソコンで書いています。

スポンサーリンク