PageFlyページエディター - FAQ
Last updated
Was this helpful?
Last updated
Was this helpful?
このでは、PageFlyページエディターの使用に関する一般的な質問に答えています。
以下の手順に従ってください:
ステップ1: メインメディア要素を選択します。
ステップ2: スタイリングタブで、詳細設定/CSSコードセクションに注目してください。
ステップ3: このコードをCSSコードに貼り付けます。
ステップ4: ページを保存して公開します。
詳細については、こちらのビデオチュートリアルをご覧ください。
通常状態/マウスオーバー状態/アクティブ/選択状態
ボタンなどの要素をクリックし、スタイリングタブで「Normal state」をクリックしてドロップダウンを開きます。設定できる状態は3つあります:Normal state、Mouse over state、Active/Selected stateです。
これらの状態を適用できる要素がいくつかあります。
Button
Heading
Tabs
Accordion
Icon
…
設定方法
例として「Button」要素を見てみましょう。
ステップ1: 「Button」要素を選択します。スタイリングタブをクリックします。
ステップ2: Mouse over state(またはSelected/Active state)を選択します。
ステップ3: スタイリングタブのオプションを使用してボタンを設定します。
以下の手順に従ってください:
ステップ1: 問題が発生しているページを開きます。左下のサイドバーにある「Add custom code」アイコンをクリックします。
ステップ2: これらのコードのいずれかを追加します。
ステップ3: ページを保存して公開します。
もっと知りたいですか?以下のビデオチュートリアルをご覧ください。
背景と要素の両方にグラデーションカラーを追加できます。そのためには、以下の手順に従ってください。
ステップ2: 色を調整した後、「Copy to Clipboard」ボタンをクリックします。
ステップ3: 背景にグラデーションカラーを追加する:コピーしたCSSコードをスタイリングタブのCSSコードセクションに貼り付けます。
要素にグラデーションカラーを追加する:
ステップ1: 追加したい要素をクリックします。
ステップ2: 一般タブで、属性セクションまでスクロールします。
ステップ3: 「HTML class」に「gradient」と入力します。
ステップ4: 左下のツールバーで、「Add custom code」アイコンをクリックし、以下のコードを貼り付けます。
PageFlyを使用すると、ストアの様々なページに統合できる再利用可能なセクションを作成できます。
ステップ1: 保存したいセクションにカーソルを合わせ、「Save section」を選択します。
ステップ2: セクションを未公開として保存します。
ステップ3: 左側のパネルに移動し、「Sections」をクリックし、名前を付けたセクションをクリックして、公開するのを忘れないでください。
ステップ4: 再利用したいページのセクションの右上にある「+」アイコンをクリックし、「Saved」を選択します。
ステップ5: 好みのセクションを選択します。
セクション名を変更する方法は2つあります。
一般タブから変更する:
一般タブから「Attributes」セクションまでスクロールし、「More settings」をクリックします。
ページコンテンツから変更する:
ページコンテンツで選択したセクションの三点リーダーアイコンにカーソルを合わせてクリックし、「Rename」を選択します。
詳細については、この記事をご覧ください:
ステップ1: グラデーションカラーのCSSコードを選びます。そのためには、にアクセスしてください。
ビデオチュートリアル:
ビデオチュートリアル:
マニュアル: