フォクすけ＊テーマデザイン

投稿者: amayadori　日付: 2008/02/04(月) 18:51

今年やってみたいことで、ブラウザFirefoxの日本独自のプロモーションキャラクタの"フォクすけ"の"フォクすけ＊ブログ"風のテーマデザインを作ってみたいなどと、叫んでいましたが(笑)
こんな感じに出来上がりつつあります。

そうは言っても、まだまだ完成の域ではありません。
ブロックまわりはほとんど手つかずです。

カスタマイズのベースにはSkyテーマですが、コンテンツ部分はalek_2_0テーマを使わせていただいています。
フォクすけの画像についてはライセンス表記を行うことになっていますのでフッタに部分に表示しました。
ヘッド部分のフォクすけの画像にリンクを貼ろうかとも思ったのですが、既存のDrupalのテーマデザインのほとんどがロゴ画像にサイトトップページへのリンクが仕組んであるのでとりあえず、回避しました。
themesettingsapiモジュールを併用することでフォクすけのロゴ画像は月替わりで切り替えることが出来るようになっています。
フォクすけ＊ブログでは、毎月デスクトップ壁紙を提供しているのですが、その壁紙に登場しているフォクすけを単独の画像として切り出して提供もしてくれています。
昨年は季節に合わせた行事をしているフォクすけでしたが、12月からスポーツモードになっているようです。
フォクすけの画像が提供されている間は、永遠と月替わりでロゴ画像を切り替えていけると、こういう訳です。
フォクすけで和んでいるものにとっては嬉しいことです。

ヘッダーのサイト名も、画像に差し替えることが出来ます。
これも、themesettingsapiモジュールを併用することが条件ですが、テーマ管理画面で設定出来るようになっています。

セカンダリーリンクは想定していませんが、プライマリーリンクは登録されているアドレスと、現在表示されているアドレスを比較して、リンクに登録されているアドレスがカレントアドレスに存在すればアクティブ属性が付加されるようになっています。
例えば、"blog"というリンクを登録すると、"blog/amayadori"というページが表示されているときにもアクティブ属性によりリンクが変化します。
フォクすけ＊テーマでは通常時には地球マークがうっすらと表示されますが、マウスが載ったホバー状態でははっきり表示されます。
アクティブ状態ではフォクすけのスマイルが表示されます。
既存のテーマデザインでは登録されているアドレスでしかアクティブ属性がつかないものがほとんどです。
これは、複数のタクソノミーが設定出来るDrupalでは痛し痒しですがHTMLで作成した通常のwebサイトを目指す場合にはタクソノミーに左右されないという点で利点があったりもしますが・・・ま、その辺は考えようなので(^_^;)
ちょっと思いつきのアイディアですが、固定的なタクソノミーでの運用を行う場合に、タクソノミーメニューなんて言うものを作って、タクソノミーを登録されているリンクの代わりに参照してタクソノミーメニューにアクティブ属性を付ける・・・なんて言う応用も面白いかなって気がしますが、実現するのは面倒です(笑)
プライマリーリンクについては、画像に置き換えるなんて言うのもアイディアとして浮かんでいますが、まだ、スクリプトに起こしていないので、思惑通りに行くかどうかは不透明です(^_^;)

ブロックまわりは、ホント、ほとんど手を付けていないのでSkyテーマのままです。
通常のブロック、メニューのあるブロック、ユーザーブロックとテンプレートが別れているので、それを生かして顔を出すフォクすけを変えようかな・・・くらいには考えています。

実のところ、サイト上にはセットされています(笑)
まだ、色々いじくり回したいところがあるし、IEではあまり確認していないし、そんな訳で、サイトのデフォルトには設定していません(^_^;)
基本的には自分が和むためなので(笑)

トラックバック

この記事のトラックバックURL:トラックバックは承認後に表示されます。

URLから "-notspam" を削除してトラックバックを送信してください。トラックバックポリシーはこちらに提示しています。

Tags:

Re: フォクすけ＊テーマデザイン

ゴメンナサイ。

週末、体調を崩してなんも出来ませんでした(T.T)
寝込むほどではなかったのですが、なんかこー、じっくり何かをやるところまで気力がありませんでした(^_^;)

もうすぐ3月になるので、3月の画像も用意しないといけないので(1月と2月分しか用意していない(笑))、とりあえず、このサイトに反映されているテーマを、公開できるようにするための準備は始めたいと思います。
今週末は3月に入ってしまうので、なんとかそれまでに公開できれば、とりあえず楽しみのひとつであるロゴマークが切り替わるのは見てもらえるようになっていいかなーとか思ってます。

テーマデザインファイルはともかく、画像は自宅じゃないと作業は出来ないので(笑)
公開されるのは自宅に帰ってからになると思います。

投稿者: amayadori　日付: 2008/02/25(月) 09:44

返信
quote

Re: フォクすけ＊テーマデザイン

いぃですねぇ
ほっほっすぃ～～いです。
お暇なときにでもダウンロードできるようにして頂ければ
嬉しいですが・・・・また甘えちまったかな（笑）

きど@o--i.net

投稿者: きど (未確認)　日付: 2008/02/24(日) 00:29

返信
quote

その後の"フォクすけ＊テーマデザイン"

その後のフォクすけ＊テーマデザインですが、細々と改良(?)しています。

タイトルの下にあるメニューの見直しを行っています。
今現在は、ホバー状態、アクティブ状態で背景画像による変化を優先したので、文字数に制約が出来てしまいました。
で、文字が切れているメニュー項目があるのですが(笑)
(メニューの部分を)オリジナルのSkyの状態に戻してから、仕切り直しをしている最中でした。
でした・・・というのは、今現在は、いったん棚上げされているからです。
そんな折、本家"drupal.org"のプロジェクトに imagemenuなるモジュールを発見しました。
で、何を企んでいるのか・・・といえば、例によって、カスタマイズを施して、フォクすけ＊テーマデザイン専用にして、タイトルの下のメニューを画像メニューにしてしまおうと、考えているところです。
imagemenuモジュールは、ブロックに画像を利用したメニューブロックを配置するためのモジュールで、通常表示、ホバー状態(マウスオーバー)で画像を登録して、メニューブロックを作成するモジュールです。
あくまでもカスタムメニューを作成するモジュールであり、既存のメニューを読み込んで使うといったものではありません。
フォクすけ＊テーマデザインで利用したいというのには、themesettingsAPIではメニューの設定には向かないので同じ趣向のモジュールを使えば・・・と考えたわけです。
ただ、ワタクシの思い描いている動きには足りないので、カスタマイズを施して設定出来る部分を追加しないとイカンなーと思っているわけです。
いったい、何をしたいのか・・・と言うとですね。
通常表示、ホバー状態、アクティブ状態を実現したいのです。
imagemenuではmouseover属性を利用して画像に動きを付けていますが、このままではアクティブ状態を実現できないのです。
タグ自体はimagemenuモジュールが作成していますから、手を加えて、アクティブ状態の時はアクティブ用の画像を表示させるタグに置き換えるトラップを作る必要があります。今気付きました(笑)
それまでは、お得意の(笑)cssに書き出して、classやIDによる対応・・・とか考えていたので、それに合わせたメニューの動きが必要だと考えていましたので、仕切り直しを中断したのですが、モジュールに吐き出させるタグを変えれば出来そうですね(笑)

それから、タイトルヘッダー部分ですね。
今は、サイトタイトルのみを画像表示対応にしていますが、どうせなら、ヘッダー部を一枚もの画像に対応できるようにすればいいかな?と。
そうすると、タイトルや、ミッション、スローガンなども自由にデザインして表示させることが出来るようになります。

それからそれから。
最近、フォクすけ＊ブログがリニューアルされました(笑)
フォクすけの Firefox 情報局となりました。
デザイン的に変更になったというものでもないのですが、コメントの表示部分も変更しようかな・・・とか思ったりもしました。

そして、中途半端のままのブロックの表示部分にもう少し手を入れようかな・・・と。
そんな感じで考えています。

投稿者: amayadori　日付: 2008/02/20(水) 12:23

返信
quote

この手のデザイン

ゴメンなさい。
昨晩、テーマスイッチャーを入れました(^-^;△フキフキ

Drupalのテーマデザインって、クールなモノが多いんですよね。
この手のデザインって、殆ど無いんですよね。残念ながら。
元々、物事を一から考える能力なんて無いので(笑)、先人の作られたデザインをアレンジしているだけなので、継ぎ接ぎばっかりで変なところがいっぱいです(笑)
Firefoxメインでカスタマイズしているので、IEだとおかしなところがちらほらあります(^-^;△フキフキ
まだ、全然完成の域ではないので、日々、色々な仕掛けを試しながらカスタマイズを繰り返していますので、時々変化が起こっていると思います。逆に、試行錯誤が結果にならずにしばらく変化がないこともあります(笑)

使ってみたいという方がいたら公開しても良いのですが、使うにおいて、手間がかかります。