About Template

共有テンプレート一覧はこちら

OK

  • カスタマイズ
  • 素材の入れ替え

NG

  • 素材及びテンプレートの再配布
  • 著作権表記及びリンクの削除、改変
  • アダルト・違法・宗教関連のサイトでの使用
  • fc2ブログ利用規約の禁止行為に該当するサイトでの使用

詳細は「テンプレートの利用について」をご覧ください。



カスタムフィールドを使って50音順にソート

<?php query_posts('showposts=-1&orderby=meta_value&meta_key=furikana&order=asc'); ?>
<?php while (have_posts()) : the_post(); ?>
<p><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></p>
<?php endwhile; wp_reset_query(); ?>

とりあえずメモ。

[カスタムフィールドを使って50音順にソート]の続きを読む

これは便利!ロゴやボタン画像を簡単に作成できるサービス

彫刻風デザイン

ネオンサイン風デザイン
プラスティック風デザイン

というようなロゴ・ボタンが簡単に作れるジェネレーターサービスのご紹介です。

Cool Text: Button ボタン デザイン

もともと海外のサービスのようですが、ある程度日本語化されていますのでご安心を。
ただ、所々翻訳ソフトそのままだろwとつっこみたくなる文章もあったりしますが、
それもまたご愛嬌ですねw

作成画面

作成画面でいくつか項目を選び、最後に描画してダウンロードという流れです。


選べる項目は、

フォント(サイズ、太字、斜体)
フォントのアウトラインのサイズと色
フォントのシャドウのサイズと色
文字の位置
ボタンの形
ボタンの塗り方(グラデーションなど)
ボタンの土台のアウトライン
ボタンの土台のシャドウ
ボタンのエフェクト
全体のサイズ

と、かなり細かく設定できますが、
選択すると同時にプレビューされるので、特に難しくはないと思います。

というわけで、私も本サイト用のボタンを2つ作成してみました。


ボタン1
ボタン2

そうそう、ロールオーバー用の設定もありましたので、
簡単にロールオーバー用の画像も作れちゃいますね。

ブラックベリージャムをつくった。

ブラックベリー

我が家の庭にブラックベリーが植わっています。
最初に植えた木は弱かったようで、冬を越せずに枯れてしまいました。
翌年、少し大きなものを植えてみたら、しっかりと根を張り育ってくれまして、
現在は「もうこれ以上大きくならなくていいよ!」というほど立派に枝をあちこちに伸ばしています。
剪定もするべきなんだろうなぁ・・・。

この実はもちろん食べられます!
その名の通り、黒く熟すと食べごろなのですが、これがとーっても甘酸っぱい。
というか、むしろ酸っぱい。
口にした誰もが思わず顔がくしゃっとなります。

なので、たくさん獲れるからといってそのまま食べても消費しきれずさようなら、ということになってしまい、とってももったいない・・・。
そこで、今年は一念発起してブラックベリーのジャムを作ってみることに。
ジューンベリーのジャムは以前何度か作ったことがあったので、多分何とかなるだろうという安易な気持ちで。

ジューンベリーは、実が熟す期間がどれも同じなので、
熟してきたら短期間で一気に収穫 → ジャム作りといけるのですが、
ブラックベリーの場合は枝の先にある実から順番に熟し、しかも熟したら短期間でポトリと勝手に落下してしまいます。
つまり、収穫する期間がシビア。

しかし、ある程度まとまった量を収穫しないと、ジャムにすることができませんので、
初期に収穫したものは水洗いして冷凍しておくことにしました。

冷凍している袋がいっぱいになったタイミングで、一度目のジャム作りを開始。
ここでのネックは、実のつぶつぶ一つずつに含まれている小さな種です。
そのままジャムにしてしまうと、どうしてもつぶつぶの食感が気になってしまうんですね。
これはジューンベリージャムのときに体験済みでした。

今回試した方法は、一度少し煮てから網で漉して種を取り除くというもの。
ブラックベリーの実は普通の状態でもとっても柔らかいので、少し火を通すだけであっという間にブラックベリージュースのようになっていました。

鍋の中身を全て漉し、一旦重量を測ってお砂糖をその半分未満ほど投入し、再び弱火でくつくつ煮ました。
糖分が増えて焦げやすくなっているため、まぜまぜします。
少しトロっとしたかな?という具合で火を止め、あらかじめ煮沸消毒&アルコール消毒しておいた瓶にうつして完成!

写真撮るの忘れちゃったけど、普通のジャムの瓶3つほどになりました。

アツアツで火傷しそうだったけど、しかも猫舌だけど、どうしても味見したくてペロリ。
ううううううまいいいいいいい!!

材料はブラックベリーと砂糖だけなのに、この甘酸っぱさ。たまりません。
しかも無添加。
除草剤やら殺虫剤なども一切使っていません。

予想以上においしかったので、実家2軒にもおすそ分けしました。
おばあちゃんたち、大喜びでした。もちろん子どもたちも。
自分が作ったものを喜んでもらえるって、本当に嬉しいですね。

それにしても、ブラックベリーって我が家では特段何もせずとも立派に生ってくれるので、わりと栽培方法は簡単なのではと思うのですが、ジャム売り場などであまり見たことがないなぁ・・・。
販売しているのかしらと思ってちょっと検索してみたら、結構ありました。
でも、どれもいいお値段しますね。
季節限定だから、というのもあるのでしょうか。
色はブルーベリーのようなので、例えばアントシアニンなどのようなポリフェノールがたっぷりなのかなぁ、なんて思って検索してみたら、やっぱりアントシアニンやビタミンCが豊富なのだそう。



これは、2~3週間前のお話。
またそろそろ冷凍庫のブラックベリー袋がいっぱいになりそうです。
そして、前回のジャムもちょうどなくなりそうです。
2度目のブラックベリージャムを作る日はもうすぐみたい。

複数の外部RSSをサイトに表示させる

複数の外部サイトからRSSフィードを取得し、日付順に一覧表示する方法 with はてブ数

基本的に、コードを貼り付けるだけなので簡単です。
スクリプトの中にhtml表示される部分(下部)を見つけて、自分のサイト用に手直しするといい感じです。

まず表示される全体の大きさが700pxと大きいので、

<div style="height:300px; width:700px; overflow:auto;" id="feed">Loading...</div>


の赤字部分のサイズを変更します。(引用コード内の<>は全角。)

それと、コード内に

useDate = m + "月" + d + "日";


と書かれているすぐ下の

useFeed += '<div style="float:left;width:120px;">'+ m + "/" + d + "(" + h + ':' + mn + ')' + '</div><div style="float: left;width:400px;height:18px;overflow:hidden;"><a href="' + entry.link + '" target="_blank" title="' + entry.title + '【' + entry.blogName + '】">' + entry.title + '</a> <img src="http://b.hatena.ne.jp/entry/image/large/' + entry.link + '"></div><div style="float:right;width:150px;height:18px;overflow:hidden;">' + entry.blogName + '</div><br><hr size="1" />';


(引用コード内の<>は全角。)
ここの中の「width:400px;」などの数字も、適宜変更しないと記事名とサイト名がずれて表示されてしまいます。

こういったサービスでは「あやぽんRSS」「feedSket」などがありますが、広告が表示されたり、自分でリデザインしにくかったりします。
fc2ブログでも可能かどうかはわかりませんが・・・。
そのうち試してみようかな。


Fireworksの使い方・チュートリアルを紹介しているサイト

3日ほど前からFireworksをさわりはじめました。
全くの初心者ですが、Inkscapeをいじっていたおかげで大まかな機能は感覚で使うことができました。ふふふ。
IllustratorやPhotoshopで行った方が効率が良い場合などは、そちらも使いつつ。
既存のテクスチャやらフリーイラストやらブラシなどは、やはりイラレやフォトショのデータ量が格段に多いですからねぇ。

滑り出しは順調ですが、きっと全機能の2割程度しか使っていないんだろうな。
謎のコマンドがたくさんです(´・ω・`)
でも、デザインの8割ほどはできたと思います。

次は、素材をスライスしてコーディング。
その書き出し方がまだわからないのだけどw
そのときになったら調べてみるのだ。

さて、Fireworksの使い方、役に立つチュートリアルを掲載しているサイトをメモしておきます。
ここ数日、大変お世話になっております。ありがたや。


Fireworks CS5 ユーザーガイド
Adobe公式のFireworksのヘルプです。

Fireworksマニア
かわいらしいサイトデザインもすべてFireworksなんですってよ、奥さん。
実用的でわかりやすい解説が素敵すぎです。

FireWorks.20
カッチリクールなチュートリアルサイトです。更新が楽しみですね。


Fireworksメインで紹介しているサイトって、あんまりないのですね。
他にも有用な記事を書いてくださっているサイトさんは結構ありそうなので、
またそのうちメモしたいと思います。


Profile

Neriko

Author:Neriko
遊ぶべ!道南探検隊

本サイトは「遊ぶべ!道南探検隊」

はこだて・こどもずかん

→ もっと詳しく

最新記事のRSS

Entry+Comment

Tag+Search


Sponsor

Calendar

08 | 2011/09 | 10
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 -

Link

QRcode

QR

Mailform

Name:
Email:
Title:
Message: