-
検索結果
-
キタジマさん
さっそくありがとうございます。
ちなみにショートコード化はこんな感じのものを使いまわしています。
add_shortcode( 'current_year', function ($atts) { $born = $atts['born'] ?? ''; if ($born && preg_match('/^\d{8}$/', $born)) { $birthdate = DateTime::createFromFormat('Ymd', substr($born, 0, 8)); $current_date = new DateTime(); if ($birthdate < $current_date) { return $birthdate->diff($current_date)->y; } } return ($born && !preg_match('/^\d{8}$/', $born)) ? '-' : date('Y'); } );
[current_year]なら現在の年
[current_year born="19XX0000"]8桁の年月日が入ったら経過年（創業から●年、●歳など）
[current_year born="19XX"]誤った記述の場合は「-」Who liked:
ご返答ありがとうございます。
>パネルの下の方に「記事一覧の各項目に公開日を表示する」というチェックマークがあると思うので、それにチェックを付けてみてください。
この部分がスクロールしても表示されないのですが、何か設定が必要でしたでしょうか。
テーマ、プラグインのバージョンは、一度最新のものをダウンロードしているので、間違いないと思います。
>ニュースページ設定→ビューテンプレートで「投稿のビューテンプレート」にして表示していたのであれば、こちらの環境では表示されました。
関連記事ですが、こちらも添付いただいたのと表示が異なるようなのです。日付は表示されないです。
プラグインでCPT UIを使用していますが、こちらの設定で何か問題あるのは考えられますでしょうか？
Who liked: No user先月・先々月あたりのアップデートでその辺りに変更が入っているのでその影響だと思います。「ビューテンプレート」が「投稿のビューテンプレート」の場合は日付がでていたと思うのですが不具合のようです。
とりあえずですが、カスタマイズ→デザイン→ニュースアーカイブページ設定で、パネルの下の方に「記事一覧の各項目に公開日を表示する」というチェックマークがあると思うので、それにチェックを付けてみてください。
他に該当箇所として確認できているのは、カスタム投稿タイプの関連記事も表示されなくなっていました。
カスタム投稿タイプの関連記事はどのように表示していましたか？ニュースページ設定→ビューテンプレートで「投稿のビューテンプレート」にして表示していたのであれば、こちらの環境では表示されました。
Who liked: No user拝見したところ、
my-snow-monkey/style.cssに書かれている* { overflow-x: clip; }が悪さをしているようです。
リストのアイコンがネガティブな数値で設置されているので、そのせいかと思います。
引き続きoverflow-xを使用されるようなら、リストは除いたほうが良いと思います。Who liked:
GONSY様 キタジマ様
ご回答ありがとうございます。
JavaScriptとフック利用でやる形なんですね。
まだ詳しくは理解できていないので、自分でも調べながら実装してみたいと思います。また何かございましたら質問させて頂ければと思います。
Who liked:
CSS で調整するのが一番簡単かなぁと思いますので、とりあえずトップページを「オーバーレイ（上部固定/背景白）」になるようにしてもらって、下記の CSS を追加してみてください。
/* 1024px 以上のとき */ @media (min-width: 1024px) { /* 最後から2番目がグローバルナビゲーション。非スクロール + トップページのときは強制的に消す */ [data-scrolled="false"] .home.page .l-1row-header .c-row__col:nth-last-child(2) { display: none !important; } /* 最後がハンバーガーボタン。非スクロール + トップページのときは強制的に表示する */ [data-scrolled="false"] .home.page .l-1row-header .c-row__col:last-child { display: block !important; } }Who liked:<div class="l-center-header" data-has-global-nav="true"> <div class="c-container"> <div class="u-invisible-md-down"> ..... </div> <div class="l-center-header__row"> ..... </div> <div class="l-center-header__row u-invisible-md-down"> ..... </div> </div> </div>サイトを拝見したところ、該当箇所はこんな感じのHTMLになっていますので、
flexbox＋orderプロパティで表示順は変えられると思います。.l-center-header > .c-container { display: flex; flex-direction: column; } .u-invisible-md-down { order: 1; } .l-center-header__row.u-invisible-md-down { order: 2; } .l-center-header__row { order: 3; }Who liked:
』
