メインビジュアルのモバイル表示
 
通知
すべてクリア

[解決済] メインビジュアルのモバイル表示

4 投稿
3 ユーザー
3 Reactions
57 表示
(@tabasachi)
投稿: 2
New Member
トピックスターター
 

はじめてのフォーラム利用です。メインビジュアルのモバイル表示についてご質問させていただきます。

メインビジュアルでタイトルや本文を左寄せに、画像の右半分には価格表などを含めた画像をのせたいと考えていますが、モバイル時にうまく表示ができません。

モバイルで見た時には、xwriteさんのxwrite.jpのメインビジュアルのように左半分、右半分を上下で表示させるにはどうのような設定が必要なのでしょうか。
(Xwrite.jpのトップイメージには、ボタンも2個ありますし、何か難しいカスタマイズが必要なのでしょうか。)

高さの設定なども試しましたが全くうまくいきません。アドバイスいただけるとすごく嬉しいです。よろしくお願いします。

XWRITEバージョン
2.9.9
WordPressバージョン
6.7.2
PHPバージョン
8.2.22
ガイドラインへの同意
フォーラムガイドライン」に同意します。
個人情報の記載に関する確認
個人情報の記載がないことを確認しました。
 
投稿済 : 2025年2月26日 4:06 PM
Y. INABA
(@yinaba)
投稿: 131
Estimable Member
 

@tabasachi さんへ。

構造を確認したのですが、結論から申し上げると「メインビジュアル」は使っておりません。
代わりに、添付画像のようなイメージで再現可能です。

※念のため、テンプレートは「記事タイトル無し」に変更しておいてください。

 

画像をご覧いただければお分かりのとおり、「セクション」「カラム」「ボタン」などのブロックを組み合わせて作られています。

いずれのブロックも、ブロックエディタ内で検索すると出てきますので、一度お試しいただいてもよろしいでしょうか。

何か疑問がございましたらご質問いただけますと幸いです。

 

この投稿は2週間前ずつY. INABAに変更されました

XWRITEがリリースされたときからのユーザーです。
現在、XWRITE利用者に向けた資料記事を少しずつ作成しております。
※回答は個人の見解によるもので、エックスサーバー様のご意見とは異なる場合がございます※

▼FAQ集(非公式です)
https://151en.com/wordpress/20250125/11552/

 
投稿済 : 2025年2月26日 6:26 PM
tabasachi reacted
(@tabasachi)
投稿: 2
New Member
トピックスターター
 

ご確認と丁寧な説明をいただき、ありがとうございました。

なるほど、

フロントページなのでメインビジュアルと思い込んでしまっていました。

ご教示いただいた方法をみますと、使い方次第でかなり色々好きなように配置できるんだと感じました。自分でも試しながら作成していきたいと思います。

お手間いただいき、ありがとうございました。

 
投稿済 : 2025年2月27日 4:06 PM
Y. INABA reacted
ito_h
(@ito_h)
投稿: 541
Honorable Member Moderator
 

@yinaba さま

作成手順を詳しくご教示いただきありがとうございました! 😊 

 

@tabasachi さま

固定ページをフロントページとしてセクションブロックを利用していただくか、

ウィジェットの「メインビジュアル下部」にブロックを追加していただくことでも作成できますので、

お試しいただけますと幸いです 😀 

ウィジェット設定 – XWRITE(エックスライト)

 

本トピックはクローズとさせていただきますので、もしその他ご不明な点などがございましたら

お気軽にトピックを作成していただけますと幸いです。

この投稿は2週間前 2回ずつito_hに変更されました
 
投稿済 : 2025年2月27日 7:19 PM
tabasachi reacted
共有: