SWELL活用– category –
SWELLテーマ特有の便利機能やデザインテクニックをまとめたカテゴリーです。アニメーション、カスタムブロック、リスト装飾、ふきだし、ボックスデザインなど、サイトを一段と魅力的に仕上げる活用方法を紹介します。SWELLを最大限に使いこなしたい方に最適です。
-
SWELL活用
写真が活きる記事の作り方|画像・ギャラリー・カバーの使い方
はじめに 写真を使った記事は「伝わり方」が大きく変わります WordPress では、文章だけでなく「写真の見せ方」もとても大切です。 同じ写真を使っていても、 ただ貼り付けただけの写真 横幅いっぱいに広がる写真 数枚をまとめたギャラリー キャッチコピー... -
SWELL活用
記事の基本構成を作ろう|文章ブロックだけで記事は完成します
はじめに|これから初めてブロックエディターで記事を書く方へ WordPress を初めて触る方や、ずっとクラシックエディターで書いてきた方にとって、 「めんどくさ!なんでいちいちブロックを指定しなきゃいけないの?」 と感じるかもしれませんね。 感覚的... -
SWELL活用
(再編成)4-5-1-5.【SWELL裏ワザ】投稿リストなどのブロックをサイドバーに入れる方法|コード不要
この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。コードは書けないけど、投稿ページなどで使っているブロックの機能を、共通サイドバーなどに入れられないの?と質問があったのでお答えします... -
SWELL活用
(再編成)4-5-1-4.SWELLブロック・リッチカラムを使ってみよう
この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。Topページで採用したリッチカラムブロックの設定方法を解説しています。 固定ページの抜粋をトップページに載せる まず最初に、「教室紹介」「... -
SWELL活用
(再編成)4-5-1-3.アンカーを設置してジャンプ移動させる方法
この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。アンカー設置で目的の情報へすぐにジャンプする方法を解説しています。 イベントカレンダーへジャンプさせる方法 からだリズム体操教室(DEMO2... -
SWELL活用
(再編成)4-5-1-1.SWELLの着せ替え機能を使って簡単にHPを作る方法
この記事は4-5-1.SWELLで作る教室サイトのトップページ設計〈前編〉|着せ替えデザイン応用の抜粋・再編成です。SWELL公式HPでダウンロードできる着せ替えを使って、簡単にHPを作る方法を紹介します。 着せ替えデザインを導入する(SWELLデモデータの読み込... -
SWELL活用
5-5.固定ページの中身を作ろう|よくある質問(FAQ)の作り方
この記事では、SWELLのFAQブロックを使って“伝わるQ&A”を作る方法を紹介します。FAQページは、単に質問を並べる場所ではなく、“伝わっていない情報を整理する場所”として使うのがおすすめです。 SWELLのFAQブロックは使いやすく、カスタムも可能です。... -
SWELL活用
5-1.固定ページの中身を作ろう|アクセス(所在地説明)の作り方
この記事では、デモサイト「Boulangerie Mugi」を例に、アクセスページ(所在地・地図・営業時間)の作り方を解説します。 Googleマップの埋め込み方法から、営業時間・駐車場情報の書き方、道案内の工夫までを実際の構成でご紹介します。 Googleマップの...
1
