Yes/No Chart まるいボタン スタイル(circle-button.zip)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Yes/No Chart : まるいボタン スタイル
───────────────────────────────────
■ 概要
───────────────────────────────────
* Yes/No Chartプラグインの選択肢ボタンをまるくするスタイルです。
* ファイル circle-button.css の内容を
/wp-content/plugins/yseno/css/style.css の最後尾に追記します
【ファイル一覧】
1) Yes/No Chart まるいボタン スタイルシート
・circle-button.css ー まるいボタン スタイルシート
2) README.txt
───────────────────────────────────
■ 特徴
───────────────────────────────────
* 通常は縦に並ぶ選択肢のボタンがまるくなり、横並びになります。
* スマートフォンのように横幅が狭い場合は、選択肢は下に向かって折り返します
* 別売の、カラーバリエーションや最初に戻る機能にも対応しています。
* 横並びしたときの見やすさは、お使いのページの横幅や選択肢の数によっても変わります。選択肢の数が多い場合は、ご自身で調整されてください
[詳細ページ]
https://kohsei-works.com/yesno-circle-button.html
───────────────────────────────────
■ 導入手順
───────────────────────────────────
★重要★
ファイルを上書きでアップロードする前に、必ず元のファイルを
バックアップしておいてください。
【インストール】
以下、Yes/No Chart が有効化されているという前提で進みます。
1. ファイル一式を解凍します。
2. Yes/No Chart をご使用のサイトから、
/wp-content/plugins/yseno/css/style.css をダウンロードします。
3. ご購入いただいたファイル circle-button.css の内容をコピーし、
/wp-content/plugins/yseno/css/style.css の最後尾に追加して保存します。
4. 変更した /wp-content/plugins/yseno/css/style.css を
FTPソフトで上書きアップロードします
5. 表示を確認する前に、ブラウザのキャッシュをクリアしておいてください。
キャッシュをクリアする方法は「ブラウザ キャッシュクリア」などで
検索すると多くの記事が見つかりますので、それらを参考にしてください。
───────────────────────────────────
■ 導入手順(FTPソフトをお使いではない場合)
───────────────────────────────────
FTPソフトをお使いではない場合は、WordPress管理画面の「プラグインエディター」を使って導入します。
プラグインエディターを使った場合の導入手順は以下のようになります。
1. WordPress管理画面を開きます
2. メニュー「プラグイン:インストール済みプラグイン」を開きます
3. Yes/No Chart プラグインを一旦「停止(無効化)」します(削除はしません)
4. メニュー「プラグイン:プラグインエディター」を開きます
5. 右上の「編集するプラグインの選択」で「Yes/No Chart」を選択して「選択」を押します
6. 右側の「プラグインファイル」から「css▼style.css」を開きます
7. ご購入いただいたファイル circle-button.css の内容をコピーし、
いま開いた「style.css」の最後尾に追加します。
8. 下段の「ファイルを更新」を押します。
(正常に更新されれば「ファイルの編集に成功しました」と表示されます)
9. 左のメニューから再び「プラグイン:インストール済みプラグイン」を開きます。
10. Yes/No Chart プラグインを「有効化」します。
(まるいボタンのスタイルが反映されます)
11. 表示を確認する前に、ブラウザのキャッシュをクリアしておいてください。
キャッシュをクリアする方法は「ブラウザ キャッシュクリア」などで
検索すると多くの記事が見つかりますので、それらを参考にしてください。
*) もし、お使いのテーマに「カスタマイズ:追加CSS」の欄が用意されている場合は、
ご購入いただいた circle-button.css の内容をそこへコピー&ペーストされてもよいです。
───────────────────────────────────
■ 動作確認済み条件
───────────────────────────────────
* Yes/No Chart ver 1.0.6 ~
* ブラウザ
・Chrome : 76.0.3809.100
・Safari : 12.1.2
・Firefox : 69.0
その他のブラウザでの表示結果の違いには対応していません。
───────────────────────────────────
■ ご注意
───────────────────────────────────
* WordPress本体、各プラグイン、お使いのテーマのアップデートや変更に
よって挙動が変わる可能性もあります。
不具合や誤動作がありましたらご連絡ください。
¥550
※こちらの価格には消費税が含まれています。
※こちらの商品はダウンロード販売です。(3205 バイト)