Home » Blog » WordPress

WordPress

WordPressについての話題

コメントフォームにクイックタグ設置

コメントフォームにクイックタグ設置

 コメントでも引用を使ったりソースコードなんかを載せられるように、コメントフォームにクイックタグを付けました。
 ヘルプボタンを押すと説明が出ます。

 WordPressが「'」を勝手に全角に変換して表示するので、その対策に文字実体参照の「'」で表示しようとしたのですが、IEが文字実体参照でアポストロフィを表示してくれないようなので、番号文字参照の「'」に変えることにしました。
 あとWordPressのお節介その2で、ハイフン「-」が連続すると何か別の文字に変換してしまうようです。(ソースコードのコメントアウト<!-- -->がうまくコピーできなくて気づきました)
 こちらを参考にしました↓

どうも WordPress は連続したハイフン2つ、ないし3つを勝手に別のハイフン (&#8212;) に変換してしまうようです。この &#8212;のハイフンは、全角ハイフン (&#x817C;)とも ─ (&#8213;) とも違うものです。これは非常にお節介な機能だと思います。

cite : WordPress の連続ハイフンの扱い

 安全な文字にエスケープするのは結構ですが、それなら文字実体参照にしてくれればいいのに…!

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

New Lightbox 2.5 plugin にしました

 IE7ではきちんと動いていたような気がするのですが、久々にIE6で見てみたらlightboxが動作していませんでした。
 ちょっと調べてみたら新バージョンが出ていたので試してみたのですが、ダメでした。本家のサイトでもポップアップが出ないです。私の環境だけなんだろうか…うーん。

stimuli.ca » Blog Archive » New Lightbox 2.5 plugin for Wordpress

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

bookmark-template.php 画像サイズを記述

 <?php wp_list_bookmarks('');?>で呼び出すデフォルトのブックマークリストはバナー(というかファビコン?)の画像サイズを記述してくれません。なんだかwidth hight のない img ってそわそわしませんか?
 そんなわけで、バナーの画像サイズを取得して記述するように wp-includes/bookmark-template.php をちょっぴり改造してみました。

続きを読む

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

category_descriptionにPがついた

 2.3にバージョンアップしてから、ブログページのカテゴリー説明のP要素の左マージンがなくなってしまいました。
 PがCSSの左右マージンの設定を無視していたわけですが、原因はcategory_description()でカテゴリー説明を呼び出すときにPタグで囲まれて出力されており、Pが二重構造になっていたからでした。

category_description « Wptags.com」のサンプルソースではcategory_description()がPで囲まれて記述されているので、2.2ではcategory_description()自体はPでくるまれていなかったはずです。

WordPress › Support » get rid of p tags in category_description」で言及されてるような気がするんですが。解読するのめんどくさくなった(笑)
 とりあえずdivで囲むことにして解決。

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

サムネイル生成がキレイになった!

 WPを2.3にしたのでYapbのバージョンも上げたら、キャッシュファイル名の書き方が変わったようで、全部生成し直してました。そしてふと気づいたのですが、横長の絵のサムネイルがキレイ!
 ロリポップでは横長の絵をトリミングしたサムネイルがありえないくらい汚い出来だったのが許せず、フォトショで作り直して差し替えていたのですが、XREAでは綺麗に縮小してトリミングしてくれています。ImageMagickのバージョンの違いかな。

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

WordPress 2.3.2 日本語版へバージョンアップ

 ME版の更新がぱったりとなくなっているのでちょっと不安になり、日本語版にしてみました。無事完了です。
 下記のサイトを参考にしました。感謝です。

 wordpress 2.3.2 日本語版へのバージョンアップ | ああwordpress

 MEと日本語版が何が違うのかは「WordPress | 日本語 » 日本語版と ME 版について」で説明されています。日本語版は日本語他のマルチバイト文字の入出力処理に関し不完全な部分があるが、WP Multibyte Patchを当てるとこの問題は解消されるとのことです。

 さて、2.3からタグ機能が標準化されたようです。
 とりあえずタグ管理に便利そうなAdvanced Tag Entry WordPress Pluginを入れてみました。
 あと、タグを表示するテンプレートタグ(ややこしいですね・笑)と、タグで記事を抽出する場合に必要となるテンプレートファイルについては「とりあえずいっとけ!? - WordPress2.3でタグクラウド」や「e.b.i.f » PB: Adding Tags / Tag Cloud (WP 2.3+)」で説明してくださっているので、参考にさせていただきます。
 結構細かくカテゴリー分けしているのであまりタグの活躍シーンがないような気がするのですが、せっかくの新機能なのでとりあえず試す所存です。
 っていうか、タグの文字が大小しているあれはタグクラウドと言うのですねー。

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

Yapb 元画像のサイズで動作を振り分ける

(※Yet another photoblogプラグインを使用していることが前提です。lightboxプラグインを導入しているとなお良い感じになります。)

 元画像のサイズがサムネイルのサイズと同じor小さい場合、元画像へのリンクをつけても意味がないのでつけないようにしました。
 当たり前の処理なんですがやってなかったなあ、と思って。

 あと、イラスト個別ページで横幅が大きすぎる場合は縮小表示する方法をメモしておきます。

続きを読む

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

RecentEntriesにサムネイル付加

RecentEntriesにサムネイル付加

 トップのRecent Entriesの表示に悩み中です。
 更新情報一覧ページのようにサムネイル・タイトル・カテゴリなどを表示するのと、前のようにリスト表示だけのものと、どっちがいいかなー。
 とりあえずサムネイルありで表示件数3件に減らしてしばらく運営してみようと思います。うろちょろしてすみません。

 やり方書いておきます。

続きを読む

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

WP-PageNavi を導入

 ぼちぼちページ数が増えてきたので「WP-PageNavi」を導入しました。
 導入というほどたいした作業じゃありません、有効化してテーマファイルに1行付け加えるだけです。

 日本語での説明はこちらのページがとてもわかりやすいです。
power source* » WP plugin: ページ番号を並べたナビゲーション - WP-PageNavi

 細かい設定などはログイン後の画面でもできるので便利ですね。以前はPagebarというプラグインを紹介していましたが、最近更新されていないようですし、こちらを使うことにしました。

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

最新記事を除いた最近の記事を表示

 ためしにWp-SlimStat入れてみたら思わぬところで捕捉されていることを発見いたしましたよ。

トップページに最新の記事1件とその下に最近の記事のタイトル5件並ぶようにしたい

cite : Vicuna :: トピックを表示 - index.phpについて

 Custom Query String Pluginで解決したとあるんですが、プラグイン使わなくてもできます。

 query_posts を使って offset=1 のパラメータを入れるといいんですよー。こんなふうに。

<?php
query_posts($query_string . "&category_name=blog&showposts=5&offset=1");
if (have_posts()) :
?>
  <div id="recent_entries" class="post">
    <h3 class="title">Recent Entries</h3>
    <ul>
<?php
  while (have_posts()) : the_post();
?>
      <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php  endwhile; ?>
    </ul>
  </div>
<?php endif; ?>
<?php query_posts($query_string . ""); //初期化 ?>

 という大きなお世話なのでした、スミマセン。

 このquery_postsのソースをご教授くださっているサイトさんは、こちらです。
hereticanthem co.,ltd. » 特定のカテゴリの最新記事一覧-その1
 初期化が難しい query_posts の代わりに get_posts を使う方法は
hereticanthem co.,ltd. » 特定のカテゴリの最新記事一覧-その2
に記載してくださっています。でもget_postsだとWPの基本設定の表示件数より多く表示ができなかったような気がします。一件だけなら問題ないかと思いますが。

 追記・修正。
 以前のソースではいろいろと不具合が生じてきたので修正しました。「スゴク便利な万能タグ「query_posts」ただし… | WordPressカスタマイズメモ【企業ホームページ制作方法】」を参考にさせていただきました。
ちなみに、
<?php query_posts($query_string . ""); //初期化 ?>
でquery_postsの初期化ができました。(出来てるような気がするっていう…)

 カスタマイズにあたってはWptags.comを見ると日本語ですごくわかりやすいです。
WordPress Codexにはもっとつっこんだカスタマイズが載っててすごく参考になります。英語だけですがソース見ればできそうなことはわかるし。
たとえばquery_postsについてなんかは Template Tags/query posts « WordPress Codex にいろいろ書かれています。

1ツ星2ツ星3ツ星4ツ星5ツ星 (まだ評価されていません)
読み込み中 ... 読み込み中 ...

1 2 3
Blog Archives
Feeds
Tag Cloud
Xbox LIVE Gamercard
評判:nsSaico評判 :
785ゲーマースコア :
レクリエーションゾーン :