思考ドライブ

wordpressの記事中の画像を、拡大出来るようにしてみたよ!!ヽ(`Д´)ノ

time 2017/06/03

wordpressの記事中の画像を、拡大出来るようにしてみたよ!!ヽ(`Д´)ノ

こんにちは。

思考ドライブのスギノタカノブ(@tknbsgn)です。

 

そしていきなり、

 

すいませんでした。

 

いや実は、

最近になって、

今までアップしていた画像が拡大出来ないことをしったのですよ。

 

単なる画像ならそれでも理解していただけるので構わないのですが、

なんかこう、グラフだとか、数値だとかって拡大しないと絶対分からないと思うんですよね。

 

ってことは、

 

今までの画像、全部伝わってなかったんじゃん!!

 

ということに、マジでショッキングでw

今までの全部空振りだったのかよ!!

いつになったらお前はちゃんとできるんだよ!!ヽ(`Д´)ノコラー

 

スポンサーリンク



sponsored link

というわけで画像を拡大出来るようにするぞ

 

はい、では拡大出来るようにしましょ~!!

ワードプレスでかっこよく画像を拡大出来るようにするプラグイン「FancyBox for WordPress」を使いますぜ(=゚ω゚)ノカクダイ

 

 

まずはwordpressの左のメニュー、プラグインの新規追加をポチ!

 

 

右上の検索窓みたいなところに「FancyBox for WordPress」と入力し検索をかけますと・・・

 

 

FancyBox for WordPressがでてきますので、「今すぐインストール」をポチ!

完了すると「今すぐインストール」のボタンが「有効化」というボタンに変わりますので、

その「有効化」になったボタンをポチ!して有効化しましょう(=゚ω゚)ノユウコウカ

 

あれ?動かないぞ?そんな場合の簡単対処法

 

で、通常ですとコレだけで使えるらしいのですが、

試しに画像をポチしても、画像が拡大されなくて( ´Д`)オイオイ

 

で、調べたところですね、

画像のリンクというものをいじる必要があったみたいなのです。

 

それをどうやるのかってことなんですけど、

 

 

画像を貼り付けたりする際に右側にメニューみたいなのが出てると思うんです。

ソコの「リンク先」という項目が「なし」になっていると思いますので、

ソコを「メディアファイル」に変えてみてください。

 

コレで画像がポチ出来るようになり、カッコよく画像が浮き出ちゃいます!!

 

今までの記事の画像のリンクの直し方が地道

 

というわけで、今までの記事中の画像をなおさなきゃな~ってわけですよ( ´Д`)マジスカ

もうすでに200記事以上投稿しちゃってますからね・・・

 

全部は直せない・・・よ?そうだよね?そうだよね?

 

まあでも画像を増やし始めたのは最近ですし、画像メインの説明系でもなければそんなにイジることもないです。

 

とりあえず直し方を書きますと、

 

 

記事編集画面の中の、貼ってある画像をポチすると、上にメニューが出ます。

そこの編集ボタンを押しまして。

 

 

出てきたメニューの「リンク先」のタブを「メディアファイル」に変えればOKです!!

 

コレを地道にやっていく・・・だっる!!だっる!!!ヽ(`Д´)ノウアアアア

 

因みにコレ、今後はアップロードした画像が勝手に「メディアファイル」を選択した状態になります。

なので一回やっちまえばOKってなわけですぞ(=゚ω゚)ノハヤクシリタカッタゼ

 

6/3追記→なんかメディアファイルになったりならなかったりしてます。

一応毎回確認した方が良いです!!(=゚ω゚)ノ

プレビューで記事確認ついでに画像確認しましょう!!

 

しかしコレだけでは足らないこだわりマンな方へ

 

で!

ここまでで一応完了しているわけですが、

ここまでの対応ですと、こういう感じ。

 

 

確かに画像がビョーンと出てはくるのですが、

もっと強調したいといいますか。

よく見る画面って、画像が出てくる時に背景が暗くなってると思うんです(=゚ω゚)ノワカル?

 

その設定を記載しておきますよ~。

 

 

まず、左のメニューから「インストール済みプラグイン」を選択。

その後出てきたインストール済みプラグインの中から、今回使用している「FancyBox for WordPress」の「setteings」ってとこをポチ!!

すると、上のような英字の画面が出てきます。

上にタブがズラっと並んでいますので、その二番目のアピアランスっていうタブをクリック!

 

 

その中から、オーバーレイオプションってやつと、タイトルってヤツをいじります。

初期値ですと上の画像のようになっているのを、

下の画像のようになおすと見栄えがカッコイイです(=゚ω゚)ノイケテル

 

 

  • #666666ってなってる項目を#000000にしますと、背景が黒くなり画像が強調されます。
  • 0.3ってなってたところを0.8くらいに設定すると良し。(背景の透明度の項目です)
  • 画像にタイトルはいらないので、タイトルのチェックは外します。

 

コレでよくみるカッコイイ画面に仕上がりました!!

 

 

コレコレ!!よくみるやつ!!wwwww

いや~カッコよくなったヽ(`Д´)ノヒャッホウ

 

設定は簡単ですし、やってみてくださいな(=゚ω゚)ノナッ

 

この記事内で説明をする為に、スクショとってああしてこうしてああだこうだってやったので時間はかかったものの、

普通に設定したりするだけなら、すぐ終わります。すぐです。

 

しかし効果は抜群。めっちゃカッコイイ( ´Д`)ドヤ

というか画像が拡大出来ないって時点でアカンwwwww

今までの記事wwwwww

チクショウwwwwwww

 

まぁ気づけてよかったじゃないですか。ええ。

これからもまたこういうことって起こりますしね。

まだワードプレスぺーぺーですから。

 

ではでは。

 

see you!!(=゚ω゚)ノユー!

sponsored link

down

コメントする




思考ドライブの中の人

杉野 貴信

杉野 貴信

・石川県ブロガースギノタカノブ
・合同会社 CYPHER ARTS STUDIOの代表
・月10万円で生きている節約人
・プロWEBライター
・【思考ドライブ】では効率化、節約、便利グッズ、思考、ダイエットなどを書いていきます!

フォローしておくか

Count per Day

  • 36113総閲覧数:
  • 98今日の閲覧数:
  • 136昨日の閲覧数:
  • 17721総訪問者数:


sponsored link