エルゴノミクスキーボードアイキャッチ

ガジェット

2021/8/30

【Macで使える】Microsoftのエルゴノミクスキーボード買ってみた【レビュー】

PCの作業をする際に必須のデバイスであるキーボードですが、長時間のキー入力作業をしていると肩が凝ってきたり、手首が痛くなってくることってありませんか? 特に1日中キーボードを使う仕事をしている人にとって、長時間に及ぶ入力作業をしていると手首をずっとキーボードに置いていることになるので地味な負担がかかります。 また猫背で肩をすぼめた姿勢を取り続けることによって、手首の痛みに加えて肩も凝りやすくなってしまいます。 姿勢を改善したり、椅子を変えたりすることで手首や肩にかかる負担を減らすこともできますが、キーボー ...

ReadMore

キーボードマーキングシールアイキャッチ

ガジェット

2021/8/25

キーボード入力を効率化できる「キーボードマーキングシール」買ってみた

PC作業で一番多くの割合を占めるのが「キーボード入力」ですが、社会人になっても意外と苦手意識を持っている方が多いのではないでしょうか。 オフィスワークをしていると日々たくさんのキーボード入力をする機会がありますが、効率よくスピーディーにタイピングすることができるという人は意外と少数派なのではないかと思います。 入力ミスが多いせいで仕事がなかなか終わらず、書類の作成に時間がかかる そもそもブラインドタッチができない キーボードを逐一見て確認しながらじゃないと入力できない ホームポジションがすぐに崩れてしまう ...

ReadMore

頸部の筋肉アイキャッチ

美術解剖学

2021/5/29

【美術解剖学】頸部(首)の筋肉をイラストで解説

  人間の体の中でも特に重要なのが頭部ですが、その頭部の動きを司っているのが「頸部(首)」です。   頸部(けいぶ)には重い頭部を支えるしっかりした筋肉がいくつかついています。 体と頭を繋ぐ橋渡しのような部位でもありますし、デコルテ部分は顔の次に目立つ部分でもあります。   今回は頭部に続いて重要なポイントととなる「頸部(首)」の筋肉について、自作のイラストを使って解説します。   こんな方におすすめ 美術解剖学に興味がある方 人体の知識をイラスト制作やモデリングな ...

ReadMore

美術解剖学頭部の筋肉アイキャッチ

美術解剖学

2021/5/28

【美術解剖学】頭部の筋肉をイラストで解説

  人間の筋肉の中でも一番目立つ位置にあるのが頭部の筋肉です。   特に頭部の前面にある顔の筋肉はキャラクターイラストなどを描く際やキャラクターのモデリングをする際に重要となる部分でもあります。   顔の筋肉の構造を知る事によってより説得力のあるイラストを描く事ができるようになったり、リアリティーのある人物モデルを作ったりすることができるので、知っておくと沢山のメリットがあります。   今回は美術解剖学の中でも特に作品制作に関して役に立つ「頭部の筋肉」に関して、実際 ...

ReadMore

美術解剖学筋肉の起こる所と着く所アイキャッチ

美術解剖学

2021/5/27

【美術解剖学】筋肉の「起こる所」と「着く所」【イラスト】

  美術解剖学で筋肉について学ぶ際に知っておきたい前提知識として 「筋肉に起こるところ」と「筋肉の着くところ」というものがあります。     筋肉は骨に付着している組織ですが、骨に対しての筋肉の付き方がそれぞれ決まっています。   筋肉自体の形状を覚える前に筋肉がどの部位からどの部位に対して付着しているかについて知っておくことで、より筋肉と骨の形状と位置が覚えやすくなります。   今回は美術解剖学における筋肉の「起こるところ」と「着くところ」について、僕 ...

ReadMore

美術解剖学動きに関する用語アイキャッチ

美術解剖学

2021/5/23

【美術解剖学】体の動きに関して覚えるべき解剖学用語について解説

  美術解剖学を勉強すると人体の動きに関してより深い理解ができるようになります。 その理由は骨格や筋肉の動きを勉強することになるため、自然と人がどのように動いているのかについて考える習慣がつくからです。   しかし美術解剖学で人体の動きを学ぶ際にも専門用語が複数登場するので、この前提知識を知らないと勉強に時間がかかってしまいがちになります。   そこで今回は美術解剖学を勉強する際に登場する「体の動きに関する解剖学用語」について紹介します。 動きに関するものだけなので比較的簡単 ...

ReadMore

美術解剖学人体の位置と方向を示す用語アイキャッチ

美術解剖学

2021/5/24

【美術解剖学】人体の位置と方向を示す解剖学用語を解説

  美術解剖学では体の各部の位置や方向を説明するためにあらかじめ軸を決めて、それを基準に位置や方向を説明することがよくあります。 人体は複雑な構造をしているので、決められたルールに従って方向や位置を決めることでそれぞれの部位や方向をわかりやすくしています。   逆に言えばこの決められたルールを知らないと、体のパーツの位置や方向の説明を見たとしてもわかりにくくなってしまいます。 そこで今回は解剖学における「人体の位置と方向を示すための用語」について、3Dモデルを使って簡単に紹介します。 ...

ReadMore

解剖学筋肉の形状と構造アイキャッチ

美術解剖学

2021/5/28

【美術解剖学】筋肉の基本形状と構造を解説【イラスト】

    キャラクターイラストを描く場合だけではなく、3DCGでのキャラクターモデリングなどをする際に前提となる知識で多くあげられるもののひとつが 「美術解剖学」ではないでしょうか。   特にある程度絵を描いたりしている方のなかでは美術解剖学の知識が必須だというのは一般常識だったりしますよね。   このブログでは以前に解剖学の中でも文字通り骨子になる人間の骨格についての記事をいくつか書いていましたが、今回からいくつかの記事に分けて人間の筋肉についても解説していこうと思 ...

ReadMore

WordPress

WordPressでブログ内画像が簡単に拡大できるプラグインをオススメ!

EasyFancyBoxアイキャッチ

Sponsored

こんにちは。

夏ワタル(@summering26)です。

 

WordPressで作ったブログの画像をクリックすることってありますよね。

 

僕はいろんなブログを読んだりするんですが、小さい画像のときってよく見えないので、画像をクリックしがちです。

 

そういう時って画像をクリックして新しいタブに開かれたり画像だけのページに移動してしまうことってありませんか?

 

「画像を大きくみたいだけ」
「いちいち別ウィンドウで開きたくない」
「ブラウザバックするのもウィンドウを閉じるのもめんどくさい」

 

 

普段からこう思っていたのですが、多分同じ考えをもったブロガーさんもいるのではないでしょうか。

 

 

今回はそれを解決する良さげなプラグインを見つけたので紹介します!

 

 

WordPressでブログ内画像が簡単に拡大できるプラグイン

 

今回見つけたのは「Easy Fancy Box」というプラグインです。

 

 

簡単でファンシーなプラグインボックスという名前ですが、本当に簡単でした!

 

このプラグインはシンプルかつ便利でして、メインの機能は記事内の画像を拡大してくれるということです。

 

▼特徴を一覧にすると以下の様になります。

Easy FancyBoxの特徴

  • ブログ記事内の画像をそのページでポップアップ表示できる
  • 拡大時のエフェクトを変更可能
  • 同じ記事内の画像を矢印キーで行き来出来る
  • インストールするだけで使用可能(メディアでの設定は必要)
  • 画像の表示時にキャプション表示も可能
  • フォトギャラリーもオシャレに設置可能

 

簡単な設定だけでこれだけのことが出来るようになります。

 

 

画像をページを移動せずに拡大表示出来るようになればユーザビリティは上がると思いますし、
サイトの見栄えも良くなると思うのでWordPressを使っていうひとにオススメです。

 

 

▼この画像はクリックしても拡大されませんが……

イラストレーターPC

 

 

▼この画像は「Easy FancyBox」を使って拡大するようになっています。

イラストレーターPC

 

 

めっちゃ便利ですよね

 

 

インストール手順

Easy FancyBox

それでは早速インストールしてみましょう。

 

とはいっても簡単です。

 

ラグインを追加▶「Easy Fancy〜」と入力したら出てきますのでインストールして有効化します。

 

 

以上終わり!!

 

 

本当にこれだけで普通に機能しているはずなので、特にいじらなくてもOKなんですよね。

 

ただメディアの設定で表示されない人もいると思うので、次は細かい設定の方を進めていきましょう。

 

まずはメディアファイルを設定

メディアファイルの設定

記事内に画像を挿入している人で画像の表示設定をなしに設定している人はポップアップされないので、

まずは記事内のポップアップさせたい画像の設定画面にいきましょう。

 

ここのリンク先を「メディアファイル」に設定するだけ!

 

これでポップアップ表示されるようになったはずです。

 

Easy FancyBoxを設定していく

有効化できたら次に設定をしていきましょう。

 

プラグイン▶インストール済み▶「Easy FancyBox」▶設定画面を開きましょう。

 

ファイルアップロード欄でこの様に設定します。

基本はデフォルトで良いと思うのですが、表示メディアを追加したいひとは好みで設定してみてください。

 

 

ウィンドウ欄の設定はこんな感じにしてあります。

 

基本はデフォルトで問題ないかと思いますが、ポップアップさせた画像を消したい方は「閉じるボタン」にチェックを入れましょう。

 

ついでにESCキーでウィンドウを閉じられる様にしておくのも個人的にオススメ。

 

色設定は個人の好みで良いでしょう。

 

画像欄も設定していきます。

 

あまり多くの画像形式を使わないひとはデフォルトで問題ないです。

 

僕は.png.gifを追加しておきました。

 

動作の項目では画像の表示のアニメーションを設定することができます。

 

僕はデフォルトで設定しています。

 

Titleを表示にチェックを入れるとTitle属性に記述した文章がそのままキャプションとして表示されるようになります。

 

 

Alt属性をタイトルにしたいひとは「タイトルにサムネイルのalt属性を許可する」にチェックをいれましょう。

まあこの辺も好みということで。

 

 

以上で設定に関しては問題なくできたと思います。

 

 

一度プレビューで確認してみましょう。

 

フォトギャラリーを作成

 

WordPressでは画像を並べることでフォトギャラリーを作ることが出来るのですが、

「Easy FancyBox」をインストールした状態だと一枚の画像を挿入した様な形で表示されます。

 

クリックすると拡大するギャラリーが開けるので、矢印キーでそのギャラリー内だけで画像を閲覧することができます。

 

 

▼こんな感じに表示されます。

 

 

イラストや写真をひとつの記事に沢山載せたい人はこれは便利な機能なのではないでしょうか。

 

メイキングの画像をギャラリーに載せるという手もあります。

 

フォトグラファーの方のブログにはもってこいの機能ですね!

 

まとめ:画像をポップアップ表示でユーザビリティを高めよう


今回は「Easy FancyBox」というWordPressプラグインの紹介でした。

 

 

このプラグインは特にブログに画像を沢山使う人にオススメです。

 

 

1ユーザーとしての意見ですがいちいち画像が別タブで開かれるサイトに行くとちょっとイラっとしますし、

まとめて小さいウィンドウで画像を見ることが出来たりすると気持ちよく記事が見れるので、このプラグインは中々良いなと思います。

 

 

面倒な設定などもいりませんし、WordPress初心者でもわかりやすくて親切設計ですね。

 

画像を沢山使う記事を描くときににはぜひ使ってみてください。

 

 

Sponsored

  • この記事を書いた人
  • 最新記事

夏ワタル

デザイナー/イラストレーター。 イラスト制作や3DCG制作に関するTipsを発信しています。 才能ゼロでもイチから独学で絵が描けるようになる方法を研究中。 MAYAとSubstanceシリーズをメインに使っています。

-WordPress
-, ,