Drop Caps

Drop Caps

Wordpress こういう感じの、先頭の文字を大文字にするデザインを Drop Capsっていうらしい。 よく、雑誌なんかで見かけるデザイン。   サイト上でもCSSで実現できるんだけど、 各段落の最初の文字毎とか記事全体の最初の文字だけとかを 大きくするわけだから、普通は <P>と組み合わせて使う。     素直にCSSに入れてみた。 :first-letter っていう疑似クラスを使う。   p:first-letter...
Google Calendar 複数表示

Google Calendar 複数表示

ネット関連 忘れないように、備忘録。   iPhoneで、 設定 > メール/連絡先/カレンダー > アカウントの追加 ここで Gmailを選んで、「カレンダー」を「オン」にすると、 iPhoneの標準カレンダーとGoogle カレンダーが同期する。     (ここからが備忘録というか本題) ただ、このままだと、デフォルトのカレンダーしかiPhoneに表示されない。...
WP-Pagenavi

WP-Pagenavi

Wordpress WP-PageNavi とWP-PageNavi Style の紹介です。 まあ、みんな使ってるけれども。 WordPressのナビゲーションは、 こんな感じに、「次のページ」と「前のページ」にしか送れませんが、 ※THEME次第で、レイアウトは違います。 WP-NaviPageを使うと、 こんな感じに、複数ページに送れます。 ただ、これをそのまま使うと、 導入しているTHEMEとの兼ね合いで、 多少違和感が出てしまいます。...
WPtouch 修正 part2

WPtouch 修正 part2

スマホ研究 WPtouchのコメントシステムですが、プラグインにDisqusを入れるとそれに置き換わるようなのですが、「↓コメントまでスキップ」でスキップ出来なるバグがあるようです。 アンカーで飛ばしているだけなので、対処は簡単で、適当な位置に当該アンカーを入れるだけです。 例によって、wp-content/plugins/wptouch/themes/seamagic/内にある、今度はsingle.phpをいじります。...
WPtouch 修正

WPtouch 修正

スマホ研究 写真の赤で囲った部分 「以前のエントリ >」の 「>」の画像が、ずれて表示される。 日本語のフォントだとはみ出るのが 原因だと思われる。 対策として CSSのbody のfont sizeをいじってみた。 元々12pxだったのが、9pxとかにしないとダメだった。あまりにも小さすぎるので、この方法は断念。bodyタグをいじると、全てに反映されてしまうから、いくら何でもまずい。...
Picasa Web Albumの容量

Picasa Web Albumの容量

カメラ 先日、Picasa Image Expressを使うと、WordPressにPicasaから画像を引っ張ってこれるって話をしました。 「普通に画像をアップすると、サーバーの容量を圧迫するけどpicasaに待避させておくと、圧迫しない。」って書きましたが、ブログと関係ない写真もPicasaに待避させておくのが吉です。 そうすると、 PCの容量を圧迫しない HDDがクラッシュしても安心 ですね。 肝心のPicasaの容量は1Gです。...