はてなブックマーク

WordPressの人気記事を表示するプラグイン｢WP Most Popular｣は、get_posts的な専用記述を行えば、後はWordPressのテンプレートタグを使用して記事の情報を自由に出力することができます。 記述をする際にプラグインの専用タグに縛られることがないので、jQueryを使用した人気記事のスライドショーなども作りやすくて便利です。 プラグイン自体はとてもシンプルで、ダッシュボード上での設定はなく、有効化するだけでアクセスの集計が始まります。 一応、ウィジェット機能も付いていますが多機能ではありませんで、ウィジェットに人気記事のリストを簡単に設置したい場合には、｢WordPress Popular Posts｣などのプラグインをオススメします。 WP Most Popularを使用して人気記事を出力する記述 テーマファイルの表示させたい箇所に以下を記述してください。 出

トップページやアーカイブページなどの記事一覧で記事内容の抜粋を表示させるWordPressのテンプレートタグthe_excerptを使用して、表示させる文字数や「続きを読む」などのリンクを表示させるカスタマイズを行います。 the_contentとthe_excerptの抜粋動作の違い the_excerptを使用して記事抜粋をする時の基本設定 抜粋する文字数を変更する 抜粋の文末に表示される文字列を変更する 抜粋の文末に表示される文字列をリンクにする the_excerptを使用した抜粋の実用的な使用例 1. the_contentとthe_excerptの抜粋動作の違い 個別記事ページ以外では、記事の内容を表示させるテンプレートタグthe_contentでも記事の抜粋を表示させることが出来ますが、the_excerptとの抜粋動作の違いは？ the_content テーマのループ内に、

アップロードした画像にキャプションを設定した際、標準の状態で書き出されるHTMLの出力形式では使い勝手があまりよくないので、この書き出されるHTMLをWordPressのコアファイルをいじらずに変更します。 標準の状態では、画像にキャプションを設定した時は下記のようなHTMLが書き出されます。 <div id="attachment_14" class="wp-caption alignnone" style="width: ○○○px"> <img class="size-medium wp-image-14" alt="○○○" src="○○○.jpg" width="○○○" height="○○○" /> <p class="wp-caption-text">キャプションの内容</p> </div> ここで注意しておく点は、<div>タグに自動的に付与される「style="wid

iOSのSafariでのサイト表示時に、bodyにoverflow-x:hidden;を指定してもCSSが効かずに表示領域（ウィンドウ）の幅を超えて横スクロールができてしまう時の対処方法になります。 先日、スマートフォン用に横からスライドさせて表示させるメニューを作成したのですが、bodyに指定したoverflow-x:hidden;が効かずに、表示領域外に配置しているスライド前のボックスが表示領域の幅を超えて横スクロールで表示できてしまう状況に遭遇しました。 PCでの表示は問題なくCSSが効いているので、一部のスマートフォンブラウザもしくは旧バージョンのSafariにて発生するものではないかと思います。 また、過去に制作したものでは、overflow-x:hidden;の指定のみで問題なく効いていたので、要素の配置の仕方によっても効かない場合はあるようです。 overflow-x:hid