CSSinjectorを使って左上のフォントを変えていたが、テーマのCSSカスタマイズは授業で習った通りにと言われたので直接書き換えた。左上のタイトルを指す部分がnavbar-brandなのはわかっていたのでカスタマイズCSSを見つけてそこを指定する流れ。中身の書き方はわからなかったのでAIに聞きながら書きました。これを使えば画像とかもタイトルの横に入れたりできる？指定は相対パスでやる

 

検証→変更したい部分を調整→パスを確認
virtualminから該当ファイルを探し、変更を確定→キャッシュクリア。
今回ではハイパーリンク関連の文字の色をスタート画面に合わせて緑色に変更。

色の修正や文字の大きさなど細かい部分の変更は今回学んだ方法が最適。フォントの変更もしてみたい。
レイアウト等の大枠の変更は、前回同様AIに聞いてAssetInjecterで変更する方が楽？試してみる。

あとは謎解きの作成、画像のDLとかを進めていく。

フロントページの完成。謎解き用の仮記事作成。
テーマスイッチャーで備忘録用と謎解き用でテーマを分けて作成を行う。
謎解きのストーリーを進める上で、手紙のようなものをpdf等のファイルでプレイヤー側にＤＬさせるか、新しいタブとして強制的に表示させるか検討。

フロントページで「521」と打つと仮の謎解き用記事に飛べますので是非。中身はなんもありませんけど。新しいタブを開かせる機構はまだできてませんので多分エラーでます。

CSSでのレイアウト破壊関連
環境設定→開発→Asset injector→CSSインジェクター

AIを使ってフロントページの検索窓、404エラーの設定など。
テーマによってフロントページにも強制的に表示される備忘録INDEXを消すためのコードを書いてもらったが、一回すべてが真っ黒の画面になる恐ろしすぎるコードを出され肝が冷えたので、今後はバックアップを定期的とる

探索用の記事と備忘録書く用の記事のテーマは使い分けたいため、前回導入したTheme Switcherを用いる

profフォルダ内にcssフォルダとimgフォルダ
相対パスを用いて、prof内のhtmlからscc/...、img/...で指定

新しいモジュール、Theme Switcher 、Asset Injectorを追加
謎解き用と備忘録を置くようでテーマをガラッと変えたいので実装。



大改築のために記事を一時的に非公開にしてます。ご了承ください

ヘッダーの調整、いらなそうなブロックレイアウトを削除

思ったよりテーマの設定から色とかレイアウトが変えにくい。まだLayout Builderは触ってないのでそっちを使ってより自分の理想に近づけたい。

今週末までに新しい記事かく！！！！！！！

サイトを探索する感じの謎解きを作りたいので、レイアウトの変更が必須

レイアウトの変更自由度が高いテーマを選ぶorモジュールのLayout Builderってやつを使う
→マイナーなテーマは困ったときに調べづらそう、有名テーマにLayout Builderを使う方針。

一旦Bootstrap Barrioを使う方針、有名テーマっぽく他の人も使ってそうなので、なるべく崩してオリジナリティを出したい。とりあえず背景色とヘッダーは変える。

~ブロックの再設置~
サイト構築のブロックレイアウト→サイドバーから追加
Bootstrapに変更したらサイドバーが消えてたのでsidebar firstに移動
結果、サイトの一番下に追加された

いくらなんでもデフォルトのレイアウトがダサすぎるので、Layout Builderで崩す前にBootstrapを色々いじってデフォルトのレイアウトをきれいにしていく。次回はデフォルトのレイアウトの完成を目指す。

サイト構築からビューの設定→ブロックとページを追加できる。(タグ必須)
いろんな項目を設定できるので、いらないのとか、ほしいのを確認
タグでくくってる感じ
ブロックはブロックレイアウトで表示
ページはメニューからメインナビゲーションで表示(リンクの設定を忘れない)

モジュールはサイトからコピペしてターミナルでダウンロード、拡張機能タブからインストール
テーマも同じ感じ。

PhpMyAdminでエクスポートからバックアップ作成可能

HTMLをもっと開拓したい。

ボタンがいっぱいあって怖いので変な操作はしないようにしていきたい。

いろんな機能がありそうなので、使いこなせるように覚えていきたい。

パスワードは忘れないようにする。