@media (min-width: 64em) {
.c-entries--text .c-entry-summary__body > .c-entry-summary__meta {
width:20em;
}
}
上記だけを貼り付けても保存が出来ず、下記の場合は保存が出来ます。
@media (min-width: 64em) {
.c-entries-text .c-entry-summary__body > .c-entry-summary__meta {
width:20em;
}
}
ちなみに使用しているサーバはロリポップです。
なにか設定などあるのでしょうか・・・
本当ですね。再度貼り付けます。
@media (min-width: 64em) {
.c-entries--text .c-entry-summary__body > .c-entry-summary__meta {
width:20em;
}
}
.c-entries--text .c-entry-summary__meta .c-meta {
display: flex;
}
.c-entries--text .c-entry-summary__meta .c-meta__item--published {
display: block !important;
width: 10em;
}
.c-entries--text .c-entry-summary__meta .c-meta__item--categories {
display: block !important;
}
.c-entries--text .c-entry-summary__meta .c-meta__item--categories .c-entry-summary__term {
display: block !important;
width: 10em;
text-align:center;
}
こんにちは。
貼り付けたときに変換されているだけかもしれませんが、上に書かれているCSSでは、ハイフン-がところどころダッシュ–になっています。
分かり難いですが
.c-entries-text と書くべきところが、
.c-entries–text になっています。
Same Category Postsという別プラグインを試したところ、サムネイルサイズが同じになったので、Regenerate Thumbnailsが原因だと分かりました。
Same Category Postsのほうで調整します。
お手数おかけしました。
ありがとうございます。
閲覧中のカテゴリーと同じカテゴリーに属する関連記事を表示させたかったので、「List category posts」で表示させています。
【お使いの Snow Monkey のバージョン】 バージョン: 17.0.5
【お使いの Snow Monkey Blocks のバージョン】 16.0.1
【お使いの Snow Monkey Editor のバージョン】 8.0.1
【お使いのブラウザ】 Google Chrome
お世話になります。テーマをTCDからSnowmonkeyに変えまして、サイドバーのウィジェットに関連記事をサムネイル付きで表示させているのですが、サムネイル画像のサイズがばらばらになっています。
Regenerate Thumbnailsというプラグインでサムネイル画像の再生成をしたのですが、変わらず。
画像サイズを統一する方法はありますでしょうか？
よろしくお願いします。
ヘッダーはFlexboxになっているので、CSSでロゴとサイトタイトルの幅を指定して、ナビゲーションにmargin-left:autoを加えればご希望のレイアウトになると思います。
キタジマタカシ様
ありがとうございます。
swiperでのこだわりもなかったので、この方法は知らなかったです・・・
ずっと悩んでた問題も解決できました。
ありがとうございます！
Snow Monkey Blocks の「最近の投稿」ブロックに、「カルーセル（リッチメディア）」というレイアウトがあり、そのレイアウトにすると最近の投稿をスライドさせる形で表示できます。Swiper にこだわりがあるのでなければ最近の投稿をスライドさせるのは多分この方法が一番簡単です。
どうしても Swiper を使ってスライドさせないといけないということであれば、GONSY さんが書かれているようにショートコードをつくる形が簡単かなと思います。
最新の投稿を呼び出してスライドさせることができず困っております。
参考になるかわかりませんが、私がもし“最新の投稿”をSwiperを使ってスライダーにする場合は？として考えてみました。
my-snow-monkey.phpに必要なもの（SwiperのCSS、JSなど）をエンキュー（wp_enqueue_scripts）する- 最新の投稿をSwiperに最適になるように作成しつつ、ショートコードで呼び出せるようにする（
add_shortcode）
- 表示させたい場所にショートコードブロックを置いて表示
こんな感じで実装すると思います。
1.のエンキューは@藤田さんが提示されたブログ記事に書かれています
2.はこちらの記事がわかりやすいと思います。
3.は2.で作成したショートコードを【ショートコードブロック】で入れるだけです。
管理画面でスライダーは確認できませんが、この方法なら比較的簡単かと思います。
また別の方法として【クエリーループブロック】を使うと、以下のような構造のHTMLを出力してくれるので、これにSwiperのCSSとJSを当ててあげれば実装できそうです。
<div class="wp-block-query">
<ul>
<li>
<figure>
<a href="//記事URL">
<img src="//アイキャッチ画像URL">
</a>
</figure>
</li>
<li>
<figure>
<a href="//記事URL">
<img src="//アイキャッチ画像URL">
</a>
</figure>
</li>
</ul>
</div>
まーちゅう様
考え方と具体的な方法を教えていただいたおかげで、やりたいことが100％実現できてしまいました！
ほんとうに心から感謝いたします(^^)
CSSコードも教えていただき、遠回りせずに済みました。
というかコードを教えていただいてなかったら、実現できていたかどうか怪しかったです（苦笑）
たいへん貴重な勉強をさせていただき、ありがとうございました！
あ、下記は消しましたかね？
var_dump( $breadcrumbs_items );
消してなければ消してみてください！
あ！すみません、間違えました、こうですかね。
return is_array( $title_item ) && array_key_exists( 'title', $title_item ) ? $title_item['title'] : '';
array(0){}
とでています。
ありがとうございます。
本来ここは
array(
'title' => 'カテゴリー名',
)
のような配列が返ってくるはずなのですが、なぜか空の配列が返ってきているのでエラーとなっているようです。ちょっとなんでかわからないので根本解決したいところですが、とりあえず
return array_key_exists( 'title', $title_item ) ? $title_item['title'] : '';
を
return array_key_exists( 'title', $title_item ) && ! empty( $title_item['title'] ) ? $title_item['title'] : '';
のようにするとどうでしょうか？
変更しましたが、またエラーがでました。
Fatal error: Uncaught TypeError: array_key_exists(): Argument #2 ($array) must be of type array, bool given in /Users/bokunonamae/Local Sites/chikudenwebsite/app/public/wp-content/themes/snow-monkey/Framework/Helper.php on line 129
この上に
array(0){}
とでています。
