[tomohanano]

【お使いの Snow Monkey のバージョン】12.0.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】ローカル環境

### 実現したいこと

添付画像のような2カラムのデザインを実現させたい。

### 発生している問題

・使うべきブロックがわからない

・テキストとアイコンを併記させる方法がわからない

### 試したこと

・パネルブロックを試してみたが、上手くいかなかった。

タイトル部分の表示はCSSでどうにか出来そうな気もしますが、
テキストとアイコンの併記は特に分かりませんでした。

ご教示くださますようお願い申し上げます。

♥ 0

いいねをした人: 居ません

[Olein_jp]

Snow MonkeyとSnow Monkey Blocksを普通に使う形では実現は難しいと感じます。また、ここはSnow Monkey公式フォーラムですので、アドバイス差し上げることが適切かどうか判断が難しいので、個人的な実現イメージだけ共有しておきますね。

@キタジマタカシ 氏　不適切であれば削除していただいて大丈夫です。

色々なアプローチが存在すると思いますが、僕の思いつきアイデアを共有します。

### 発生している問題

・使うべきブロックがわからない

・テキストとアイコンを併記させる方法がわからない

使うべきブロックですが、方法の一つとして「カラムブロック」でも良いかもしれません。よりカラムブロックを管理したい場合には、外側にグループブロックでラップしてCSSクラスを付与しても良いでしょう。

「テキストとアイコン」ですが、こちらはグループブロックでラップしてCSSクラスを付与し、見出しブロック（CSSクラス付与してスタイル追記）とカスタムHTMLブロックor画像ブロックでアイコンを配置してposition: absolute; でコントロールする感じでしょうか。

♥ 2

いいねをした人: 居ません

[キタジマ タカシ]

僕もオレインさんと同じで、カラムブロックですかねー。画面サイズで細かくカラム数を指定したいなら項目ブロックか。中身のデザインが Snow Monkey を使うことを特に想定されたものではないと思うので、中身については僕ならカスタム HTML ブロックで独自に HTML を書いて CSS を当てると思います。

♥ 1

いいねをした人: 居ません

[tomohanano]

オレインさん、キタジマさん

アドバイスいただき、ありがとうございました！

試してみた結果、カラムブロック×カスタムHTMLで実現可能であると判断しました。

そもそもの基本を忘れてしまっていましたが、今回の件に限らず、デザインがSnow Monkeyの仕様を想定していない場合でも、カスタムHTMLを使うことで基本的にはなんなく対応できそうですし、何よりも「開発のベースとしてSnow Monkeyを利用すること」が、如何に開発効率を高めてくれるか？を実感することができました。

おふたりの親切丁寧なアドバイスには、真剣に御礼申し上げます。

この質問はおかげさまで解決いたしましたので、ここで閉じさせていただきますが、今後も質問することが多いと思いますので、引き続きよろしくお願いいたします。

♥ 1

いいねをした人: 居ません

[投稿者]

投稿