エジクンフットスイッチアイキャッチ

ガジェット

2022/3/14

PC作業を効率化できるフットスイッチ(フットペダル)を導入してみた感想

デスクワーカーをしていると長時間のPC作業をすることも多いと思いますが、中々スピーディーに作業が進まなくて悩んでいる方もいるのではないでしょうか。 基本的にPC作業を迅速に進めようとすると必要になってくるのが作業の効率化ですが、 作業を効率的に進める時に活躍するのがキーボードショートカットですよね。 ショートカットは基本はキーボードだけで打つことが多いと思いますが、慣れてくるとキー入力自体も効率化したくなってきます。 PC作業時のショートカット入力を効率化するには左手デバイス(片手デバイス)や音声入力など ...

ReadMore

Substance3DPainterアンカーポイントアイキャッチ

SubstancePainter

2021/11/6

【Substance 3D Painter】アンカーポイントの基本について解説してくれている公式動画が公開

Substance 3D Painterの機能の一つに「アンカーポイント」があります。 アンカーポイント機能はレイヤーに適当した複数の効果を他のレイヤー紐付けるように適用するという便利機能です。 一度適用したレイヤー効果を別のレイヤーにも簡単に適用できるので非常に便利で優秀な機能なんですが、使い方が若干めんどくさくてややこしい部分があるため、初心者の方には敬遠されがちかもしれません。 このブログでも以前アンカーポイントの使い方について解説した記事を紹介しましたが、今回はAdobe Substance 3D ...

ReadMore

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

ガジェット

2022/4/2

【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

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
-, ,