この記事ではデイトラWeb制作コースでの学習記録、感想やつまずいた点などをご紹介します。
参考になりましたら幸いです。
前回の「営業 / 転職編」はこちら。
今回はWordPressに搭載されているブロックエディターや既存のテーマに沿ってNoCode、またはLowCodeでサイトを作る方法を学びました！
ちなみにこちらのブログはCocoonテーマのイノセンスというスキンを利用しています。
既存テーマは様々なものがありますが、あらかじめブロックが用意されていたりSEO設定が簡単に出来たりなど、導入するだけで簡単にブログ開設が出来てとても便利です。
またブロックエディタを使うことで簡単なサイトならほぼNoCodeで作成でき、制作時間やコストが抑えられ幅広いクライアントに提案ができるようになります。
DAY12【ブロックエディタ＋対応テーマでNoCodeでサイトを作ろう１】
DAY12はテーマ「Lightning」でサイト制作をしました。
Lightningは無料テーマですが標準機能が豊富で、シンプルでオシャレなサイトが簡単に作成できます。
個人的にはFont Awesomeが標準装備されていることに驚きました。
今回はデモサイトと解説動画が用意されており、ひと通り機能を試すことができました。
スライダーやカードが簡単に作れる
ブロックエディタの最大のメリットはスライダーやカードなどレイアウトが一瞬で作れることではないでしょうか。
スライダーをオリジナルテーマで作るとするとワンタッチで挿入というわけにはいきませんが、ブロックエディタを使えば一瞬で挿入できちゃいます。
しかもレスポンシブ対応してくれる！
オリジナルテーマとは比べものにならない速度でサイトが完成しました。
DAY13【ブロックエディタ＋対応テーマでNoCodeでサイトを作ろう２】
DAY13はテーマ「Snow Monkey」でサイト作成をしました。
Snow Monkeyは有料テーマですが、試用版が用意されており購入前に試すことができます！
今回もデモサイトと解説動画で学習を進めました。
専用プラグインで充実のレイアウト
今回初めて有料テーマを使ったのですが、めちゃくちゃ機能豊富で驚きました…！！
さらにSnow Monkeyは「Snow Monkey Blocks」「Snow Monkey Editor」など専用プラグインが用意されていて、よりリッチなレイアウトを簡単に実現することができます。
サポートが充実
Snow Monkeyは開発者向けに様々なドキュメントが用意されていたり、オンラインコミュニティやサポートフォーラムによって導入後のサポートが充実しています。
ユーザーへの心配りが素晴らしいところがデイトラと似ているなと思いました^ ^
DAY14【ブロックエディタ＋対応テーマでNoCodeでサイトを作ろう[実践編]】
DAY14はSnow Monkeyを使ったデモサイトを自力で再現しました。
LP風の1ページのサイトでしたが、意外と時間がかかりました…！
機能を把握できておらず時間がかかった
当たり前ではありますが、機能が把握できていないので結構時間がかかりました。笑
片っ端から試していくことになるので仕方ないですね。
さらにデイトラの動画とはバージョンが違ったりして、該当のレイアウトを探すのに時間がかかってしまいました。
ただ、それでも３時間ほどで完成できた為、ノーコードの凄さを感じました。
時と場合によって使い分けられたら良いな！
DAY15【ブロックエディターとテーマを使ってNoCodeでオリジナルでサイトを作ってみよう！】
DAY15は既存テーマを使ったサイトの卒業制作として、オリジナルサイトを制作しました！
テーマはSnow Monkeyを選びました。
前回のデモサイト制作で、機能を使いこなせなかった感があり…
もう少し深めたいなと思い、再度Snow Monkeyでサイト作成しました。
今回の制作物はポートフォリオに掲載予定のため、Snow Monkeyのサブスクリプションに登録済みです！
Scssが使えないのは不便
ブロックエディタで調整できない部分は追加CSSで調整できるのですが、Scssが使えないのがかなり不便でした…
他にも、VSCodeで使える広いスペース(重要)・Emmet・コード予測・コード検索などが使えないのでだいぶ大変でした…
しっかり作り込んだデザインはオリジナルテーマで作った方が良さそうです。。
VSCodeいつもありがとう。
デザイン力が欲しい
今回オリジナルサイトを作ったのは初めてですが、デザインのセンスもないのでどんなサイトにしたら良いのかわからず少し迷走しました。
デイトラのデザインコース受講を検討していますが、コーダーとして案件を数件受注できてからにしようと考えておりまして。。
先にデザインコース受けておけばよかったかなとも思います。
完成！！
何やかんやありつつも何とか完成できました！
架空の設計事務所のホームページを想定して制作しました。
素材集め〜本番環境完成まで約12時間で完了しました。
Basic認証がかかっている為下記パスワードをご入力ください。
【閲覧用パスワード】 ユーザー名：demo パスワード：test224
まとめ
既存テーマでのサイト制作、かなり楽しく進めることができました！
純粋にサイト制作が楽しいです^ ^
ただ、デザイン力不足を痛感した為デザインコースへの興味がより強くなりました。
エンドクライアント獲得のためにも、できればデザイン〜コーディングまで一人でできるようになりたいものです。
次は「1ランク上に行くための発展スキル：コーディング編」をレポートします！
コメント