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

SWELLサイトトップページ内にあるSWELL専用ブロック一覧の作り方 < SWELLに関する質問

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

SWELLサイトトップページ内にあるS...
 
通知
すべてクリア

[解決済] SWELLサイトトップページ内にあるSWELL専用ブロック一覧の作り方

5 投稿
2 ユーザー
1 Likes
1,427 表示
inoko
(@inoko)
New Member
Topic starter
 

お世話になります。

SWELLサイト様の専用ブロック一覧の表示方法を参考に作成したいのですが、リンク付きブロックの作成方法が分からず困っていますので、ご教示いただけましたらさいわいです。

1.フルワイドで作成
2.1番下のボタン(SWELLのブロックエディターについて)はSWELLボタンで作成

までは分かったのですが、フルワイド・アコーディオン・ふきだしなどのリンク付きブロックの作り方だけがわからなかったです。カラムで作ってみてもうまくいかなくて...

パソコンでは6列2段、スマホでは3列4段で表示されているのが理想通りで素敵なのでぜひ作り方を知って生きもの図鑑の表記を同じように変更して作り上げていきたいです。
https://nagisahiroi.com/

よろしくお願いいたします。

 
投稿済 : 29/07/2020 3:49 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

画像ブロックにはデフォルト機能としてリンクをつけることができるので、それを使っています。

「パソコンでは6列2段、スマホでは3列4段」は、CSSを追加して調整しています!

 
投稿済 : 30/07/2020 12:51 pm
inoko
(@inoko)
New Member
Topic starter
 

@ryo様

お返事ありがとうございます。
画像ブロックにリンクを貼り付けて作ってみます。

それと、差し支えなければCSSはどのようなものを追加されたのか知りたいです。
全く知識がなくてCSSの想像が出来なくて...

 
投稿済 : 01/08/2020 9:22 am
了(開発者)
(@ryo)
Illustrious Member Admin
 

すみません、CSSでのカスタマイズは無料サポートの範囲外なので、のデベロッパーツールで確認していただければと...!

 
投稿済 : 02/08/2020 7:08 am
inoko
(@inoko)
New Member
Topic starter
 

@ryo

無料範囲外のことを聞いてしまいすみませんでした。それと、ヒントを教えて頂きありがとうございます。

調べながら挑戦してみます。

またわからないことがありましたらアドバイスをよろしくお願い致します。ありがとうございました!!

 
投稿済 : 03/08/2020 7:48 pm
共有: