Raindropsテーマは、アドオンを有効にすることでトップページにスライダーを表示することが出来ます。
このページでは、このスライダーをアーカイブなど指定したページで、ヘッダー画像をスライダーに置き換える方法について説明します。
チャイルドテーマを準備していただき、functions.phpにフックを追加します。-
-
Raindropsのお得なテクニック
Raindropsテーマは、functions.phpだけでも、コードは10000行以上あり、作っている私でも訳が分からなくなることがあります。
Raindropsのメンテナンスを行っている私は、どのようにしてテーマの機能の追加を行っているのかについて、
チャイルドテーマを使って、機能の追加を行っています はぁ？、チャイルドテーマっていうの ...
-
カテゴリー毎にヘッダー画像を設定する Raindrops 1.355
Raindrops1.355で、アーカイブページ等で特別なヘッダー画像設定します。
Step1 ヘッダー画像を指定します。
.category #header-image{ background:url(画像のURL); background-size:cover; }.categoryは、カテゴリーアーカイブに適用する ...
-
Caption ショートコードについて
WordPressのCaptionショートコードでYoutube等のOembedメディアを表示する場合に、
といった形で、ビデオをcaptionショートコードで囲んで記述する事が出来ますが Raindropsテーマの場合、表示位置が少し右側にずれてしまいます。 そのような場合は ...ミーシャ
-
javascriptによるテーマのカスタマイズ
サポートバージョン Raindrops 1.349以降 Raindropsテーマは、フロントエンドでは raindrops.js, raindrops-helper.js の2種類のファイルが使用されています。
- raindrops.js
- このファイルは、スクリプトを列挙しただけの単純なjsファイルです
- raindrops-hel ...
-
画像表示のテクニック Youtubeの均等配置とレスポンシブ対応
サポートバージョン Raindrops 1.348以降 WordPressは、画像の表示のために、左寄せや右寄せで表示するメディアの挿入、ギャラリーショートコードを使う2種類の表示方法があります。 メディアの挿入から、簡単にそれらをつかうことが出来、おそらく説明の必要もないと思います。 しかしこれらの機能は画像に特化されていて、また、標準ではレスポンシブ ...
-
フローティング画像と回り込み引用要素（blockquote）表示テスト
このページでは、左寄せ画像（または、右寄せ）を使用した場合の 引用要素（blockquote)が、適切に表示されるか確認するためのテストケースです。
サポートバージョン Raindrops 1.346以降
Lorem ipsum dolor sit amet, consectetur adipisicing eli ...
-
埋め込みメディア Oembed media の表示テスト
このページでは、WordPressでサポートする埋め込みメディア（Oembed Media）の表示がRaindropsで適切に表示されるかどうかをテストしています。
埋め込みメディアは、通常投稿いっぱいに表示されますが、このページでは450px幅、レスポンシブ対応で表示するテストケースです。
重要
サポートバージョン R ...
-
特定の投稿を、カード型で表示
Hello World
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostru ...
