圧倒的な使い心地を追求するWordPressテーマホームHOMEアップデート情報このページでは、WordPressテーマ「SWELL」のアップデート情報に関する記事をまとめています。WordPressテーマ「SWELL」の基本的な設定についての記事一覧ページです。2019.07.10記事上のウィジェットエリアこの記事では、SWELLのエディタで使用できるデザイン実装機能について解説していきます。今回はその中でも「ボタン装飾」に焦点を当てて解説していきます。クラシックエディター・ブロックエディターのどちらからも、簡単にボタンを設置できますので、ぜひご活用ください。実際にどのようなボタンが使用できるのか、最初に見ていただこうと思います。「ブロックの追加」ボタンをクリックし、「SWELLブロック」のタブの中から「ボタンブロック」を選択してください。「ボタンブロック」を選択すると、下の画像のように、グレーのノーマルボタンが挿入されます。画像の説明ボタンに表示するテキストを入力ボタンのリンク先のURLを入力ボタンのデザインを選択ボタンの色を選択リンク先を新しいタブで開くかどうかの設定クラシックエディターの場合ツールバーの「スタイル」>「ボタン装飾」から、使用したいボタンを選択します。すると、以下のように点線枠で囲まれたボタンエリアが挿入されます。このエリア内でリンクを作成することで、ボタンとなります。エリア内にテキストを入力し、リンクを挿入テキストを入力した状態で「リンクを挿入」ボタンを使用するか、URLをコピーした状態でペーストするとリンクを作成できます。リンクが作成されると、以下のようにボタンが出現します。あとはURLを入力して完了ですツールバーが1段しか表示されていない場合ツールバーが1段しか表示されていない場合は、1段目の一番右にある「ツールバー切り替えボタン」をクリックすると全ての段が表示されます。ツールバー切り替えボタンボタンのデザイン設定SWELLで使える装飾ボタンは、カスタマイザーから「丸み」と「色」を設定できます。「外観」>「カスタマイズ」>「投稿・固定ページ設定」と進むと、「装飾ボタンのデザイン」という項目が下の方にあります。それぞれ好みの色合いに設定可能です。@ddryo_loos了SWELL開発者SWELLの開発者です。普段はフリーランスのフロントエンジニアとして活動しています。