Latest posts

WordPress のパーマリンクを修正する

2011年2月10日 | WordPress Tips | No Comments |

WordPress をインストールしたままの状態(デフォルト)では、各記事のパーマリンクは、

http://www.sample.com/?p=[記事番号]

また、カテゴリーページは、

http://www.sample.com/?cat=[カテゴリー番号]

となります。

More… »

WordPress でカテゴリーの並び順を指定するプラグイン

2011年2月9日 | WordPress Plugins | No Comments |

WordPress では、ウィジェットのカテゴリーは名前順に並び、順序を指定することはできませんが、My Category Order プラグインをインストールするとこで、ドラッグ&ドロップで並び替えができるようになります。

More… »

Mobile Safari 文字サイズを自動調整させない

2010年12月6日 | CSS | No Comments |

Mobile Safari は、キストの文字サイズを自動的に調整してくれます。
iPhone などの小さなウィンドウでは、必須の機能といえるでしょう。
しかし、テキストのみで構成されるサイトなど場合、テキストサイズを変更されると、サイトのデザインが崩れてしまい場合があります。

サイズ変更を無効化したい場合は、スタイルシートに

-webkit-text-size-adjust: none;

と指定します。

nth-child() 疑似クラス

2010年10月29日 | CSS | No Comments |

nth-child() 疑似クラスは、任意の順番の要素を指定できます

ul li:nth-child(2n) または ul li:nth-child(even)

と記述すると、偶数番目のアイテムに対してCSSを適用できます。

ul li:nth-child(2n+1) または ul li:nth-child(odd)

と記述すると、奇数番目のアイテムに対してCSSを適用できます。

ul li:nth-child(3n)

と記述すると、3の倍数番目のアイテムに対してCSSを適用できます。

More… »

iPhone (Web クリップ) 用アイコン

2010年10月5日 | HTML, Icon | No Comments |

Web クリップとは、iPhone、iPod touch、iPad の Safari の、ブックマーク機能の一つです。
お気に入りの Web ページをホーム画面に追加すると、ホーム画面に表示中のページを縮小した画像が、アイコンとなって保存されます。apple-touch-icon が設置されているサイトは、そのアイコンがホーム画面に登録されます。

Web クリップ用アイコン (iPhone 用アイコン) を html に記述する

アイコンに自動的に陰を追加する場合は

<link rel="apple-touch-icon" href="/file-pass/apple-touch-icon.png" />

アイコンに自動的に陰をつけない場合は

<link rel="apple-touch-icon-precomposed" href="/file-pass/apple-touch-icon.png" />

More… »

WordPress で Google Adsense を利用するプラグイン

2010年9月25日 | WordPress Plugins | No Comments |

Google Adsense を表示するには、投稿やテーマ内に Google Adsense のコードを埋め込めばできますが、Adsense Manager プラグインをインストールすることで簡単に Google Adsense を管理・表示することができます。

Adsense Manager

Adsense Manager をインストールすると、左メニューの投稿の中に Ad Units が表示され Google Adsense を管理できるようになります。

まず、次の手順で広告ユニットを作成します。

  1. “Create New Ad” をクリックして、Google Adsense の Adsense ユニット コードを貼付けます。
  2. [ Import to New Ad Unit ] ボタンを押します。
  3. Ad Slot にある Name を希望の文字に変更して、[ Save changes ] ボタンを押します。

作成した広告ユニットを投稿に差し込むには、投稿の編集ページのツールバーにある Adsense から広告ユニットを選択します。また、テーマに差し込むには、<?php adsensem_ad(' Name に入力した文字 '); ?> を差し込みたい場所に記述します。

WordPress のテーマ “Treasures” を公開

2010年7月14日 | WordPress Themes | 1 Comment |

人には、それぞれのストーリーがある。宝、貴重な物や人などを意味する “Treasures” と名のついた WordPress テーマ。

Treasures

  • Treasures 1.0 のダウンロードは » こちら

WordPress のテーマ “Happy Cork Board” 1.2.0 アップデート

2010年7月10日 | WordPress Themes | No Comments |

Happy Cork Board 1.2.0 を公開しました。

次の仕様改善と不具合を修正しました。

  • JavaScript ライブラリを jQuery に統一しました。
  • HTML5 に修正しました。
  • HTML タグの不具合を修正しました。
  • 投稿、ページおよびインデックスページに前ページ、次ページへのリンクを追加しました。
  • CSS、Script、RSS を functions.php から読み込むようにしました。

Happy Cork Board 1.2.0 のダウンロードは こちら

WordPress の jQuery を利用すると $ 関数が見つからない

2010年6月23日 | WordPress Tips | No Comments |

次のコードを function.php などに記載して、WordPress の jQuery を利用すると、$ 関数(オブジェクト) が見つからないエラー ($ is not a function) が発生します。

wp_enqueue_script('jquery');

これは、prototype.js などのライブラリと $ 関数(オブジェクト)が衝突しないように jquery.js の最後で jQuery.noConflict(); が実行されているためです。

More… »

WordPress のテーマ “Happy Cork Board” 1.1.1 アップデート

2010年6月16日 | WordPress Themes | No Comments |

Happy Cork Board 1.1.1 を公開しました。

次の仕様改善と不具合を修正しました。

  • RSS Feed のリンクを修正しました。
  • テーマのライセンス情報を追加しました。
  • 左側のタブを複数行に対応しました。
  • ノーコメントサポートしました。
  • タグを表示するようにしました。

Happy Cork Board 1.1.1 のダウンロードは こちら