サポートバージョン Raindrops 1.349以降 Raindropsテーマは、フロントエンドでは raindrops.js, raindrops-helper.js の2種類のファイルが使用されています。
- raindrops.js
- このファイルは、スクリプトを列挙しただけの単純なjsファイルです
- raindrops-hel ...
Search Results : Javascript
-
-
ヘッダー画像の高さに最小の高さを指定する方法
レインドロップステーマのヘッダー画像は、ブラウザサイズに応じて自動的に拡縮します。 モバイル表示の場合、ヘッダー画像内に、タイトルやスローガンを表示する設定にしている場合バランスが崩れてしまったり重なり合う可能性があります。 このような場合に、ブラウザの幅が一定サイズ以下になった場合に、高さを指定したい場合は、以下のように調整が可能です。 高さは、heightを使う ...
-
グリッドレイアウトのカスタマイズ
このページでは、フィルター等を使った少し難しい内容になっています。グリッドレイアウトの適用の仕方などについては、以下の記事を参照してください
Raindrops テーマでグリッド表示を設定する – Raindrops 取扱説明書 グリッド表示の場合の投稿の記述のコツ – Raindrops 取扱説明書Raindrops1.4 ...
-
Raindropsのお得なテクニック
Raindropsテーマは、functions.phpだけでも、コードは10000行以上あり、作っている私でも訳が分からなくなることがあります。
Raindropsのメンテナンスを行っている私は、どのようにしてテーマの機能の追加を行っているのかについて、
チャイルドテーマを使って、機能の追加を行っています はぁ？、チャイルドテーマっていうの ...
-
テンプレート、ファイル一覧
続きを読む 投稿 ID 2719Raindropsテーマ（1.344）テンプレート一覧と、そのファイルの役割について説明します
-
CSS
Raindropsには、タブ表示、グリッド表示、フォントサイズクラス等、実際に運営するうえで必要不可欠なCSSクラスが存在します。
これらの、組み込み済みのCSSクラスについて解説します。
続きを読む 投稿 ID 2719
-
エディタに、カスタムページタイプボタンを追加
エディタに、それぞれの投稿毎に、カラータイプやカラム指定を追加する カスタムページタイプボタンを追加
functions.php
<?php // add more buttons to the html editor function appthemes_add_quicktags() { if (wp_script_is('quicktags') ...
-
投稿をタブ付表示する方法
Raindropsテーマでは、投稿でタブ形式の表示を行う事が出来ます
投稿本文に以下の形式でhtmlをテキストモードで記述してください。
javascriptなどを記述する必要はありません。
トップページでも、タブ操作が可能な便利な機能です。
<div class="raindrops-tab"> <ul class="raind ...
-
fluid layoutでの、ボックス内のセンタリングの方法
例えば、フロントページ用ののテンプレートを使った場合、左のカラムは上下方向で、センタリングされていますが、コンなのは、どう書けばいいかという事についての説明です。
丸い画像の左側のカラムは、Raindropの場合、640pxまでは、ブラウザのサイズにより、約1:1の比率を維持しながら、サイズが変化していきます。 この時、右側の、アイキャッチ画像は、そのサイ ...
