集客しない客モテメディア構築コンサルティングとはお客様にモテ、自分を再発見出来るホームページといったメディアをを二人三脚で創り育てます。 あなたとのお話を通して、頭や心の中の見えない想い、魅力を見える形にするので「あなたが良い!」と「ありがとう!」の感謝が集まります。

ワードプレス更新をスマホでしよう!

ワードプレス更新をスマホでしよう!
記事投稿も画像作成も隙間時間にサクサクとね(о´∀`о)

って、皆さん更新してますか?
という私は時々しかしていませんが(;^_^A

WordPressカスタマイズでスマホからのノンストレス更新でアクセスアップを目指す

どんな風に便利になるのかを、簡単に説明しています。
約3分12秒の動画です♪

ワードプレスの管理画面はレスポンシブ

ワードプレスは管理画面もレスポンシブになっています。
但し入れているプラグインの関係で、投稿エディタがスマホ画面からはみ出している場合があります。

ちょっとしたことなんだけど、
そんなことが気になってストレスになって、
投稿がめんどう!
なんてことにも(^-^)

ワードプレスカスタマイズで管理画面投稿エディタも、スマホ幅に合わせよう!

だけど、すこしのカスタマイザで
投稿エディタをスマホの画面幅に修正することができます!

修正できてしまえば、画面内に収まっているから、
投稿がしやすくなります(^-^)

ただこのカスタマイズをする場合、functions.phpを触ったり、
CSSを触る必要があるので、自信のない方はプロへ依頼しましょう♪

CSSだけなら少々間違っても大丈夫だけど、
functions.phpを間違うと、画面真っ白になるからね(;^_^A
血の気引いて、体に悪いから(;^_^A

まぁ、バックアップ取っとけば大丈夫だけどね。
バックアップさえあれば、すぐに元に戻せるもんね。

functions.phpに追記

まずは、functions.php内に、
admin-style.cssを使うよ~~ってことを、お知らせするための
魔法のようなコードを書きます。

/*--------------------------------------------*/
/* 管理画面用 スタイルシート設定
/*--------------------------------------------*/
function load_custom_wp_admin_style() {
 wp_register_style( 'custom_wp_admin_css', get_stylesheet_directory_uri() . '/admin-style.css', false, '1.0.0' );
 wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );

admin-style.cssを追加

次に、admin-style.cssを作成して、レスポンシブ用のスタイルシートを書きます。
私の場合は、中身をこんな風に書きました。

@media screen and (max-width: 640px) {
 #poststuff {
 max-width:100% !important;
 min-width:0 !important;
 width:100% !important;
 }
 .wp-editor-expand #wp-content-editor-tools {
 width:100% !important;
 }
}

そして、FTPでアップロードしましょう!

参考サイト

今回参考にさせていただいたサイトはこちらです。
詳しく説明くださっています(^^)

WordPress管理画面のCSS(admin.css)を子テーマから上書きする方法
WordPress管理画面のCSSを編集する方法。コアファイルのCSSを編集してもアップデートで元の状態に戻ってしまいます。そこで子テーマで管理画面CSSを上書きするように設定します。子テーマを作成し、function.phpへの追記、子テーマ内にadmin-style.cssを用意するだけ。

ワードプレス管理画面内投稿エディタを確認しましょう!

上記作業が完了したら、必ず管理画面もサイトも表示確認をしましょうね。
functions.phpを書き損じていたら、真っ白になってるから(;^_^A

んで、スタイルシートの書き方がまずかったら、うまく反映されてないか
レイアウト崩れを起こしているから、即修正しましょうね

無料メールマガジン
集客しない客モテメディア構築通信のご案内

無料メールマガジン「集客しない客モテメディア構築通信」では、
あなたのファンが集まるメディア構築の考え方や、ノウハウと言った情報を配信しております。

メールマガジン登録プレゼント特典!

今回メールマガジンに登録くださった方へ2つの特典を準備しました!

1.【特典1】メディア運営のための時間の作り方 無料レポート
2.【特典2】WordPressで 簡単ホームページ 制作・更新・運営 動画マニュアル

是非、受け取ってくださいね!

*メールアドレス
*お名前(姓)

▼ポチッと応援クリックよろしくね!

にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村

【お知らせ】line@始めました

今LINE@に登録すると【体験】WEB集客コンサルが無料で受けられます!

▼PCでご覧の方のLINE@参加

パソコンでご覧の方は、こちらのQRコードをスマホのQRコードリーダーで読み取りご参加ください。

▼スマホでご覧の方のLINE@参加

スマホでご覧の方はこちらをクリックして、LINE@に参加ください

友だち追加

 

masako by

オウンドメディア型ホームページ構築のサポートを、培ったカウンセリング能力を用いつつお客様のニーズに寄り添った形で提供しています!
マイペースで確実にオウンドメディア型ホームページを構築されたい方は、お気軽にお問い合わせ下さい