会員サイトをリニューアルしました! 新サイトはこちら

SWELLウェブサイト「その他の主な特徴・機能」箇所の作成方法 < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

SWELLウェブサイト「その他の主な特...
 
通知
すべてクリア

SWELLウェブサイト「その他の主な特徴・機能」箇所の作成方法

5 投稿
3 ユーザー
7 Likes
1,352 表示
kazunoriiguchi
(@kazunoriiguchi)
New Member
Topic starter
 

お世話になっております。

些細な質問で申し訳有りませんが、SWELLウェブサイト「その他の主な特徴・機能」箇所と同じように作成する場合、ブロックエディターは「フルワイド」と何を使用してどのように作成していますか?

ご教示いただけますと助かります。
宜しくお願いいたします。

SWELL | シンプル美と機能性の両立 - 圧倒的な使い心地を追求するWordPressテーマ
https://swell-theme.com/

 
投稿済 : 15/02/2021 6:12 am
みさき@セブ島
(@misaki_cebu)
Estimable Member
 

※了さんじゃなくてすみません

 

classがwp-block-columnsになってるので、普通のカラムブロックで作られてそうですね^_^

4カラム(スマホ2カラム)の中に画像ブロックとpが2つ入ってるので、カラムブロックで4カラムを作る+スマホは2カラム設定→画像ブロックで好きな画像を挿入→段落ブログで太字+中央揃え→もう一つ段落ブロックで説明文の構造かと思います!

This post was modified 4年前 2回 by みさき@セブ島
 
投稿済 : 15/02/2021 7:48 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

みさきさんのおっしゃる通り、普通のカラムです!

タブレット・スマホ時に対してはCSSでちょっと列数などはいじっていたと思います。

 
投稿済 : 15/02/2021 9:23 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

デベロッパーツールでなどでHTMLソース確認していただくと、どのブロック使ってるかは簡単に分かるので今後はぜひHTML覗いてみてください^^

コアブロックだと「.wp-block-〇〇」、SWELLブロックだと「.swell-block-〇〇」みたいなクラスが付きます!

 
投稿済 : 15/02/2021 9:27 am
kazunoriiguchi
(@kazunoriiguchi)
New Member
Topic starter
 

みさき@セブ島さん、了さん、早速ありがとうございます。参考にさせていただきます!

 
投稿済 : 16/02/2021 12:23 am
共有: