[上田 修司]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】9.0.1
【お使いのブラウザ】Chrome
【当該サイトのURL】https://bookwriter.co.jp

===

このWebサイトのトップページの卒業生一覧のグレーの背景が alignfull を指定しても反映されなくなってしまったので、一度古いバージョンに戻しておきたいです。

 

Ver8の最終版の入手方法を教えて下さいm(_ _)m

♥ 0

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

[キタジマ タカシ]

旧バージョンですが、不具合の修正なども含んでアップデートしているので、基本的には旧バージョンの配布はおこなっていません。なので Slack の DM でお送りしますね。

このWebサイトのトップページの卒業生一覧のグレーの背景が alignfull を指定しても反映されなくなってしまった

ちなみにですが、この alignfull は、テキストウィジェットに HTML を手入力する形で追加された感じでしょうか？

♥ 0

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

[上田 修司]

ありがとうございます。

alignfullはカスタムHTMLウィジェットで記述してます。

♥ 0

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

[キタジマ タカシ]

なるほどです。

v8 までは .alignfull はとにかく全幅になるようになっていたのですが、グループブロックなどのコアブロックと組み合わせたときに、エディター上では全幅にならない（グループブロックに閉じ込められる）のに実際の画面では全幅になる、という状況になっていました。そこで、v9 ではなるべくエディター上の表示と実際の画面の表示が同じになるように調整をいれたのですが、その影響で、独自に HTML を組んで .alignfull を使ったときに全幅にならないようになってしまったようです。

テキストウィジェットの場合は自分で .alignfull を入力したときでも全幅になるようにできないかテストしてみますね。

♥ 0

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

[上田 修司]

なるほど。

上阪徹のブックライター塾

「本を書く仕事」で生きて行く

bookwriter.co.jp

の様に、コンテンツ毎に色分けをするにはどんな実装方法が一番シンプルなんでしょうか？この場合は、白->グレー->白->グレーと色分けして、その境目をわかりやすくしています。

作ったのは、一昨年なので、キタジマさんのオススメ実装方法があればそれを踏襲したいです。

理由は忘れましたが、当時ココの実装まあまあ苦労して、ホームページ上部ウィジェット、トップページ固定ページ、ホームページ下部ウィジェットで色々と駆使して実装してしまっているので、シンプルに書き換えられるなら、そうしたいなって思ってます。

♥ 0

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

[キタジマ タカシ]

いまだったら、ブロックエディターでつくるのが一番簡単だと思います。

ホームページに割り当てた固定ページの編集画面で、Snow Monkey Blocks の「セクションブロック」を全幅にしたものをずらっと並べます。セクションブロックは右側のインスペクターから背景色が指定できるので、交互に白灰になるように色を設定していけば良いかと思います。

画像とテキストが左右にならんでいるのは「メディアと文章ブロック」を使うのがラクです。セクションブロックの中にメディアと文章ブロックを入れるイメージです。

スタッフ紹介のところはセクションブロックの中に項目ブロックが良さそうです。

おそらく、全体的に CSS で調整されていると思いますが、ブロックエディターでつくりなおすとウィジェットのときとクラスが変わるので、再調整は必要になるかなと思います。

♥ 0

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

[上田 修司]

ありがとうございます。

 

それで再実装してみます。

 

ありがとうございました！本件クローズしますね。

♥ 0

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

[キタジマ タカシ]

v9.0.2 でテキストウィジェットでも適用されるようにしてみました。まだ v8 に戻していないのであればアップデートしてみてください！

♥ 0

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

[投稿者]

投稿