WordPressのメディア画像のサイズを追加・記事投稿時も簡単選択

メディア設定 サイズ
おかぴーおかぴー

こんにちは、WEBデザイナーのおかぴーです!

プロフィールはこちら。ブログデザインと組み合わせて効果的な収益化が目指せるこちらの記事もおすすめです^^

 

最近、僕のブログにお問い合わせを頂いた方とのやりとりを画像のスクリーンショットを使ってご紹介したのですが、↓

[sitecard subtitle=合わせて読みたい url=https://okap01.com/experienced-voice target=]

パソコン表示で横幅500pxくらいで表示しようと画像を一つずつ並べて記事を作成していました。

ただ、一個ずつサイズを変更して貼り付けて行くのが大変で、デフォルトでないサイズの場合手動で打ち込んで500pxと打ち込んでやっていて、

 

「最初から指定したサイズを簡単に選択できたらいいな・・」と思っていたところ、プラグインのインストールと希望するサイズをfunctions.phpというファイルに書き込むことですごく楽に指定サイズの画像を貼り付けられるようになりました↓

 

もし希望のサイズで画像を貼り付けたい人は、これを追加するだけで簡単に選択できるようになるので便利ですよ!

 

『カスタマイズする前に』
カスタマイズをするときは、子テーマを使って、バックアップをとってから行ってください。カスタマイズについては必ず自己責任でお願いいたします。

 

目次

functions.phpに希望サイズを追加しよう

WordPressの管理画面から、「外観>テーマの編集」に進み、以下の画面のようにfunctionos.phpを選択します。

この時、必ずお使いのテーマの「子テーマ」を右上で選択して作業しましょう。

add image functions.php

functions.phpの一番下に、追加したいサイズを書きます。

 

『追加するコード』

add_image_size( 画像の名前, 幅, 高さ);

例)
【横幅500pxのサイズを追加する場合】
add_image_size(‘img500’, 500, 9999);

→高さを指定しない場合は、9999にします。

【横幅375px・高さ300px以下に指定する場合】
add_image_size(‘img375x300’, 375, 300);

 

次に、このサイズを画像を貼り付ける時に簡単に選択できるようにしたいので、プラグインをインストールします↓

 

WP Image Size Selectionをインストールしよう

プラグインで、「WP Image Size Selection」を検索・インストールします。

WP Image Size Selection

特に設定は必要なく、インストールしたあとに有効化するだけでOKです!

すると、こんな感じで選択肢に増えます↓

メディアサイズ 追加

 

注意点

ただし、この簡単設定ができるのは「functions.phpへの追加」した後の画像に限ります。

ですので、もう既にアップロードしている画像でサイズを簡単選択したい場合は手動でサイズ指定が必要になります。

 

まとめ

もともと、画像をアップロードをすると、「設定>メディア」の中の「サムネイルサイズ・中サイズ・大サイズ」がプルダウンで出てくる設定になっています。

メディア設定 サイズ

メディア設定 サイズ

このサイズ以外の画像を手動で打ち込まずに、簡単にプルダウンで選択できるようにするために今回の設定をしたというわけでしたー!

おまけ

ブログを作っていると、ふと

「見た目をもっとカッコよくしたい」「おしゃれでキレイな感じにしたい」っていう衝動が来ませんか?

みみこ

あるあるですね(笑)なんかしっくりこないなーとか、
でも、どう作っていいか操作も含めて分からないことがあります。

おかぴー

そんな時は、WEBデザインの勉強を少しだけでもいいので、
やってみるのもいいと思います^^

僕は見た目が納得がいくものが作れると、モチベーションが上がります。

よーし!また記事を書こうかな〜って思えるし、書いたものを見返して

「 はぁぁぁぁ〜(*´꒳`*)ウキウキ 」

ってなります(笑)

僕がこのブログを通して知り合った方は、みなさん自分のブログの見た目(デザイン性)とか、作り込み(WordPressの操作)に悩んでいる方が多かったです。

僕自身も初めはWordPressの管理画面からよく分からなくて、どこをいじったら何が変わるのか?もそうだし、

色を変えたり大きさ変えたり、基本的な内容でも何時間もかかったことがありました。

知り合った方のお悩みを聞いて改めて感じたことは、

そもそもWordPressでブログを作る=WEBデザインの知識が多少なり必要になるということです。

デザイン知識然り、コーディング知識しかり。。

でも、WEBデザインの勉強と言ってもその範囲はめちゃくちゃ広いし、ぶっちゃけ終わりはありません。

専門用語も多いし、だからと言って初心者の人が幅広く手を出して勉強するのも大変です。(ゴールを見失います)

それなら、

WEBデザイン初心者の人でも、モチベーションが爆上がりできるような必要範囲を絞ったブログ制作の教材があったらいいんじゃないか?と思ったんですが、どうでしょうか?(*^^*)

具体的には、こんな内容を盛り込む予定です↓

  • WEBデザインの知識を活かして魅力的なメインビジュアル(ブログのメイン画像・アイキャッチ画像)を楽しみながら作れるようになれる
  • カスタマイズが一定レベルでできるようになれる
  • パソコン自体の知識も身に付く
  • 程よい範囲のWEB知識がつくから、情報リテラシー(※)が高くなる
  • 登録してくれた方それぞれのお悩みに特化した、特別コンテンツを受け取れる

※情報リテラシー:世の中にあふれる多くの情報を、適切に活用できる能力

これから作っていくことになるのですが、

提供開始まで先行登録してくれた方には別途プレゼントもお送りしたいと考えています

最新の知識を受け取ることができますし、

登録してくれた方それぞれのお悩みに応じたコンテンツの提供ができることも、このLINEの一つの魅力かなと。

少しでも作れるよ〜って人にも、ためになる内容を盛り込む予定もあるので、興味がある方はLINE登録してもらえると嬉しいです^^

↓↓↓

チェックしてね
「お気軽にどうぞ〜」
よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次