ブログ機能整理

昨日言っていたブログの機能の整理ですが、

●Contactページの削除
現状ContactページのメールフォームとしてContact Form 7というプラグインを使用してたのですが、あのプレーンなHTMLをなんとかしようとした結果、現在のWPやプラグインに対しての知識量だとCSSが魔窟化しかねないと思ったので、思い切って削除しました。
今のところこのブログはTwitterからの流入しか無さそうなので、もし連絡を取るならTwitterで、ということでしばらくよろしくお願いします。
早めに再実装しようと思います。
 
●CSSの場所ごとの分割
CSSの命名規則がWPのID, Class自動生成の影響で一貫してない問題がどうしようもないので
style.cssにheader.css, footer.cssというように、各.php毎のCSSファイルをまとめてimportするという方式を素人考えで採用しました。
別名苦し紛れ。

をやりました。
今後のWeekend Engineerの課題の進捗をみながら、余裕があったら少しづつ手を加える予定です。

スマートフォン用メニューボタンのアニメーション化

ブログで使う機能を、機能性損なわず、どのようにアニメーションさせるか、ということを最近はよく考えてまして、
その第一弾としてスマートフォン用のハンバーガーメニューをバツボタンに変える、というのを実装してみました。
ブログの機能整理の息抜きですね。スルスル要素が動くのはやっぱり楽しい。

CSS設計の教科書を読み始める

以上でも言ったとおり、ページ内のCSS命名規則に一貫性が欲しいので、自動生成のままでも何とかできる規則はないかとか、そうでなくともヒントはないかということで

WEB製作者のためのCSS設計の教科書

を読み始めました。
知らなかった命名規則や、display:tableを使ったレイアウトの方法など面白い情報が多くて良いですね。おすすめです。

………今日はそんなところです。

Comment

  • 私も初心者なので参考になります、同じような目線というか。勝手に同じとか言ってすみません。

    • コメントありがとうございます!
      いえいえ、逆に同じような目線ですみませんというか。お互い誰かに教えられるくらいの知識を持ちたいところですね。

Comment Form

* がついている項目は必須項目となります。