はてなブックマーク

WordPressをコーポレートサイトで利用する場合、新着情報はTOPページの要素として不可欠ですよね。こんな感じ▼ これをそのまま再現するPHPとCSSのコードをご紹介します。 テンプレートファイルにPHPコードを貼り付け index.phpやhome.phpなど、新着情報を表示したいテンプレートファイルの任意の場所に以下のコードを貼り付けます。 <?php global $post; $lastposts = get_posts('numberposts=5&cat=0'); //表示件数とカテゴリID foreach($lastposts as $post) : setup_postdata($post); $post_title = $post->post_title; if(mb_strlen($post_title)>40) { //記事タイトルの文字数 $post_title

「絶対に入れておきたいWordPressプラグイン10個」みたいなエントリを散見しますが、あれってどうなんでしょ。インストールして有効化するだけだから確かに楽チンなんだけど、それに伴うリスクが片っ端から看過されてるというか。 ・WP本体のバージョンアップで使えなくなることがある ・プラグインの更新で使えなくなることがある ・まったく目の届かないところでコンフリクトを起こしたりする ・head内に作者によるコメントが溢れ返り、素人臭くてみっともない 要するに…スタートアップで好きなようにプラグインをぶち込んでしまったら、その後まったく弄らなくても突如不具合が発生する可能性が高いんです。少なくともそのまま永続的に運営していくことは不可能でしょう。しかしそのことを初心者が知る機会は殆ど無いのが現状です。 ただ実際に経験してこそ血肉になるのも事実なので、ここでは「困ったときの代替案」を集積していけ

検索結果の表示であれば栞のような意味合いで有用ですが、一般のブログでは直近のエントリをいかにサクサク閲覧できるかという点で不向きな気がします。 そこで、ページ最下部までスクロールしたら自動で次ページを読み込むjQueryプラグイン『autopager』を導入してみました。 配布元はこちら。 jquery-autopager ご利用の際はMIT Licenceに従ってソース内の著作権表記をそのままにしておくこと。 まずはjQuery本体をhead内に設置 多様なjQueryの機能を利用するために必要な親玉？をサーバに設置するか、Google Developersから引っ張ってくる必要があります。VerUPのたびに削除したりするのは面倒なので個人的には後者をお勧めします。既にバリバリjQueryを使っている方はここは飛ばしてください。 <link href="//code.jquery.com

サイドバーの最新記事一覧がテキストだけでも全然構わないんですが、デザインによっては画像が無いと寂しい場合もありますよね。 当サイトではアイキャッチ画像（↑タイトルに被っているこの画像）をそのまま最新記事及びランダム記事一覧のサムネイル画像に自動で転用しています。例によってプラグインは使っていないところがミソですね。 まだアイキャッチを利用されていない方はこちらをご覧ください。 ⇒　【WordPress】アイキャッチ画像を自動で切り抜き・リサイズ はじめに アイキャッチ画像を使用していることが前提です。 管理画面の「ウィジェット」は使いません。ファイルを直で編集します。 リストアップする件数は任意で設定可能です。 サムネイルのサイズは任意で設定可能です。 1.functions.phpにコードを追加 テーマファイルのディレクトリ直下にあるfunctions.phpまたはそれに相当するファイル

ずっと先延ばしにしてたんですが、ようやくスマホ対応しました。スライドメニューの導入にあたって参考にしたのはこちら。 JavaScript – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] ページ下部のリンクからgithubに飛び、その右端にある「Download ZIP」からjs本体とサンプルhtml/cssを入手できます。 プレビューにはGoogle Web Developer Toolsがおすすめ 設置の仕方や手順は一般に配布されている他のjQueryプラグインと大差ないので、サンプルそのまま真似すれば難しくないと思います。 プレビューは手持ちのスマホからになりますが、どうしてもPCのブラウザで確認したい場合はタッチアクションに対応したエミュレータ（そんあのあるのか？）が必要です。とりあえず私は普段から使っているGoogle Web Develo

オープンソースと言えば聞こえはいいけど、結局のところ何が起きても自己責任。 たとえばCDNならわざわざファイルを落としてUPし直さなくても一行追記するだけでおｋ！なんて思ってても、公開元のサーバが落ちたら利用してる我々のページは即リンク切れ→不具合になるわけで。諸々のソースコードの類も同様で、便利でクールな挙動だからとまんまコピペで使ってたらエラい目に遭ったりします。 続きを読む ▸ おっす、オラJay！ ひっさびさの更新でやり方を忘れちまってたぞ！ 今回はチェーン展開の店舗サイトとかショッピングサイトとか、動的なコンテンツが複数ある場合に「カスタム投稿タイプ」でブログを追加する手順を紹介すっぞ。もちろんプラグインは使わねぇ。 カスタム投稿タイプ – wikipediaより “WordPress は多数の異なるタイプのコンテンツを保存し、表示することができます。投稿はひとつの投稿タイプです