jQueryを使ってクリックでタグ（要素）を削除する色々なパターン
jQueryで簡単に要素を削除する方法 jQueryの.click(function)でタグがクリックされた時に色々な動作を与えることが出来ます Webサイトに色々なアクションを付けるのがこれで簡単になります 今回は色々 […]
画像がスクロールで表示されてから、読み込んで表示するWordPressの軽量版lazyプラグイン Unveil Lazy Load
WordPressのプラグインで画面に写っていない画像を後から読み込むことで、表示速度の改善になるlazyプラグインはいくつかありますが、軽量版のlazyプラグインUnveil Lazy Loadストレス無く使えます & […]
WordPressの新デフォルトテーマ Twenty Fourteenがかなりカッコいい件
WordPress3.8から標準で搭載される新テーマTwenty Fourteenがかなりカッコいい アイキャッチを使ったサイトには最適なデザインかと思います デモページはこちら http://twentyfourtee […]
All in one seoでTwitter Cards + Open Graph対応にしてTwitterにアイキャッチを付ける方法
最新のAll in one seoではSocial metaという新たな機能が追加されています そこではOpen Graph（以降OGと呼びます）の設定とFacebookへの設定が出来るのですが、実はtwitter Ca […]
Twitterに記事をつぶやいた時に画像（サムネイル）付きにする方法 Twitter Cardsの活用
最近知ったのですが、open graph のような Twitter版があるんですね！ Twitter Cards というのですが、Facebookの場合との違いはサイトをTwitterに申請しないといけないということ こ […]
bxSliderでウィンドウ幅によって表示領域を変更し、スライド内の数を変更する
bxSliderを使っていて レスポンシブなサイトに対応させるために、ちょっと表示の方式を変えてやりたかったので ウィンドウ幅によって表示方式を変更する方法です bxSliderでウィンドウ幅によって表示の […]
WordPressのカスタムフィールドの入力欄の幅を広くする方法
WordPressのカスタムフィールドは、決まったフォーマットの情報を入力するのにとても便利なんですが いかんせん入力の領域が狭くて扱いづらいです。 カスタムフィールドのプラグインで色々表示の仕方を変えるものが有りますが […]
Google Analyticsでダウンロード数のカウントのためにイベントトラッキングをjQueryで自動で挿入する
google Analyticsを使ってダウンロードリンクをイベントトラッキングすることで ダウンロード数の把握等に使えますが、一つ一つaタグにコードを挿入するのはとても面倒ですしタグが長くなっちゃいますので、対象のaタ […]
ページ移動の時に、フェードイン フェードアウトの処理を導入するときにやったこと
新しいWEBサイト作成の時に、ページ移動の際にフェード処理をjQueryで行いました そこで一つ問題がでました、ダウンロードリンクをクリックしたときにフェードアウトしたままで何も表示されないようになって、戻るのボタンも使 […]
jQueryのセレクタで指定したもの以外を選択する・させる方法 :not()
jQueryは簡単にHTMLの要素やCSSを選択できるのですが 通常とは逆の使い方、指定した物以外を対象にする方法 jQueryの；not()を使うことで○○のセレクタ以外を指定する まずは一般的なjQue […]
query_postsで固定ページをpost記事のように一覧表示をする方法 – WordPress
TENPARA.NETのリニューアル用テーマを作成していた時に 記事はテンプレート用、固定記事はニュース用っていう使い分け方をしようと思い ニュースティッカーに表示するためのものを 今までのニュースを全部表示するための仕 […]
WordPressから不要なメタ情報を削除する方法
WordPressは自動でヘッダーに色々な情報を埋め込みます どちらかというと必要ない人のほうが多いのではないかな？という物が沢山あるので それらの情報を表示させないようにしてヘッダーをスッキリさせよう。 […]
最新版のAll in one SEOがマジで全部入りになって設定も分かりやすくプラグインの数が減らせるし管理が楽すぎ
All in one SEOはWordPressのSEOプラグインの中でも最も人気のあるプラグインではないでしょうか？ ところで最新のAll in one SEOを使っていますか？ これがすごいことになってきています！ […]
ソーシャルボタンをキレイに並べたいときはCSSでPositionを使って整列して表示すると良い
Facebook、Twitter、はてブ、Google+等々WEBサイトに表示したいSNSボタンがありますが コードをそのまま貼り付けてもキレイに整列しません、そんな時はCSSのPositionを使って整列させてやれば調 […]
WordPressにGoogle+のコメント欄（システム）を設置する方法
Google+のコメントをBloggerで使えるようになっていて、さらに非公式ですがGoogle+のコメント欄を他のウェブサイトにも設置できることを知りました このブログではWordPressのコメント機能をカスタムして […]
CSSで画像にマウスポインターを載せた時にツールチップを表示する プチ・テクニック
画像にマウスポインターを乗せると、詳細等を表示させるのに使えるツールチップの表示テクニックです。 画像以外でも応用できます！ まずはdemoを御覧ください コード HTML <div> < […]
CSSで影（Shadow）を2つ使ってボタンをhoverしたときにアニメーションにするプチ・テクニック
さっそくdemoを見てもらった方が分かりやすいと思いますので コード HTML <div class="button"> <a href="">button</a> &l […]
FaceBookのページ用のLike Boxを作成する方法
Facebookのデベロッパーでライクボタンやいいねボタン等を作ることが出来ます Facebookのページ用のライクボックスもここで作ることが出来ます facebook developers Like Bo […]
WordBookを使って、Facebookのページに投稿を載せる方法
WordPressの記事を投稿した時に、Facebookのページにサムネイル付きで投稿する方法です FacebookページからTwitterにも連携すれば、2大SNSを制覇できちゃいます！ WordBook […]
PostViewを独自タグではなく、好きな形式で表示する方法 – WordPress
PostViewは記事の表示回数を記録してくれるWordPressのプラグインで、これを使うことによって 記事の人気順に表示したり、記事の表示回数を表示できたりします PostViewを独自タグではなく、get_post […]
