【背景丸 PLUS for SWELL】公式マニュアル

SWELL用プラグイン背景に丸を表示する

「背景丸 PLUS for SWELL」

当プラグインは、WordPressテーマ「SWELL」専用の拡張プラグインです。

実際に使っている記事はこちら>>

専門的なCSSの知識がなくても、管理画面からの直感的な操作のみで、段落や見出しブロックに直接美しい背景丸や下線マーカーを適用できるように設計されています。

本マニュアルでは、プラグインのインストール手順から、実際のプレビューを見ながらの設定方法、記事への配置手順までを図解入りで順番に解説しています。

■ すでにご購入いただいた方へ
本ページの手順に沿って進めることで、スムーズに初期設定と背景丸スタイルのカスタマイズが完了します。実際の管理画面と見比べながら操作を進めてください。

■ ご購入を検討されている方へ
「設定の難易度」や「実際の操作画面」を事前にご確認いただけるよう、マニュアルを一般公開しております。ご自身の環境で使いこなせそうか、ご検討の材料としてお役立てください。

それでは、具体的な使い方を解説します。

\人気テーマ「SWELL」専用プラグイン/

【背景丸 PLUS for SWELL】

先着20名様限定・リリース特別価格

定価2,980円→特別価格1,980円

目次

ご購入前の注意事項・利用規約(必ずお読みください)

当プラグインをご利用いただくにあたり、以下の項目をご確認・ご了承くださいますようお願いいたします。

注意事項・利用規約(必ずお読みください)

動作環境と仕様について

  • SWELL専用の「非公式」プラグインです
    当商品はWordPressテーマ「SWELL」専用の拡張プラグインですが、ヒナテラスが独自に開発した非公式のサードパーティ製品です。SWELL開発元(株式会社LOOS)様とは一切関係ございませんので、本プラグインに関するお問い合わせをSWELL公式様へ行うことは固くご遠慮ください。なお、他のテーマでは動作いたしません。
  • 必須環境(システム要件)
    以下の環境での動作を推奨しております。(制作・動作確認時のバージョンです)
    • WordPress本体:バージョン 6.5 以上(最新版を推奨)
    • PHP:バージョン 7.4 以上(8.0以上推奨)

      ※極端に古いバージョンでは正常にデザインが反映されない可能性があります。セキュリティの観点からも、できる限り最新の環境にアップデートしてご利用ください。
  • ライブプレビューの表示について
    カスタムスタイル設定画面の「ライブプレビュー」機能は、デザインを直感的に視覚化するための目安です。レスポンシブデザインの特性上、お使いの閲覧環境(PC・スマホの画面幅、OSなど)や他のCSSとの干渉により、実際のページ表示とは若干の差異が生じる場合がございます。最終的なデザインは実際の表示画面をご確認の上、微調整を行ってください。
  • 他プラグインやCSSとの競合について
    お客様独自のCSSカスタマイズや、キャッシュ系・高速化系など一部のプラグインとコードが干渉し、デザインが正常に反映されない場合がございます。すべての環境での完全な動作を保証するものではありません。
  • バックアップのお願い
    万が一に備え、必ずサイトのバックアップを取得してからインストールを行ってください。当プラグインの使用により生じたサイトの不具合や損害について、当方は一切の責任を負いかねます。

サポートおよびアップデートについて

  • サポートの範囲
    プラグインの基本的な設定方法は当マニュアルにてご案内しております。明らかな不具合(バグ)のご報告は歓迎いたしますが、お客様固有の環境調査や、個別デザインのカスタマイズ(CSSの書き方など)に関するサポートは対象外となります。
  • アップデートと動作保証(現状有姿でのご提供)
    本プラグインはご購入時点での「現状有姿(そのままの状態)」でのご提供となります。可能な限りの不具合修正は行いますが、WordPress本体やSWELLの将来的なメジャーアップデートに対する「永久的な互換性・動作保証」をお約束するものではございません
  • 機能・デザインの変更
    プラグイン内のスタイル数やデザインの仕様は、より良いものにするため、予告なく追加・変更(統合)される場合がございます。

利用規約・著作権・返品について

  • 著作権と再配布の禁止
    本プラグインの著作権は、開発者(ヒナテラス)に帰属します。ご購入いただいたお客様が、当プラグインのファイルをそのまま、または改変して、第三者に再配布、転載、共有、販売する行為は固く禁止いたします。ご自身の制作代行サービス等で顧客のサイトに使用することは可能ですが、プラグイン単体を商品として二次配布することはできません。
  • GPLライセンスの適用について
    本プラグインのPHPコード部分についてはGPLライセンス(Ver2.0以降)を遵守しております。ただし、画像素材、デザイン要素、ドキュメントについてはGPLの適用外となり、当方の許可なく複製・転用することはできません。
  • 返品・返金について
    商品の性質上(デジタルコンテンツ)、ご購入後のキャンセルおよび返金は原則としてお受けできかねます。環境要件等をよくご確認の上、ご購入をお願いいたします。

カスタムパターン(全4枠)の設定方法

「背景丸・下線カスタム設定」について解説します。

全4パターンのデザインを、管理画面から完全に独立してカスタマイズできます! 登録したスタイルは、記事作成エディターのスタイルパネルからワンクリックで呼び出し可能です。

設定方法

WordPress管理画面の左メニューに追加された 「背景丸 PLUS」 をクリックして設定画面を開きます。

各パターンの数値を変更し、お好みのデザインに仕上げます。

上部にあるライブプレビュー画面を見ながら設定してください。

4つまで登録できるので、H2用・H3用と用途を決めてサイズやカラーを設定すると良いでしょう。

PC用とスマホ用でテキストサイズを設定できるので、とても使いやすいプラグインになっています。

実際に使っている記事はこちら>>

■ ライブプレビューの表示について
管理画面の「ライブプレビュー」機能は、デザインを直感的に視覚化するための目安です。レスポンシブデザインの特性上、お使いの閲覧環境(PC・スマホの画面幅、OSなど)や他のCSSとの干渉により、実際のページ表示とは若干の差異が生じる場合がございます。最終的なデザインは実際の表示画面をご確認の上、微調整を行ってください。

エディター画面での使い方

実際の記事作成エディターで装飾を適用する手順を解説します。

管理画面で設定したカスタムスタイルは、SWELLの標準ブロックエディターに完全連動しています。

記事の編集画面での使い方

  1. 記事の編集画面を開き、対象の「段落ブロック」「見出しブロック」を選択します。
  2. 画面右側の設定サイドバーにある 「スタイル」 パネルを開きます。
  1. スタイル一覧に表示されている「背景丸 1〜4」の中から、お好きなものをクリックするだけで装飾が反映されます!

プラグインのインストール方法

購入の手続き後、ZIPファイルがダウンロードできます。 まずは、ダウンロードしたZIPファイルをWordPressにインストールしましょう。

  1. WordPressの管理画面から 「プラグイン」>「プラグインを追加」 をクリックします。
  2. 画面上部の 「プラグインのアップロード」 をクリックします。
  3. 「ファイルを選択」ボタンを押し、ダウンロードしたZIPファイルを選択して、「今すぐインストール」 をクリックします。
  1. インストールが完了したら、「プラグインを有効化」 ボタンをクリックします。

これで準備は完了です!

プラグインのアップデート方法

不具合修正や新機能(サイズ初期化の独立化など)が追加された新しいバージョンのZIPファイルを配布する場合があります。 最新版がリリースされた際の更新手順です。

  1. 最新のZIPファイルをダウンロードします。
  2. WordPress管理画面の「プラグイン」>「新規追加」>「プラグインのアップロード」を開きます。
  3. 新しいZIPファイルを選択し、「今すぐインストール」をクリックします。
  4. 画面に 「アップロードされたもので現在のものと置き換える」 というボタンが表示されるので、それをクリックします。

これで最新版へのアップデートが完了です。

管理画面に設定していた背景丸や下線マーカーのカスタムデータが消えることはありませんのでご安心ください。

よくある質問

プレビュー画面やPC、スマホでそれぞれ丸の見え方や位置が少し違うのですが?

見る端末の画面サイズやフォント・改行位置に合わせて自動で調整されるレスポンシブデザインの特性上、管理画面上のライブプレビューと実画面でわずかな差異が生じる場合がございます。

プレビューはあくまで基準の「目安」としてご利用いただき、最終的には実際のスマホやPCの表示画面を確認しながら、数値を1px / 0.1em単位で微調整を行ってください。

設定値を変更・保存したのに、実際の記事に背景丸が反映されません。

お使いのブラウザや、インストールされているキャッシュ系プラグイン、サーバー側の高速化キャッシュ機能が古いスタイルシートを記憶している可能性があります。

一度キャッシュを完全にクリア(削除)してから、再度ページをリロードしてご確認ください。

プラグインをアンインストールした場合、過去に保存した設定データはどうなりますか?

当プラグインはクリーンアップ機能を搭載しています。WordPressのプラグイン画面から削除(アンインストール)を行うと、データベース内に保存されていた設定オプション(古いバージョンのデータも含めて)は完全に自動削除されます。

無駄なデータがサイトに残らないクリーンな設計です。

マニュアルを読んでも解決しない不具合・バグを見つけました。

ご不便をおかけして申し訳ございません。

明らかなシステム上の不具合と思われる場合は、【お問い合わせフォーム】より詳細をご報告いただけますと幸いです。(※お客様個別のCSSカスタマイズ環境に起因する不具合など、対象外となる質問にはお答えできかねる場合がございます)

ご購入はこちら

\人気テーマ「SWELL」専用プラグイン/

【背景丸 PLUS for SWELL】

先着20名様限定・リリース特別価格

定価2,980円→特別価格1,980円

この記事を書いた人

晴れの国岡山在住のフリーランスです。HP制作・管理・運用を格安で承ります。顧客が増えるHPを提案し共に成長させて頂ければ幸いです。

目次