フォーラムへの返信
-
投稿者投稿
-
このフックが効くのは一覧のレイアウトがリッチメディアのときになります。シンプルやテキストのときは効きません(そもそも全文字数表示されるため)。
シンプルやテキストで文字数制限するようなカスタマイズがされていたり、あるいはオリジナルのレイアウトになっている場合は、どうやって文字数制限をしているか調査して、方法に応じて対処する必要があると思います。
ちなみに今一覧のレイアウトは何になっていますか?
♥ 0いいねをした人: 居ません一応できるっちゃできるのですが、Snow Monkey Blocks のグリッドブロックは現状タブレット・スマホで設定を変えられないので、結局 CSS は書かなければいけなくなり、それならば、スライダーを2個入れておいて、Snow Monkey Editor のウィンドウサイズによるブロックの表示・非表示機能で適宜表示状態を設定したほうが簡単な気はします。
一応グリッドでブロックで試してみたので記録として残しておきます。
### ブロック
<!-- wp:snow-monkey-blocks/grid {"columnsOption":"columns","columns":2,"rowsOption":"free","gridTemplateRows":"auto 1fr","style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"className":"hogehoge"} --> <div class="wp-block-snow-monkey-blocks-grid smb-grid smb-grid--columns:columns smb-grid--rows:free hogehoge" style="--smb-grid--gap:var(--wp--preset--spacing--40);--smb-grid--columns:2;--smb-grid--grid-template-rows:auto 1fr"><!-- wp:image {"id":2846,"sizeSlug":"full","linkDestination":"none","smb":{"gridColumn":"1 / 2","gridRow":"1 / -1"}} --> <figure class="wp-block-image size-full"><img src="http://localhost:8888/wp-content/uploads/2023/07/image.jpeg" alt="" class="wp-image-2846"/></figure> <!-- /wp:image --> <!-- wp:heading --> <h2 class="wp-block-heading">タイトル</h2> <!-- /wp:heading --> <!-- wp:group {"layout":{"type":"constrained"},"smb":{"alignSelf":"start"}} --> <div class="wp-block-group"><!-- wp:paragraph --> <p>ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。</p> <!-- /wp:paragraph --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button --> <div class="wp-block-button"><a class="wp-block-button__link wp-element-button">ボタン</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:group --></div> <!-- /wp:snow-monkey-blocks/grid -->
### CSS
@media (max-width: 600px) { .hogehoge { --smb-grid--columns: 1 !important; } .wp-block-image { --smb--grid-row:2 / 3 !important; } .hogehoge h2 { --smb--grid-row:1 / 2 !important; } }
ちなみに、Snow Monkey Blocks v20.5.1 現在、
--smb--grid-row
、--smb--grid-column
がエディター上でしか反映されない不具合があったのですぐに修正入れます…!これだとどうですかね?
add_filter( 'snow_monkey_entry_summary_title_num_words', function( $num ) { return 0; } );
♥ 0いいねをした人: 居ませんブログカードの HTML は
snow_monkey_oembed_blog_card_template
フィルターフックでカスタマイズできますが、oEmbed の仕様上、投稿タイプによって条件分岐させることができません。特定のカスタム投稿タイプのみで機能させたい
これが「特定のカスタム投稿タイプの記事上に埋め込まれたブログカードのみ」(「特定のカスタム投稿タイプの記事のブログカード」ではない)ということであれば、
.single-{投稿タイプの名前} .is-provider-wp-oembed-blog-card
をセレクタにして CSS でアイキャッチ画像以外を消せばいけるかもしれません。♥ 0いいねをした人: 居ませんSnow Monkey Forms はショートコードではなくブロックなので、
do_shortcode()
では動きません。ブロックはthe_content()
で実行されるので、echo apply_filters( 'the_content', '<!-- wp:snow-monkey-forms/snow-monkey-form {"formId":xxxxx} /-->' );
のような感じで、ブロックの読み込みコードを
the_content
フィルターフックに通して出力すると表示されるとは思います。ただ、そのような使い方を想定して開発しているわけではないので、完全にちゃんと動くかはわからないです…。♥ 0いいねをした人: 居ませんお使いのサーバーのエラーログに、詳細なエラーメッセージが出ていないか確認してもらえないでしょうか?
こちらの環境ではエラーが発生していないので、サーバーの環境によるもの、追加しているコードによるもの、設定によるもの、プラグインとの相性によるもの、が可能性として考えられます。
エラーログで詳細が確認できれば、こちらで変更を入れて修正をできるものなのか、それ以外の対応が必要なのか判断できる可能性が高まります。
♥ 0いいねをした人: 居ませんこれはブラウザに出力されているログですかね?だとすると、サーバー側のログではなくてブラウザ側(サーバーが処理をおこなってデータがブラウザに渡ってきた際に発生したもの)のエラーになります。
画面が真っ白はおそらくサーバーが処理を行っている途中でエラーになって止まってしまっている状況だと思うので、サーバーのエラーログを確認する必要があります。例えばエックスサーバーさんならサーバーん管理画面から確認できます。
お使いのサーバーによって確認方法が違うと思うので、不明な場合はサーバーのサポートに尋ねられると良いかもしれません。
♥ 0いいねをした人: 居ません詳しくないので一般論にはなりますが、やはり容量が大きい画像は相対的に時間がかかっているようなので、そういう画像は小さくするのが良いかもしれません。
後は画像が全部 png のようなので、jpg にして圧縮率を上げるとか、WebP、AVIF にするなどすると良いのかなと思いました。
♥ 0いいねをした人: 居ません実際に試してみたいので、URL を教えてもらうことってできますか?
♥ 0いいねをした人: 居ませんヘッダー位置をオーバーレイにすることでコンテンツにヘッダーを被せることができます。
あとはそのページの一番上に全幅のスライダー系ブロックを配置すれば良いと思います。
ただし、ページヘッダーやページタイトルがあるページレイアウトなどにするとスライダーの上にそれらが表示されてしまうので、そこはご注意ください。♥ 0いいねをした人: 居ませんTarCoon☆CarToon さんのサイトのピックアップスライダーが新型になっていたので確認したところ、
min-height
は関係なくて、「ShortSpot☆ SS0 GarageBandで音楽を作ってiPhoneで撮った映像を組み合わせた映像作品!制作に至る経緯や参考にした動画を紹介します。」
のタイトルが長いために、それが高さを押し広げているという感じのようでした。下記の CSS を追加して文字サイズを少し小さくするのはどうでしょうか?
.l-overlay-widget-area .smb-spider-pickup-slider__item__title { --_font-size-level: 3; }
-
投稿者投稿