CSS3で画像キャプションのマウスホバーアニメーション5種
CSS3で画像キャプションのマウスホバーアニメーション5種 CSS3オンリーで画像をマウスオーバーするとキャプションがアニメーションして表示するというサンプル集です。 ディレイやイージングを使用してちょっとだけ凝った感じに見える風にしてみました。 投稿日2015年12月25日 更新日2015年12月25日 基本的なHTML 基本的なHTMLは下記になります。figureでマークアップしてみました。 HTML <section class="sample1"> <figure> <img src="thum01.jpg" width="400" height="266"> <figcaption class="title">Hover Effect 01</figcaption> </figure> </section> figureのCSSは「overflow: hidden」ではみ出ない
WordPressのカスタムフィールド・カスタム投稿タイプ・カスタム分類をまとめて管理するプラグイン「Types」
WordPressのカスタムフィールド・カスタム投稿タイプ・カスタム分類をまとめて管理するプラグイン「Types」 一つのプラグインでカスタムフィールド・カスタム投稿タイプ・カスタム分類を管理できる、「Types」をご紹介いたします。 投稿日2013年01月09日 更新日2013年01月09日 カスタム投稿タイプの作成 プラグインをインストールするとメニューに「Types」という欄が作成されます。 カスタム投稿タイプを作成する場合「Custom Post Types及びTaxonomy」というメニューを選択します。 「Custom Post Type追加」「Custom Taxonomy追加」というボタンが表示されますので、カスタム投稿タイプを追加する場合は「Custom Post Type追加」を選択します。 「新規Custom Post Typeを追加」画面が表示されます。 カスタム投
WordPressのプラグインを開発しよう（初級編）
WordPressのプラグインを開発しよう（初級編） WordPressのプラグインを作れるようになればネットでちやほやされるかもしれない！？ ということでプラグイン開発方法をさらっと解説してみます。 投稿日2012年09月11日 更新日2012年10月02日 プラグインってなんだろう。 WordPressのテンプレートをカスタマイズしてるとfunctions.phpにコードを書くことがあると思います。 基本的にこのコードをプラグインフォルダに入れるだけでプラグインになります。 そのテンプレートに依存したものはfunctions.phpに記述したままでもいいと思いますが、ある程度使い回せるものでしたらプラグイン化すると良いと思います。 簡単なプラグイン 簡単な例を見てみましょう。 functions.php に次のようなコードがあるとします。 functions.php function
WordPressでカスタムフィールドをお手軽に実装できるクラスライブラリ「WPAlchemy MetaBox」
WordPressでカスタムフィールドをお手軽に実装できるクラスライブラリ「WPAlchemy MetaBox」 Wordpressのカスタムフィールド（メタボックス）を使いやすくするプラグインが多くありますが、GUIで簡単に設定できる反面カスタマイズがするのが大変だったりします。 でも一から実装するのはだるいよね。というときに便利かもしれないクラスライブラリ「WPAlchemy MetaBox PHP Class」をご紹介します。 投稿日2011年10月25日 更新日2013年06月18日 ライブラリのダウンロード ソースはGitHubにあります。以下からダウンロードしてください。 farinspace/wpalchemy ここでは現在最新の「1.4.15」をダウンロードします。 Wordpressのバージョンは「3.2.1」です。 ダウンロードしたファイルを解凍すると「wp-conte
WordPressのビジュアルエディタをカスタマイズする
WordPressのビジュアルエディタをカスタマイズする Wordpressのビジュアルエディタは基本的にデフォルトのままでも問題ないかと思いますが、不便なところもありますよね。 この記事ではfunctions.phpを編集してビジュアルエディタをカスタマイズしてみます。 TinyMCE Advancedとかプラグイン入れた方がはやくね？ とか言ってはいけない！ 投稿日2010年12月17日 更新日2015年01月08日 オリジナルのスタイルを適用する。 ビジュアルエディタはそのままだとテンプレートとスタイルが違うので、最終的なイメージがつかみにくいですよね。 テンプレートと同じスタイルを適用して、ある程度イメージの確認ができるようにしてみましょう。 現在使用しているテンプレートフォルダの「functions.php」に以下を記述します。なければ作成しましょう。 functions.php
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
