現在位置: ホーム > 本文記事: [Wordpress] DropCap First Character をカスタマイズ ï¼’

[Wordpress] DropCap First Character をカスタマイズ ２

2006年12月08日 金曜日 23時12分
E-Mail This Post/Page Print This Post/Page

DropCap First Character を使用している人ならわかると思いますが、表示される初めの文字が、日本語とアルファベットではサイズが若干変わってしまいます。日本語のほうが一回り大きく表示されるようです。

そこで、これを修正させようと思います。

まず、日本語ようのスタイルを作成します。例として、以下を　dropcap_style.css に足します。 font-size をデフォルトの 80px から 68px にまで下げています。

CSS:
  1. p.dropcap-first_kana:first-letter {
  2. color: #D4D4C7;
  3. float: left;
  4. font-size:68px;
  5. line-height:60px;
  6. padding-top:4px;
  7. padding-right:5px;
  8. font-family: "平成明朝", serif, "ＭＳ Ｐ明朝";
  9. }

次に、dropcap_first.php　の以下の部分を編集します。

PHP:
  1. if (($pos !== 0) || ($pos === false)) {
  2.     return '</p><p class="dropcap-first">' . $content;
  3.   } else {
  4.     return '</p><p class="dropcap-first"' . stristr($content, '>');
  5.   }
  6. }

上記を次のように編集します。return の後に注目。

PHP:
  1. if (($pos !== 0) || ($pos === false)) {
  2.         if(strlen(ereg("^[\x20-\x7E]",strip_tags($content))) == 0) {
  3.         return '<p class="dropcap-first_kana">' . $content;
  4.         } else {
  5.         return '<p class="dropcap-first">' . $content;
  6.         }   
  7.     } else {
  8.         if(strlen(ereg("^[\x20-\x7E]",strip_tags($content))) == 0) {
  9.         return '<p class="dropcap-first_kana"' . stristr($content, '>');
  10.         } else {
  11.         return '<p class="dropcap-first"' . stristr($content, '>');
  12.         }
  13.     }

これで、エントリーされた記事の初めの文字がマルチバイトなら、dropcap-first_kana というクラスが適用されるようになります。スタイルの設定はお好みのものに調整してください。

Share This

« 前の記事
次の記事 »
クリックしてくださるとラブログのランクが上がります^^。　この記事は役に立ちましたでしょうか？

この記事に関連する NEWS

この記事に関連するトピック

このエントリーへの Yahoogle Suggestions

Categories: Wordpress, WP Plugins
Tags to This Post:

Trackback this Post |

　

記事ヒット TOP 10

  1. [Wordpress][PHP] 表示速度をかなり向上させるちょっとしたコツ
  2. [WordPress] アーカイブを表示する隠し技
  3. [PHP] ファイル名から拡張子を取り除く関数
  4. [WordPress] トラックバックがとばない現象で
  5. [WordPress] WPページ内に任意の記事を表示させる方法
  6. [WordPress][Plugins] Get Random Search Terms 日本語版
  7. [WordPress][Plugins] GS nDA・Be・YA! 1.1　リリース！！
  8. [Wordpress] プラグイン DropCap First Character をカスタマイズ
  9. [WordPress][Plugins] Customizable Post Listings　をカスタマイズ
  10. [WordPress] 特定のカテゴリーに属する記事をトップに表示させない

WordPress Tips from Social Bookmarks Jp

    There is no entries available for this category.

WordPress Tips from Social Bookmarks

    There is no entries available for this category.

WordPress Plugins from Social Bookmarks

    There is no entries available for this category.

Tag Cloud

admin Admin Drop Menus Admin Memo Admin Panel advanced drop menus array unique blog cron dabeya Dagon Design Sitemap Generator dropcap Edit N Place error Feedburner game google hack html HTML CSS Internet NEWS Permalink Redirect PHP phpBB2 plugin RSS scripts search stattraq template the content Ultimate Tag Warrior Web Management Windows XP Wordpress WP Plugins WPページ 　拡張子 カスタマイズ カスタム関数 カテゴリー コード セキュリティ タグ トップページ トラックバック フィード 投稿 抜粋 日本語 時刻 時間 正規表現 表示 記事

サイト メニュー
Blogtimes image
ぱそずき　:D)‐く © 2008
Close
E-mail It