-
検索結果
-
es:エスさん
ご教示くださってありがとうございます。
無事に実現できました。
CSSはこのようにしました※画面の各サイズで変更が必要です
.c-entry-summary__figure{ overflow:visible; } .lesson_list .c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(1){ transform:translate(75px,73px); } .lesson_list .c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(2){ transform:translate(130px,37px); } .lesson_list .c-entry-summary--lessons .c-entry-summary__figure span:nth-of-type(3){ transform:translate(212px,0px); }解決したのでトピックを閉じさせていただきます。
Who liked:
確かに
position調整する方式だと逆にややこしくなりそうですね…。一応フックを使ったやり方も考えてみたので共有します。add_filter( // template-parts/loop/entry-summary を書き換える 'snow_monkey_template_part_render_template-parts/loop/entry-summary', function( $html, $name, $vars ) { // 「シンプル」のときだけ実行 if ( 'simple' === $vars['_entries_layout'] ) { // カテゴリーラベルを取得して、各項目の最後に追加する。 ob_start(); \Framework\Helper::get_template_part( 'template-parts/loop/entry-summary/term/term', $name, array( '_context' => $vars['_context'], '_terms' => $vars['_terms'], ) ); $terms = ob_get_clean(); return str_replace( '</section>', $terms . '</section>', $html ); } return $html; }, 10, 3 );これで画像に重なって表示されるやつ（デフォルト）と、項目の最後に追加されたやつの2箇所にタームが表示されるようになります。この状態で画像上のタームは CSS で消して、最後に追加されたタームは CSS で位置調整すると
positionだけでやる場合よりも調整しやすいかなと思います。Who liked:akosanさん
positionは触ることなく、
.c-entry-summary__figureのoverflow: hidden;を打ち消した上で、.c-entry-summary__figure .c-entry-summary__termの各カテゴリのterm--category-slug-category等の位置をtopとrightに加えてtransformで指定すれば、親要素である画像上からはみ出させて画像のように並べることができましたので、お試しいただけたらと思います。ただすべての画面解像度で見え方をチェックした訳ではないため、参考としていただいて、適宜ご調整いただけましたら幸いです。
Who liked:
2つ方法を提示します。
フックで挿入する場合
入れたい場所は、オレインさんのサイトがとてもわかりやすいので、こちらを見てフックを探してください。
今回は仮にフッター上部付近のsnow_monkey_append_contentsとします。
My Snow Monkey（プラグイン）なら my-snow-monkey.php 、子テーマなら funstions.php に以下のようなコードを追記します。add_action( 'snow_monkey_append_contents', function() { if ( is_singular( 'post' ) ) { echo apply_filters( 'the_content', get_post( ' 再利用ブロックのID ' )->post_content ); } } );
ウィジェットで挿入する場合
再利用ブロックのショートコードを生成してくれるプラグインをインストール、有効化します。
↓以下は代表的なものこれらのプラグインは、再利用ブロック一覧にショートコードが発行されますので、ショートコードをコピーしてウィジェットに貼り付けます。
特定の条件で表示するには別のプラグインを使用してください。
未検証ですが、以下のようなプラグインで投稿ページのみにウィジェットを表示できるかと思います。頻繁に表示する場所を変えたりしないのであれば、前者のほうが良いかと思います。
お試しくださいませ。Who liked:
sususuさん
ご要望のイメージですと、パンくずリストを自由に配置させる方法も使えそうだなと思いました。
「My Snow Monkey」に下記コードを書き入れて、ショートコード [my_breadcrumbs] で記事中に配置する、という方法です。
add_shortcode( 'my_breadcrumbs', function() { ob_start(); \Framework\Helper::get_template_part( 'template-parts/common/breadcrumbs' ); return ob_get_clean(); } );アイキャッチ画像は使わず、セクションブロックやカバーブロックでお好みのように作成して、その下にショートコードで設置するとイメージに近い物になると思いますので、お試しくださいませ。
Who liked:
キタジマ様、お忙しい中ありがとうございます。
「アイキャッチ画像の位置」は「ページヘッダーの上にタイトルを表示」ですか？
はいその通りです。
固定ページには body に page-id-16497 のようなクラスがつくので、それを使って CSS で調整するのが簡単ではないですかね？
承知いたしました。このクラスに気付いてなかったためご教示ありがとうございます！
下記の画像のようなイメージに仕上げたいです。
ご教示いただけますと幸いです。
Who liked: No userお世話になっております、ご教示いただきまして、ありがとうございます。
上記していただいたコードでうまくエントリーカードにメタ情報とUlikeを表示することができました。
お忙しい中、ありがとうございました！
Who liked:
アイキャッチ画像を設定してメインビジュアルにしてタイトルの下くらいにボタンを追加したいです。（特定のページにのみ）
「アイキャッチ画像の位置」は「ページヘッダーの上にタイトルを表示」ですか？
それと、アイキャッチ画像でメインビジュアルを設定した場合、ページ毎でタイトルの位置を調整したりタイトルの色を変えることは可能でしょうか？
固定ページには
bodyにpage-id-16497のようなクラスがつくので、それを使って CSS で調整するのが簡単ではないですかね？Who liked:
