投稿者: umizo

HTMLが苦手でもワードプレスはレスポンシブ対応できる

筆者は最近、お仕事で
ワードプレスでLP（ランディングページ）を
作成させていただいております。
訓練校の授業でも、ワードプレスの講義を
少しだけ取り入れておりました。

ちなみに当サイトも
ワードプレスで作成しています。
HTMLが苦手な筆者もレスポンシブ対応できるので
本当に本当に、重宝しております。

今後は、ワードプレスのちょっとしたノウハウに関して
書く機会も増えるかと思います。

ルビを振るプラグイン「WP-Yomigana」インストール

クライアントの「ルビを振ってほしい」という要望に対応すべく、
プラグイン「WP-Yomigana」をインストール！

・・・したいところですが、
新しいプラグインを安易に入れるのはリスキーなので、
このサイトで実験してみているところです。

それぞれのサイトによって
プラグインとプラグインの相性が干渉して
思いもよらないエラーが起こる可能性があります。

ですので、バックアップを取るなどして
元に戻れるようにしてくださいね。

当サイトで問題がなくても
あなたのサイトでは問題が発生する可能性があります。
（好きではない言葉なのですがプラグイン導入は「自己責任」でお願いします）

プラグインを導入する方法→「プラグイン」から新規追加

プラグインを導入するには
「プラグイン」から新規追加で検索します。

ここでは「WP-Yomigana」と入力して検索。

なんだか凄い文言のサムネイルですが
「今すぐインストール」して「有効化」します。

すると・・・

設定の中に「ルビ設定」が表示されるので

「rubyタグのボタン」の「1行目に表示する」を選び、
変更を保存します。

投稿ページでルビを振ってみる！

プラグインを導入したので
早速ルビを振ってみようと思います！

素材は上の２行。

ところがです。

「Gutenberg（ブロックエディタ）問題」でルビが振れません（泣

Gutenberg（ブロックエディタ）問題を解消する

過去に、久しぶりにブログを更新しようとして
ワードプレスの編集が
新しい「Gutenberg（ブロックエディタ）」に変更されていて、
ビビったことがあります。

せっかくプラグインを入れたのに、
旧エディターの「ビジュアル」エディターでないと
ルビの作成ができないので

WordPressのバージョン4.9まで採用されていた
「クラシックエディター」表示ができるようにしたいと思います。

プラグイン「Classic Editor」でクラシックエディターに戻す

さて、クラシックエディターに戻すために
プラグインを導入するに至ったのですが、

ワードプレスは何かしようとしたら、
その準備のために違う何かをして、
また違う何かをして、と
YOU TUBE沼に似た状態になります。
そして、どんどんプラグインが増えていきます。

自制との戦いです。

筆者の目先のゴールは、クラシックエディターに戻すことなので、

プラグイン「Classic Editor」をインストール、
有効化してみると、
投稿画面がクラシックエディターに戻ります！

クラシックエディターとGutenbergを併用したい場合

「慣れ」って大事です。

Gutenbergに変わっていて対応できなかった痛い記憶を教訓に、
新しいGutenbergも使える状態にしておきたい。

クラシックエディターばかり使っていてはダメ。

その場合は、投稿設定を変更します。

設定の「投稿設定」で
旧エディターにチェックし
さらに
「ユーザーにエディターの切り替えを許可」もチェックします。

投稿一覧ページを見てみると

編集（ブロックエディター）と編集（旧エディター）、
編集方法を両方から選択できるようになります。

 

「ルビを振ってみよう」に戻ります

このように、
ワードプレスは作業が行ったり来たり
脱線の連続で
「何やってたっけ？」ってなります。

私が今、何をやってたかというと
ルビを振りたいのでした。

ということで
投稿を旧エディターで編集してみると・・・

ツールバーの一番左に「ルビ」が
表示されています！

早速というには、脱線して時間がかかり過ぎてるので

遅速！！ルビを振ってみます。

文字列を選択して
「ルビ」をクリックします。

「親文字」と「ルビ」が表示されるので、
「ルビ」にふりがなを入力すると・・・

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

プラグインを導入どうにゅうしたので

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

２行目も振ってみます。

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

早速さっそくルビを振ふってみようと思おもいます！

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

感動・・・・

文字を選択、
「ルビ」をクリック、
ふりがなを入力、
OKをカチっ

という作業の繰り返し。
単純作業で楽しいです。

頭脳をリフレッシュできるので
こんなバイトがあったら、やってみたいなあ・・・。

 

というわけで、
ワードプレスのプラグインを使って
ルビを振ってみましたが

旧エディターもGutenbergも両方使える方法が
意外な収穫でした！

絵が描けないとグラフィックデザイナーはダメなの！？

筆者が１年間、勤めさせていただいた、
職業訓練校の受講生の方から
時々いただいた疑問の中に、以下のようなものがあります。

「私、絵が下手なのですが、
グラフィックデザイナーになるのは大変でしょうか？」

筆者の答えは以下です。

「グラフィックデザイナー は絵が下手でも大丈夫。
グラフィックデザイナー ＝ イラストレーターではないですよ」

それでは具体的に
イラストレーターとグラフィックデザイナーの違いとは何か？
お話したいと思います。

イラストを描けると思ってグラフィックデザイナーを目指した、あの頃・・・

その昔、漫画家を目指していた筆者は、
好きなイラストを仕事にできると「勘違い」して
グラフィックデザイナーになりました。

イラストとグラフィックデザインの根幹は繋がっているので、
絵が描けるグラフィックデザイナーが多いのは確かですが、
グラフィックデザイナーに、絵が下手だから
なれないわけではありません。


実際、筆者の周りにも、
Adobe Illustrator以外のアプリを駆使して
イラストを描いている
グラフィックデザイナーは何人もいます。

彼らが筆者のように「勘違い」したか否かは
聞いてみないとわかりませんが、
イラストレーターとグラフィックデザイナーの
実際の仕事内容は、別物なので
次項で違いを確認していきましょう。

イラストレーターの仕事は○○を作ること

イラストレーターのお仕事をひとことで表すと、
「素材を作る」ことです。

新聞・雑誌広告や本の表紙・装丁、
パッケージ、ポスターなどなど・・・

イラスト作成は、
あらゆる媒体を彩る「ビジュアルそのもの」であり、
誌面のイメージを支配します。

グラフィックデザイナーとは？

一方、誌面全体のイメージをプロデュースする役割が
グラフィックデザイナーのお仕事です。

どのような「見せ方」をすれば
お客様の要望を叶え、効果を得られるか？考え、
コンセプトやキービジュアルを決定します。

「見せ方」の選択肢の中には
写真で見せる、
グラフィックや空白、文字で見せる、
などなど様々あります。
イラストは「見せ方」の中のひとつです。

グラフィックデザインなど、制作業務には、
コピーライター、カメラマン、イラストレーター、校正、印刷など
様々な業種が関わって、はじめて完成します。

ですので、
グラフィックデザイナーが絵が下手だという理由で
なれないわけではありません。

そして、
グラフィックデザイナーのお仕事は多岐にわたり
とても忙しいので、
ちょっとしたイラストが描けるグラフィックデザイナーも、
「餅は餅屋」。

イラストはイラストレーターさんに、
写真はカメラマンさんに、
文章はコピーライターさんに、

というように専門家に頼む方が
クオリティが高く効率的と言えるでしょう。

イラストレーターとグラフィックデザイナーの違いをまとめると

イラストレーターとグラフィックデザイナーの違いは、

イラストレーターのお仕事は、
新聞・雑誌広告や、本の表紙や装丁、
パッケージ、ポスターなどの
イラストを描く「素材作り」であり、
誌面のイメージを支配します。

一方、グラフィックデザイナーは
誌面全体のイメージをプロデュースする役割。

お客様の要望を叶え、効果を得られる
最も最適な「見せ方」を推考し、
写真やイラストなど、様々な選択肢の中から決定します。

ですのでグラフィックデザイナーに
絵が下手だからなれないというのは
間違った認識だと言えますね。


たとえ絵を描くことが苦手でも
グラフィックデザイナーに
なることは可能ですので

「絵が下手」と謙遜されるあなたも
検討してみてください！

この記事では、未経験からグラフィックデザイナーになるために
どのような勉強方法があるのか？について考察します。

私たちの周りがデザインで溢れている理由

街のビルや店舗に標識、
道路の地面にはピクトグラム・・・。

周りを見渡すと「自然物」以外で、
デザインされていないものは
存在しないんじゃないか？と思います。

デザインというものが、
これほどまでに
無意識レベルで身近となっている理由は、

デザインが会社やお店の顔であり、
「選ばれるか選ばれないか」
選択の重大なファクターとなっているからなのです。

そんな身近に溢れる「重要なデザイン」を作るのが
グラフィックデザイナーのお仕事です。

ちなみに
筆者は地方出身の田舎者なんですが
地元、島根県の風景を思い出すと・・・

人の手が入っていない分、
自然物の方が占める割合が多くって、
都市部よりデザイン率は低いように思います。

「選ばれるか選ばれないか」を左右するグラフィックデザイナーになる勉強方法

在宅ワークが珍しくなくなって、
パソコン１台あれば、
特別な道具を必要としないのが
グラフィックデザイナーのお仕事。

フリーランス、会社勤めに関わらず、
あなたの周りにも
グラフィックデザイナーとしてお仕事をしている人、
または目指している人が、
いるかもしれません。

それでは、グラフィックデザイナーになるには
どのような勉強方法があるのでしょうか？

グラフィックデザイナーに必要な知識と技術

まずはグラフィックデザイナーに必要な知識、技術について
確認しておきましょう。

DTP（Desktop Publishing -デスクトップ パブリッシング）が普及する以前は
デザイナーが「版下」という原稿を、
紙とペンやカッターナイフを使って
切ったり貼ったりして作成していました。

現在は、版下作成作業を
AdobeのillustratorやPhotoshopという
アプリケーションを使って
パソコン上で作ります。

ですので、センスやデザインの知識の他に
最低限、AdobeのillustratorとPhotoshopの
基本的な操作が行えることが、必須のスキルとなります。

「アートディレクターが写植や版下作成まで、
３つくらいの業務を引き受けるようになった」
と嘆く先輩がいたことを思い出します・・・。

illustratorは、レイアウト作成や
図形を組み合わせて
イラストを描くことができます。

一方でPhotoshopは、
写真を合成したり、加工することができます。

独学でグラフィックデザイナーに未経験からなるための勉強方法　〜おすすめ書籍

独学でグラフィックデザイナーになるには、
書籍やeラーニングで黙々と勉強する方法があります。

筆者の手元にあるのは以下の書籍です。

Illustrator しっかり入門

基礎からしっかり入門できる1冊です。

世界一わかりやすい Illustrator & Photoshop 操作とデザインの教科書

「Illustrator」「Photoshop」
両方の操作が1冊で学べます。

いろいろな書籍を集めて浮気するよりも
まずはしっかりと1冊を読み込んで
繰り返し復習することで、
アプリケーションを手に馴染ませていきましょう！

独学でグラフィックデザイナーに未経験からなるための勉強方法　〜ワーク

職業訓練校で受講生のみなさんに取り組んでいただいた
筆者おすすめのグラフィックデザイン勉強方法の一つは
街の看板や広告、ロゴを「模写」することです。

街に溢れるグラフィックデザインは、
一流のデザイナーさんのアイデアやノウハウで溢れているので
制作意図を読み取るのに格好の勉強素材です。

このアキにはどんな意図があるのか？
書体の選び方は？
パーツとパーツのグループわけは？

などなど・・・

なんとなく真似してみるのではなく、
考えて、じっくり眺めてみてください。

グラフィックデザイナーに未経験からなるための勉強方法　〜人から学ぶ

グラフィックデザインの専門学校や
オンライオンの教室は
検索すれば、たくさんヒットすると思います。

一人で学習するには
なかなかモチベーションが続かないものです。

半ば強制的に時間と資金を投じることで
成果が出る場合も大いにあり得ます。

ちなみに筆者は「独学で挫折した」という受講生の方に
何人も出会っていますが、
中でも次のような声が印象的でした。

「ミクロ的に学んだけど、
全体像がさっぱりわからなかった」

なるほど確かに・・・。

書籍やeラーニングでは
何かしらの意見や質問が
一方通行になってしまいます。

グラフィックデザイナーとして働く方法

一通り勉強した後、立っているのはスタートラインです。
次は仕事現場に立ちましょう。

一括りにグラフィックデザインと言っても
仕事のやり方は
クライアントや先輩、会社の歴史などによって
実に千差万別です。

正社員に拘らず、
アルバイトでも構わないと思います。

ともかく現場に立って、
経験を積んで作品を作っていきましょう！

職業訓練校の講座は主に３項目+α

私が講師を務めさせていただいている職業訓練校の
グラフィックデザイン・アニメーション科が
暖かい春の日差しの中、昨日修了日を迎えました。

グラフィックデザイン・アニメーション科では
Adobe Illustratorのほか、
Adobe Photoshopの基礎演習でグラフィックデザインを学び、
Adobe Character Animatorで
オリジナルキャラクターを動かす演習を行いましたが、

仕上げの卒業制作として
グループに分かれて一つの作品を作成しました。

グラフィックデザイン・アニメーション科を選んだ理由、不安もさまざま

「無遅刻、無欠席を目指そう」
「みんなをリードする存在になろう」
「無理だと思って敬遠してた、新しいことにチャレンジしよう」
「人付き合いが苦手で、知らない人と話すなんて不安だけど、自分を克服したい」
「絵が上手い人だけが集まってるんじゃないか？と不安」

これまで生きてきた環境やスキルは
みなさんぞれぞれ、バラバラで
学ぶ理由も様々でした。

もちろん、パソコンそのものが苦手な方もいれば、
zoomに至っては、７割くらいが初体験。

目標達成できた？

さて、入る前に掲げた目標は
達成できたのでしょうか？

Illustrator、Photoshopの基礎的な技術はというと、

「苦手と思ってた絵も描けてびっくり！」
「図形の組み合わせで作れるって本当だった。」
「やってみたら出来ちゃった。びっくり。気づいたら作業に没入。」

などの感想の通り
みなさん習得され、

欠席してる仲間を写真で合成するくらいはお手の物！

頼もしく成長されて、
私の目は細~く遠くを見ております。

眩しいよ！みんな、
みんなが自分で頑張ったから。

技術以外の目標はどうだったでしょう？

「苦手なことにも挑戦できて世界が広がった」
「遅刻なしは達成、みんなを引っ張ろうと頑張れた。できた反面 、最後、やっぱり凹んだ」
「学校の勉強に付いていけなかった理由が判明した」
「学ぶ方法が理解できた」
「みんなの作るものを見て刺激になって、意欲が続いた」
「自分の限界を作らないことで、可能性が広がった」

みなさん、それぞれ
時間的な都合や環境の違いがある中で
時につまづき、挫折を感じる時もあったようです。

でもやってみて、
やり遂げてみて、
見えるものがあったのならば、
それは私の喜び、生きる糧となり
私の心に魔法がかかった気がいたします。

みなさん、本当にありがとうございました。

うみぞう