ゴールはどこか

そうだwordpressで作ろう

フリーランスとしてのブランドページ、兼ポートフォリオを現在鋭意作成中です。
当初はHTMLとCSSだけで軽く作るつもりでしたが、どうせ作るならということで
割と気軽な気持ちでWordpressに手を出してみました。

甘かった。。。

いや、コードいじってここのクラスにコレ適用させて～と出来れば良かったんですが
Gutenbergってアレですね、痒いところに絶妙に手が届かないヤツが立ちはだかりました。

コードエディター使えばいいじゃんってとこなんですが、せっかくあるなら
Gutenbergさんとお友達になりたい。

簡単な作業は確かにコード書くより楽なんですね。
入門書を片手に骨組みだけ作ってみたんですが、コレじゃぁ。。。。
ってことで、ここからが本番でした。

最初の壁はメニューバーのアイコン。
これはFont Awsomeを使用していますが、PROとFreeがわかりにくい。
最初に左にあるところから『Free』を選べばよかっただけなんですが
『お、コレ使おう』というものが片っ端からPROのもので
当然ながらコード書いても表示されない。
書き方の問題なのか、それとも別の原因なのか、
表示されるものとされないものの違いはなんだ。。。
と小一時間悩みまして、ようやく気付きました。

次にプロフィールページを作成していた時には
ほぼ出来上がって、あとはアイコンでも入れるか～
と思い、またFont Awsomeにアクセス。
今度はしっかりFreeに入れて検索をし、無事に用意出来て
あとはHTMLに書き込むだけというところで問題発生。

なんか表記がガタガタになっただけでなく
あちこちにアイコンが散りばめられてる状態。

なんこれ？

ブロック自体がおかしくなったので、一度消して
再度入力　→　同じことの繰り返し。

改めてコードを見てみると
あいうえおかきく～
という部分が
あいうえおかきく～
と勝手に整形されてました。

仕方なしに手動で直して保存　→　同じことの繰り返し。

なかなかGutenbergさんも頑固です。

いろいろ検索してみるとの前にスペースを入れると
空タグと判断されない。
というものを見つけて即実行　→　ダメ

どうしても許してくれない。。。。

で、同じところで発生しているような気がして、
試しにそのアイコンを別のものに変えてみました。

あ、直った。

ということで、有識者の方が見ると『はぁ？』と思うかもしれませんが
悪戦苦闘しながら作成しております。

一応『こんな感じ』というゴールは決めてますが、まだまだ遠い感じがします。