-
投稿者検索結果
-
2022年6月13日 11:38 AM #106290
返信が含まれるトピック: カテゴリーページ表示のエラーについて
こちらでも再現できないのでちょっと試してみてもらいたいのですが、
/snow-monkey/Framework/Helper.php
の$breadcrumbs_items = static::get_breadcrumbs_items();
を
$breadcrumbs_items = static::get_breadcrumbs_items(); var_dump( $breadcrumbs_items );
に変更して、エラーが出るページを開いたときに、画面にはどのような値が出力されますか?
♥ 0Who liked: No user2022年6月13日 1:25 AM #106279返信が含まれるトピック: カテゴリーページ表示のエラーについて
Uncaught TypeError: array_key_exists(): Argument #2 ($array) must be of type array
のエラーが出ているので、PHPのバージョンが関係しているのかなと思ってローカルで試してみたんですが、自分の環境では特にエラーは出ませんでした。
何かプラグインを追加したりされていますか?♥ 0Who liked: No user2022年6月13日 12:30 AM #106277返信が含まれるトピック: 全ページ(1カラム構成)にPC・スマホともに追従ボタンを表示させたい
参考CSS(サイトに合わせて書き換えてください・#block-idはデベロッパーツール等で確認してください)`
#block-id { position: fixed; top: 190px; right: -2px; z-index: 1; } #block-id .c-container { padding: 0; } #block-id .smb-buttons { flex-direction: column; } #block-id .smb-btn { writing-mode: vertical-rl; text-orientation: upright; }
2022年6月12日 10:54 AM #106247返信が含まれるトピック: 全ページ(1カラム構成)にPC・スマホともに追従ボタンを表示させたい
Olein_jpさま
詳しくご教示いただきありがとうございます!
>必然的にPHPを使わざるを得ない形になってしまいます。
やはりそうなんですね。
ある程度覚悟はしていたのですが、学習に要する労力を考えて躊躇しておりました。今回の課題が一歩進むための良い機会なのかもしれません。
PHP、JSともに勉強してみようと思います!>wp_footer などにフックで差し込みたいHTML構造を出力する
>各デバイス向けにCSSスタイリングするなんとなくイメージできるかな?というレベルですが、がんばってみます。
大変ありがとうございました!♥ 0Who liked: No user2022年6月12日 9:02 AM #106244返信が含まれるトピック: 全ページ(1カラム構成)にPC・スマホともに追従ボタンを表示させたい
・プラグインをあれこれ調べたが少し違う感じ
Blog Floating Button
Q2W3 Fixed Widget など
PHPなどほとんど素人なので、どうすれば良いか困っております。ご存知の通り、1カラムレイアウトではサイドバーはないのでウィジェットエリアの追従サイドバーは利用できませんね。仮に利用できるレイアウトを採用したとしても、サイドバー部分になるので目指しているサイトのような表示にはなりにくいでしょう。
目指されているサイトを拝見すると、スマホでは下部、PC等では右端にボタンが追従する形になっているようですね。
プラグインで解決できるものが他にあるか僕はわかりませんが、僕自身が実装するとなるとPHPでフックで構造を差し込んで作る方が早いとなってしまいます。ですので、必然的にPHPを使わざるを得ない形になってしまいます。
参考までに流れを簡単にご紹介すると、
-
wp_footer
などにフックで差し込みたいHTML構造を出力する - 各デバイス向けにCSSスタイリングする
となります。上記の流れはボタンを押したらアンカーリンクが動作するということを想定しています。ですので、クリックしたら何かしら動作をするようなことをしたい場合(右側から左に向けてアニメーションさせながら何かしら表示させるとか)には、加えてJSを書く必要があるかと思います。
参考までにどうぞ。
2022年6月10日 4:32 PM #106185返信が含まれるトピック: ヘッダーにアイコンを設置してFloat表示させたい
2022年6月10日 3:46 PM #106178返信が含まれるトピック: カテゴリーページの説明文の位置を変更したい
2022年6月9日 4:51 PM #106119返信が含まれるトピック: 投稿ページのページタイトルを非表示にしたい
2022年6月9日 4:34 PM #106115返信が含まれるトピック: 投稿ページのページタイトルを非表示にしたい
Safariをお使いのようですのが、Webインスペクタ(検証ツール)は活用されてますか?
該当箇所のクラス名などは簡単に探せますのでご活用されてみてはいかがでしょうか?使い方例
2022年6月9日 4:05 PM #106111返信が含まれるトピック: カテゴリーページの説明文の位置を変更したい
TwentyTwentyOne ではちゃんと正しい
term_id
が入るので、Snow Monkey 固有の問題っぽいです。引き続き調査します…。♥ 0Who liked: No user2022年6月9日 3:52 PM #106110返信が含まれるトピック: 投稿ページのページタイトルを非表示にしたい
ご返信ありがとうございます。
はい、仰る通りです。固定ページのタイトルは
.page .c-entry__header{ display: none; }
で消せて、投稿ページのタイトルは
.single-post .c-entry__title { display: none; }
で消せているのですが、私がしたかったのは、記事一覧のページです。(親カテゴリも子カテゴリも)これをすっかり後者のCSSで消せると思っていました…すみません。
教えて下さい。
♥ 0Who liked: No user2022年6月9日 3:41 PM #106107返信が含まれるトピック: カテゴリーページの説明文の位置を変更したい
term_description()
の説明を見ると、引数が未指定のときはget_queried_object()
がタームとして使用されるようになっているようです(category_description()
も同様)。で、僕も今まで気づいていなかったのですが、なぜか親カテゴリーのときも子カテゴリーのときも
get_queried_object()
が返すterm_id
が親カテゴリーのものになってしまうようです。WP_Term
について詳しくないのですが、これが正しい挙動なんですかね…?もしそうだとしたら
term_description()
は引数を指定して使うようにしたほうが良いと思うのですが、子カテゴリーのterm_id
をどうやったら取得できるのかがわからないのでちょっと調べてみます。♥ 0Who liked: No user2022年6月9日 1:35 PM #106093返信が含まれるトピック: カテゴリーページの説明文の位置を変更したい
ありがとうございます。
以下のように記述してみました。
add_filter( 'snow_monkey_template_part_render_template-parts/common/page-header', function( $html ) { // 固定ページのとき if ( is_category() ) { // ページヘッダータイトルの下に <div>抜粋</div> を追加 $html = preg_replace( '|(<h1 class="c-page-header__title">.*?</h1>)|ms', '$1' . '<div>' . category_description() . '</div>', $html ); } return $html; } );
私の説明不足だったのですが、以下のようなカテゴリーになっており、
親カテゴリー 子カテゴリーA 子カテゴリーB 子カテゴリーC
子カテゴリーに説明文を入力しても親カテゴリーの説明文が表示されてしまいます。
何度もお手数おかけして申し訳ありませんが、よろしくお願いします。
♥ 0Who liked: No user2022年6月9日 1:15 PM #106090返信が含まれるトピック: 投稿ページのページタイトルを非表示にしたい
2022年6月9日 12:11 PM #106083返信が含まれるトピック: カテゴリーページの説明文の位置を変更したい
こちらのトピック(回答)が参考になると思います。
is_page()
をis_category()
get_the_excerpt()
をcategory_description()
にすると表示ができると思います。カテゴリーの編集画面で説明の箇所にテキストを入れているのですが、通常だとヘッダーの下と記事の間に説明文が表示されると思います。
デフォルトで表示される説明は、フックで消すこともできると思いますが、CSSで非表示にするのが簡単です。
.p-term-description { display: none; }
お試しくださいませ。
♥ 0Who liked: No user -
-
投稿者検索結果