※本記事にはプロモーションが含まれております
皆様、お世話になっております。
ブログを始めて昨日で恐らく1週間...?(憶測
が経ち、そろそろブログの機能を拡充させたいなぁという欲望😏...←!?
🪽気持ち🪽が芽生え始めました✨←手遅れ
と、いう事で、
早速、挑戦していきます!
〜いきやうやう(いにしえの表現)と挑戦中〜
【蛍光マーカー】
まず最初は、
文字を強調させたい時に使う色付きの蛍光ペン(マーカー)
こちらはよく他の方の記事を読んでいる時に目にしており、前々から挑戦したかった機能の一つでした。
無事、導入出来たものの...
コレ、“レスポンシブデザイン”というものをオンにしなければなりません...
レスポンシブデザインはスマホ版のWebサイトをPC版と同じ表示にする機能なんですが、
スマホらしい見やすさが無くなってしまうのです汗
Pro版であれば問題なく両立出来るらしいのですが、無料版では機能が制限されていてスマホ版のレイアウトにはほとんど手をつけられません泣
残念ですが、こちらは諦めました汗
では気持ちを切り替えて、
PC版のレイアウトや機能を追加しましょう!
【グローバルメニュー】
次に、PC版トップページのヘッダー部分にメニューを追加しようと思い立ちました。
調べていると、
どうやら“グローバルメニュー”というらしい。
ふむふむ。
何やらHTMLで構成できる様で、ありがたい事に先駆者様方が
“このまま使えばすぐ出来るよ!”
と、コードを公開してくれているみたいです。
よし、わかった(╹◡╹)
そんなに簡単ならやってみよう(=^▽^)σ
よしよし、なるほどなるほど、
これをタップで引っ張ってね( ´ ▽ ` )
で、HTML欄に持ってきてと。
あぁ、
HTML欄はロングタップできないのか( ・∇・)
...
......
.........
ん?まっっって?
スマホだと右クリックできないからペーストも出来ない!?( ◜◡‾)
もうですね、
勇気の手動入力をしました汗
〜🔥超・勇気の手動入力中🔥〜
出来ましたぁ!
これで機能してくれる!
はずもなく!笑←!?
スペルミスを探して数時間...(疲
コードの意味を調べて数時間...(血眼
そして、
機能しない部分、表示されないテキスト、ズレているリンク、調べてもわからない部分の修正で半日(血涙
計ほとんど1日...🫠
素人には難しかったですが、正しく反映された瞬間のアハ体験により、ほんの少し頭が良くなった気がする(気がするだけ
最後にまとめると、
〜12月11日 てんき そといってないからわからない☀️☁️☔️🌨️⚡️🌪️〜
きょうは、まるいちにちかけて、ぐろーばるめにゅーだけを、せっちしました。
ひじょーに、つかれました。
〜おわり〜
さて、
とりあえずブログのレイアウトは少し良くなったのではないでしょうか?
PC版がだいぶかわいらしくなってしまいましたが、星たぬきのイラストと合っているので、今はこれでいいでしょう!
これからも日記や白猫プロジェクトの記事を書きつつ、出来る事を増やしたいですね。
料理は写真を撮らないスタイルなんですが、ブログにするため、ぼちぼち挑戦してみようかと思います。
皆様にも良きブログライフがあらんことを祈っております。
では、またー!