テーマCSS編集機能について

テーマCSS編集機能は、テーマに使用されているCSSを自由に編集・上書きする機能です。
要素・文字のサイズや色を詳細に設定したり、レイアウトを変更できます。
※入力したコードによっては、ペライチの他の機能と干渉しうまく動作しない場合があります。入力したコードの詳細についてはサポートしていません。
ビジネスプラン・プロフェッショナルプランのご契約でご利用いただけます

設定方法

  1. 編集ページの左側メニューにある「テーマ変更」をクリックすると、下段に「テーマCSS編集」が表示されるのでクリック。
    ※テーマ変更を選択した際に表示されます。
    スクリーンショット 2023-12-15 14.19.19.png
  2. テーマCSS編集画面が表示される。
    テーマCSS編集1212.png

編集方法

  1. 水色の「追加する」ボタンをクリックする。
    テーマCSS1212②.png
  2. CSSのファイル名を設定し、保存する。___________-_2023-05-30T140832.609.png
  3. 追加したCSSファイル名をクリック。
    テーマCSS1212③.png
  4. CSSの編集画面が開く。__________2022-04-19_21.45.05.png
  5. 編集画面右側の「ベーステーマを選択▼」をクリックして、お好みのテーマを選択し「設定する」をクリック。
  6. 選択したテーマのCSSが表示されたら、編集する。__________2022-04-19_21.55.45.png
    テーマを選択せずCSSを白紙の状態から記述することも可能です。
    テーマ編集CSS1212④.png
    ※CSSに関するサポートは行っておりませんのであらかじめご了承ください。
  7. 編集・記述が完了したら右側の「保存」をクリックして内容を保存。___________-_2023-05-30T141254.653.png
  8. 作成したCSSファイルは「有効」(ボタンを水色)にすることで適用される。
    タイトルなし12121.png
  • CSS編集機能で作成したCSSを有効にした場合、テーマ変更で選択していたテーマのCSSは解除されます。
  • 複数のCSSは同じページに適用できません。
  • 自作のCSSは別のページに適用できません。

注意点

「テーマCSS編集」は上級者向けの機能です。CSS(Cascading Style Sheets)について予備知識がある方を対象にしています。
誤った内容のCSSを利用するとページがうまく表示されない可能性がありますのでご注意ください。