-
検索結果
-
GONSY様
ご返信ありがとうございます。
現在、フロントページのナビゲーションはページ内リンクに設定しています。
それとは別にブログのページを作りたいのですが、ヘッダーを表示させてしまうとフロントページ内のリンクにしているためどこにも飛ぶことができません。
なのでブログ一覧ページのヘッダーを削除したいのですが…
〈試したこと〉
■カスタマイズからページレイアウトをランディングページに設定する。⇒ヘッダーは消えるけど、パンくずリストとアイキャッチ画像が消えてしまう。
■ページレイアウトをランディングページに設定したまま、アイキャッチ画像をコンテツツの上にする。⇒ヘッダーは消えたまま。パンくずもない。アイキャッチ画像のサイズを変更したいがcontainerがあるためbackground-sizeがcoverにできない。
今試したことはこんな感じです。
理想は↓
このレイアウト（アイキャッチのサイズがcoverで、パンくずリストが表示されている）のままヘッダーだけ消すことができたらいいのですが…
伝わりますでしょうか？
よろしくお願いいたします。
Who liked: No userお世話になります。
以下のように、追記したら別タブ表示になりました。
ありがとうございます。add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary', function( $html ) { if ( is_search() ) { // 検索結果ページのみ // $html = str_replace( // '<a', // '<a class="fancybox image"', $html = str_replace( '<a', '<a target="_blank" rel="noreferrer noopener"', $html ); } return $html; } );Who liked:
お試しいただけるようで良かったです。
snow_monkey_template_part_renderは、こちらや
こちら
で解説されているように、テンプレート内容を書き換えることのできるフィルターフックです。
snow_monkey_template_part_render_以降のtemplate-parts/loop/entry-summaryは、下に記載したとおり、テーマ内の特定のテンプレートファイル（今回はentry-summary.php）を指しています。テーマ「Snow Monkey」
snow-monkey └template-parts └loop └entry-summary.phpこの
entry-summary.phpの<a href="<?php the_permalink(); ?>">に、target="_blank" rel="noreferrer noopener"を追加する方法になります。また、ご質問の見出し
サイト内検索の検索フォームの画像で検索されたものをクリックした時別タブで表示
とのことでしたので、検索結果ページ（
is_search()）にのみ作用するようにします。
例えば、この検索結果ページ以下のコードをmy-snow-monkey.phpに追記することで、お望みの動作になるとは思います。
ただ、提示しておいて言うのも無責任ですが、適切なコードでないかもしれませんので、ご理解いただいたうえでお試しください。add_filter( 'snow_monkey_template_part_render_template-parts/loop/entry-summary', function( $html ) { if ( is_search() ) { // 検索結果ページのみ $html = str_replace( '<a', '<a target="_blank" rel="noreferrer noopener"', $html ); } return $html; } );なお、ほかのページにある画像の拡大は、ソースコードを拝見したところ、Easy FancyBoxプラグインによるポップアップ形式になっているようなので、同じ動作をさせる場合には、上記コードの該当箇所を
$html = str_replace( '<a', '<a class="fancybox image"',としてあげると同じ表現になるような気がします。
※こちらは未検証です。以上となりますが、まずは一度お試しください。
Who liked:
charter-professionalがURL改装の中に表示される固定ページが絞り込めました。
ホームページ（charter-professional）が親ページになっている子ページを開いた場合にだけ、子ページのURL階層の中にcharter-professionalと言う文字列が表示されるようでした。
URLにcharter-professionalが表示されるページに対しては、パン屑リストに、ホームページのタイトルが重複して表示されておりました。
今回の原因は、ホームページを親ページとしてしまうと、その子ページを表示した場合にだけホームページの隠された？URLスラッグが見えてしまう為でした。
私が出来る対策は、ホームページは親子関係になる作りは辞める事ですので、これは自力で解決できそうです。
GONSYさんのお陰でヒントになりました。ありがとうございます。
ただ、知らずに来たことですが、そもそも、ホームページが親ページになる場合があってはならないのでしょうか？
Who liked:
GONSYさん、コメントありがとうございます。
そうですか、お互いに娘二人なんですね。
まだ未成年とのことですが、私の場合は本当に束の間の四人生活でした。
今のうちに娘さんとの思い出をたくさん作ってください。さて本題ですが、本当ですね。URLが意味不明ですね。
これは本来は人の目につくはずが無いURLです。
どうして、これが見えるのか？全くわからず、私はWordPressの使い方がわからなくなってきました。charter-professionalは、URLスラッグとして設定していた文字列ですが、ここで設定したURLスラッグが実際の運用で表示されるとは思っておりませんでした。
この固定ページをダッシュボードから
＞設定＞表示設定＞ホームページの表示
ここで、ホームページにcharter-professionalのページを指定することで、
扱えると理解してました。
実際に、他のページから見ると
こんな具合になっていて、charter-professionalというトップページの元々のURLスラッグは見えてこないのです。
今回の問題解決の鍵は、ホームページに指定したのにも関わらず、charter-professionalが表示されてしまう理由ですね。
Who liked: No userご指摘ありがとうございます！以後気を付けます！
検証ツールでclass名を確認し、
.l-header.l-header--left.l-header--sticky-overlay-colored-sm{ background : none; }を追加したのですが、それだけだと画面いっぱいに広がらずで、
.slide-image{ width: 100vw; height: 100vh; }を入れてみたのですがうまくいかず…
ちょうどご提示いただいているようなイメージを想定しております。おそらく私の知識不足が原因なので自分で解決します！
ご回答ありがとうございました。Who liked:
ちょっと気になったので差し支えなければ教えてください。
ご提示のURLhttps://momo-express.com/charter-professional/flow/ですが、/flowの親と思われるhttps://momo-express.com/charter-professionalだけにすると、トップページにリダイレクトされますが、どのようなページ構成になっているのでしょうか？関係ない話しを振ってしまいますが、素敵なご家族ですね〜。
わが家も娘がふたり（まだ未成年）なので、桃井さんに親近感がわきました(^^;）Who liked:
カスタマイズフォーラムなので、ご自身で試されたことも書かれたほうが良いと思います！
「こうやってみたけど、結果がこれで、ほかにアイディアはありますか？」のほうが、回答が得られやすいと思います。こちらのテストサイトをデベロッパーツールでCSSのみ調整しましたが、こんなイメージを想定されているのでしょうか？
そんなに難しくなく再現できる気がします。ここで得られたヒントから、自身で実現できたときの感動はなかなか良い体験になります♪
Who liked:
snow_monkey_template_part_render_template-parts/loop/entry-summaryあたりでいけそうですね。
該当の箇所が<a href="<?php the_permalink(); ?>">になっているので、str_replaceでtarget="_blank" rel="noopener"がつくようにすれば良いと思います。Who liked:
ヘッダーレイアウトを「1行」に設定した状態で・・・
add_filter( 'theme_mod_header-layout', function( $value ) { if ( is_front_page() ) { // トップページのみ return 'left'; } return $value; } );これでどうでしょうか？
試してみてください。Who liked:
