fuku
フォーラムへの返信
-
投稿
-
石川様
ご返信ありがとうございます。
スクリーンショットを添付しました。
これはグリッドカラムカードブロックをコピペ（2回）しただけの状態です。
親カラムを作って中に入れているのではなく、そのまま「＋」で段落を出してペーストしています。幅の指定をしないままだと、
タブレットサイズが2個1個の繰り返しになってしまう状態です。うなこ様
ご返答ありがとうございます。
追加CSSで、一番上から表示することができました！「iOS 固定背景」でも調べてみたのですが、
サンプルCSSを試しても反応せず…。こちらは時間のあるときに改めて勉強することにして、
今回はiphonのみ繰り返し表示させる方法にします。いつもありがとうございます。
とても助かります！うなこ様
ご返答ありがとうございます！
ご教示いただいたカスタムCSSのコードで、アイフォンだけ繰り返し画像にすることができました。
ただ、一番上が、画像の途中から始まってしまいます。
画像の天辺から表示されるように調整することは可能でしょうか。（自分で書き換えができなく、すみません…）
石川様 対馬様
ご返答をありがとうございます！石川様にご教示いただいたCSSで、サイズの変更ができました。
また、対馬様のご提案下さった方法を参考に、
ナビメニューの中身をぜんぶVKアコーディオンで作り変えることにしました。ナビメニューの中身をすべてウィジェットだけで構成することが出来なかったので、
一番上の「home」だけメニューに残し、
その下に「モバイルナビ下部ウィジェット」で、残りの項目を作成する方法をとりました。「home」は石川様にご教示いただいたCSSを参考に、
サイズや文字位置などを調整し、ウィジェットのボタンと統一させました。ボタン間の隙間がまだ調整できずにいますが（隙間広すぎ…）、
「親ボタン（診療案内）のどこをタップしても、子メニューが下りてくる」という目的は達成できました。でもSEO対策としては、このようなやり方は、あまり良くないのでしょうか…。
対馬様が添付してくださったサンプル画像が、ものすごく有難かったです。
すみずみまで表示を見て、何を使って、どこで調整できるのか、理解することができました。
ご親切に作成して下さって、本当にありがとうございます。便利なVKブロック類も、まだ把握しきれていないので、教えていただいてとても助かりました。
WordPressでの本格的なサイト制作の1本目で、奮闘しています。
また質問させていただくと思います。
どうぞよろしくお願いいたします。石川様 対馬様
ご返信をありがとうございます。
解釈が難しい問合せの文章になってしまったようで、申し訳ありません。対馬様のおっしゃる通りで、閲覧者がメニューからダイレクトに診療科目の案内ページに飛べるようにしたかったのです。
新しいご提案をありがとうございます。診療科目はぜんぶで11科目あり、トップページ内にはそれぞれの固定ページに飛べるボタンを11個設置しているのですが、メニューの方から飛ぶには「診療科目」という名前でまとめたボタンの中にアコーディオンで入れ込む、という方法をとっていました。
また、モバイル下部には「スクロールすると横からでてくるCTA」で電話番号を固定表示させているため、上部に全ての科目のボタンを固定で設置するのも画面が狭くなるので難しく…。
アコーディオンのリンクの範囲を広げるのが、大がかりなカスタマイズになるとは思っていなかったので、残念です。
ハンバーガーメニュー内の文字を大きく、行の高さを広くすることも難しいでしょうか？
開発者ツールで調べて、CSSで背景色を変えることはできたのですが、行の高さの調整と文字サイズを反映させることができませんでした（お恥ずかしながら初心者です）。
ご教授いただけると有難いです。
石川様
いつもお世話になっております。
ご返信ありがとうございます。サンプルサイトの場合、
例えば
「サービス案内」（親・固定ページあり）
「サービスの流れ」（子ページ）
「よくあるご質問」（子ページ）という構成になっていて、
「サービス案内」の文字（および余白）の部分をタップすると親の固定ページに飛び、
右端の「V」をタップすれば子ページに飛ぶようになっています。私の制作しているサイトの場合、
「診療案内」（親・固定ページなし）
「一般診療」（子ページ）
「小児歯科」（子ページ）のように、メニューの名前のページ（親）が存在しなくて、
カテゴリー分けした子ページのみになっており、
「診療案内」の行の「V」の真上をうまくタップしないと、アコーディオンが下りてこなくて、
少しでも「診療案内（＋余白部分）に触れてしまうと、メニューが閉じてしまいます。※最初の質問時、“「V」以外に触れるとトップページに飛ぶ”とお伝えしましたが、どこからもトップページに飛ぶわけではなく、開いていたページに戻る（ハンバーガーメニューが閉じてしまう）という状況でした。すみません。
なので改善したい点は、「診療案内」（余白部分と「V」も含め）の行のどこをタップしても、
アコーディオンが下りてくるようにしたいです。アコーディオンが下りて表示される子ページ、および子ページのない親ページのメニューは、
行全てがそのページにリンクされています。
アコーディオンを表示させるのも、そのようにしたいです。あと、行自体も高さを広げ、文字を大きくしたいです。
若者から年配の人まで見ていただきたい医療サイトなので、
アクセシビリティに対応できるよう、お力添えいただけると有難いです。よろしくお願いいたします。
石川様
お世話になっております。
早速のご回答をありがとうございます。補足の
「* カスタム投稿タイプアーカイブページは自動で生成されるので、固定ページ自体作る必要はありません。」がヒントになり、思い通りの設定ができました。
ありがとうございます！〈やりなおした手順〉
1.「投稿」は、最初に設定した通りに戻す。（空の固定ページ作成・表示設定で「投稿ページ」に指定）2.「カスタム投稿タイプ設定」で「Column」を作成。
3.カスタマイズから「ウィジェット」→「サイドバー（Column）」で最近の投稿やカテゴリー、アーカイブなどを設置。
以上でそれぞれの見出しやページ内容がくいちがうことなく設置できました。
動画は最初の設定時に参考にさせていただいていたのですが、もともとの「投稿」と「カスタム投稿」との関係性がどうなるのかが分からず、難しく考えてしまっていました。
なお、アドバイスいただいたとおり、スラッグ名は「column」に変更しましたが、この言葉は問題ないでしょうか。
ｍｋ様
ご返信ありがとうございます。状況をだいたい理解できました。
ご提案いただいた左に移す方法など、いろいろ試してみたいと思います。
（リストビューは初めて知った機能なので、他に応用できそうで助かります！）ありがとうございました。
石川様
ご返答ありがとうございます。開発者ツールでセレクタを調べて、「追加CSS」に
.page_top_btn {
bottom: 15%;
}を追記することで、ボタンを上に移動させることはできたのですが、
デバイスやブラウザによって少しかぶったり、隙間ができたりしてしまいます。bottomで％の数字指定をする以外に、ちょうどよくブロックの上に乗っかって表示される方法があればと思ったのですが…。
ご返答ありがとうございます。
リストビューを開いたのですが、トップへ戻るボタンの固定表示が見つけられません。
（他の固定表示を開いてみて、右のサイドバーで位置を変えられることはわかりました！）トップページのリストビューの中に、トップへ戻るボタンの固定表示は入っていますか？
