今後の電子配信を考えて、サイトをリニューアルすることにした。
最初の記事が作業の覚えというのも変だが、記憶のあるうちにメモ。
最初に決めたこと
スマホに対応すること（レスポンシブ化）
見やすく、更新しやすくする
ほかのSNSやブログに対してハブ的にする
考えたこと
CMSを使うか、Bootsrrapなどのフレームワークを使うか。
または、一からフルスクラッチで行くか。
はじめはフルスクラッチで進めていました。
せっかくDreamweaverがあるので、使おうということで…。
しかし、なかなか思いどおりにはいかない。
参考になるかと思い、サーバーにWordpressをインストールして見た。
色々いじくっている内に、「これで行こう」となりました。
それならと、まずは簡単に設定。
標準状態にダミー記事などを入れてみる。
ヘッダー画像を入れたり、ウィジェットやメニューもとりあえず設定。
自分のイメージに近いテーマ探し。
これはと思うものをインストールしては外す。
なかなか思いどおりのものが見つからない。
そこで、カスタマイズ前提で使い勝手良さそうなものを探すことに変更。
で、レスポンシブ対応のKuorinkaというテーマ発見。
これなら、カスタマイズベースに良さそう。
ひと通りの設定を済ませ、動作確認。
スマホでのヘッダーまわりの表示が考えていたのとちょっと違う。
しかし、気になる問題はこれだけなのでKuorinkaに決定。
早速、作業開始と行きたいが…。
このままやると、Wordpressやテーマファイルの更新時に面倒になる。
ちょっと、ググってみると 子テーマをというものを使うと良いらしい。
どの程度の作業量になるかは未定だが、スタイルシートで出来る事からと思い 子テーマにスタイルシートをつくろう。
親テーマであるKuorinkaと同じ階層にKuorinka_childというフォルダー作成。
フォルダー内にstyle.cssを新規作成。
白紙のstyle.cssに設定を。
/*
Template:kuorinka
Theme Name:kuorinka_child
*/
続いて、親テーマの読み込み。
@charset “UTF-8”;
@import url(“../●●●/style.css”);
そして、Wordpressの管理画面で子テーマを指定。
style.cssに気になる部分を再設定していくと、かなりそれらしくなりました。
これで、出来上がり とはいかない。
色々と足りない機能を追加したい。
できれば、プラグインなどで楽に生きたい。
今度はプラグイン探し。
インストールして、設定 確認して、外す。
この繰り返し。
結局、30個程度のプラグインを入れた。
今後の運用で、問題がでたりすれば減らすかも。
それぞれの設定でわからないところはググりながら。
ちょっと手間取ったのはGoogle Calendar Events
見た目はプラグインのスタイルシートを参考に設定。
色分けをするために、カレンダーを複数作りひとつの固定ページでカンマ区切りで指定。
あと、celtispackとStandard Widget Extensionはおすすめ。
自分は一部の機能しか使っていないが、色々と便利。
celtispackはウィジェット関連でもウィジェットを整理できたり、表示するページを指定 ウィジェットエリアの追加 最新記事や関連記事の表示などなど。
Standard Widget Extensionはスクロールに対して固定 閉じたり開いたり。
ここまで来て、もう少し細かいところの調整。
index.php single.php comments.php。
そして、あまり触りたくなかったけれど… functions.php。
で、調べもせずに関数を書いて…。
あっ。…真っ白。画面も頭も。
調べてみると、なんてことはない。
使わない関数をremoveしてから、新しく書けばよかっただけ。
やったことはウィジェットエリアの追加、[…}の書き換え コメントフォームの再設定。
あれこれと、思い込みや勘違いなどで行ったり来たりはあったが(^_^;)
無事に作業は完成。( ﾟДﾟﾉﾉ☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁ