サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ドラクエ3
noboruhirabayashi.com
タイトルの通り「WordPressのRSSフィードにアイキャッチ画像を含めたい」みたいな形で検索すると出てくる答えはたいていfunctions.phpに <?php function post_thumbnail_in_feeds($content) { global $post; if(has_post_thumbnail($post->ID)) { $content = '<div>' . get_the_post_thumbnail($post->ID) . '</div>' . $content; } return $content; } add_filter('the_excerpt_rss', 'post_thumbnail_in_feeds'); add_filter('the_content_feed', 'post_thumbnail_in_feeds'); ?> htt
昨日立て続けにスマートフォン向けウェブサイトで、ブラウザサイズにあわせてコンテンツを拡大縮小させるサイトを見たので、それらをチェックしてみた。 以前の記事はこちら：スマートフォン向けウェブサイトで、ブラウザサイズにあわせてコンテンツを拡大縮小させる方法 今回チェックするサイトはイクリプス SPECIAL WEBSITEのSP版：http://www.eclipse-avn.jp/sp/ 基本的には以前の記事に記載の方法と近いのですが、ビミョーに違っていてその理由がすいませんわかりません。 デモはこちら：http://noboruhirabayashi.com/test/content_fit1/ 手順1 UserAgentでiPhone、iPod、iPad、Androidの判定。 function userAgentCheck(){ var ua=navigator.userAgent;
ソーシャルアカウントでのログイン／アウト実装をするのに便利なライブラリ「HybridAuth」がある。 http://hybridauth.sourceforge.net wordpressやcakePHPなど様々な開発環境で対応していることや、ソーシャルアカウントもtwitter、facebookに留まらずぼちぼちマイナーなものにも対応していて非常に便利。 今回はtwitterでのアカウントOAuth認証をサンプルにこのOAuth認証ライブラリ「HybridAuth」の導入方法をメモ。 まずは上記アドレスにてライブラリをDL。 今回はDLページの一番上にある「HybridAuth Core library」をDLし、フォルダ内の「hybridauth」を保存したい階層にコピペ。 ここではドメイン直下に配置する。 ドメイン/hybridauth/ hybridauth/install.ph
かっちり横幅を固定（レイアウト固定）かつ、ブラウザ横幅いっぱいに表示したい時の方法。 で、この件に限るわけではないですが、Androidは機種によってもちょっとしたJSとかでも挙動が違ったりするので完璧は無理だと思う。 どうしてもやらねばならないならバグった機種毎にuserAgentひろって条件分岐してやってくしかない。 このブラウザサイズにあわせてコンテンツを拡大縮小させる方法も、Android2、3、4.1までとiOSでチェックしているけど、機種によってはダメな場合もあるかもしれないのであしからず。 まずviewportの設定は以下の通り。 <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> ポートレイトの時320pxでデザインしてiOS基準でコーディングしていくとして
グローバルメニューなどをスクロール途中で固定する方法。 デモ：グローバルメニューなどをスクロール途中で固定する方法 ポイント このデモではJQueryを使用 最初にnavエリアのY軸座標を取得 navのY座標分スクロールが進んだらnavにposition:fixed;を突っ込む 戻ってきてY座標よりスクロール幅が減ったらposition:staticを突っ込み戻す javascript部分は以下の通り $(function(){ var nav = $('#nav_global'), navAfter = nav.next(), navHeight = nav.height(); var navY = nav.offset().top; $(window).scroll(function(){ var windowTop = $(window).scrollTop(); if(navY <
このページを最初にブックマークしてみませんか？
『noboruhirabayashi.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
