mk-mode BLOG

jQuery - 文字に影をつける！

2011 年 8 月 22 日 0：20 | 522 Views | ｶﾃｺﾞﾘｰ：ブログ, ホームページ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

通常、Webサイトで文字に影（ぼかし）を付ける際、CSSの”text-shadow”を使用すると簡単に実現できます。

しかし、この”text-shadow”は現在W3C勧告のCSS2.1では非推奨のため、W3Cチェックでエラーとなります。
（以前のCSS2.0や将来（ずいぶん先）勧告される予定のCSS3.0では大丈夫のようです）
続きを読む »

タグ： CSS, HTML, JavaScript, PHP, Rails

2011 年 8 月 22 日 0：20 | 522 Views | ｶﾃｺﾞﾘｰ：ブログ, ホームページ | ｺﾒﾝﾄ（0） | 印刷

WordPress - カテゴリ別投稿数をaタグ内に表示させる！

2011 年 8 月 20 日 0：20 | 298 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

WordPressでカテゴリリストに各カテゴリ毎の投稿数を表示させる場合、通常はwp_list_categoriesテンプレートタグのパラメータに’show_count=1‘を指定すると思います。
（参照 → テンプレートタグ/wp list categories - WordPress Codex 日本語版 ）

しかし、これでは件数がaタグの外側に表示されてしまい、カテゴリ名の部分以外はクリックできません。

この状態で、aタグのCSSに’display:block;‘を指定するとカテゴリ名だけに適用され、件数が次の行に流れてしまいます。

当ブログサイト構築当初にこの問題を把握していましたが、当時は他のことも考えていて細かなことまで頭が回っていませんでした。
最近改めて精査しなおしたところ、解決策が見つかり対処できました。
（参照 → WordPress - フォーラム - カテゴリーの投稿数を出力する際、Aタグの内側に表示させたい。 ）

以下がその記録です。

作業記録

「functions.php」編集

WordPressのthemeフォルダ内の「functions.php」に以下の記述を追加する。
（「wp-includes」フォルダ内の「functions.php」ではありません）

  add_filter( 'wp_list_categories', 'my_list_categories', 10, 2 );
  function my_list_categories( $output, $args ) {
    $output = preg_replace('/\s*\((\d+)\)/',' ($1)',$output);
    return $output;
  }

要は、</a>の後ろの記述を正規表現を利用して</a>の前に移動させているだけです。
（関数「add_filter」についてはこちらを参照）

CSS編集

当方の場合、’display:block;‘を適用させることが目的でしたので、CSSの該当箇所に’display:block;‘を記述する。

Webサーバリロード

変更を適用させるため、Apacheをリロード（もしくは再起動）します。

確認

ブラウザでWordPressブログサイトを表示させ以下のように投稿件数部分もクリックでき、さらに投稿件数部分より右側もクリックできるようになっていれば成功です。

当サイトのサイドバーでもご確認いただけます。

以上。

タグ： CSS, WordPress

2011 年 8 月 20 日 0：20 | 298 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

jQuery版LightBox導入！

2011 年 8 月 17 日 0：20 | 763 Views | ｶﾃｺﾞﾘｰ：ブログ, ホームページ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

先日、当方のWebサイト・ブログサイトでページ下部へスクロースした際にページトップへ戻れるようボタンを設置しました。その際JavaScriptライブラリ「jQuery」を導入しました。
続きを読む »

タグ： CSS, HTML, JavaScript, Rails

2011 年 8 月 17 日 0：20 | 763 Views | ｶﾃｺﾞﾘｰ：ブログ, ホームページ | ｺﾒﾝﾄ（0） | 印刷

WordPress - テーマ変更！

2011 年 7 月 25 日 0：30 | 167 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

今まで使用してきた当方のWordPressブログのデザイン、当ブログサイト開設時から約２年半。
この度変更してみました。

今まで使用してきたテーマはWordPress2.7の時代にテキストを参考に自作したものでした。
今回はまた最初から作成するのも大変なので、今までのテーマをカスタマイズすることにしました。
（ついでにWordPressのバージョンも 3.2.1 にアップデートしました）
続きを読む »

タグ： CSS, PHP, WordPress, XHTML

2011 年 7 月 25 日 0：30 | 167 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

ＷｏｒｄＰｒｅｓｓ － Ｗ３Ｃ（ＣＳＳ）がＳｙｎｔａｘＨｉｇｈｌｉｇｈｔｅｒでエラー！

2010 年 9 月 13 日 0：20 | 193 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

先日あたりから、再チェックしてきた「Ｗ３Ｃ（ＸＨＴＭＬ１．０・ＣＳＳ）」チェック。

うまくいっているように見えましたが、

記事内にソースコードを記載する際に「ＳｙｎｔａｘＨｉｇｈｌｉｇｈｔｅｒ」というコードを綺麗に表示させるプラグインを使用すると、
このプラグインの「shCore.css」で「Ｗ３Ｃ（ＸＨＴＭＬ１．０・ＣＳＳ）」チェックがエラーとなってしまいます。
続きを読む »

タグ： CSS, W3C, WordPress, プラグイン

2010 年 9 月 13 日 0：20 | 193 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷