[gundam]

うなこ様　お返事ありがとうございます。
やはり、グリッドカラムは勝手がちがうんですね。承知いたしました。
グリッドカラムカードで代用したいと思います。
また、グリッドカラムカード、何回かやってみたものの、今までとは違って、画面サイズ別の列数のやり方が
変わったので、なんとなく敬遠していたのですが、少しづつ励みたいと思います。

ありがとうございました。

[gundam]

石川様　ありがとうございます。下記の通り色を参照する事ができるようになり、
基本のカテゴリー色を変えても、その色にする事ができました。
ありがとうございます。

use VektorInc\VK_Term_Color\VkTermColor;

add_action(
‘lightning_entry_body_before’,
function () {
global $post;

if (is_single() && ‘information’ === get_post_type()) {
$info_terms = get_the_terms($post->ID, ‘info-cat’);
$info_time = get_the_date();

$args = array(
‘taxonomy’ => ‘info-cat’, // 対象のタクソノミーを指定
);

$background_color = ”;
if (class_exists(VkTermColor::class) && method_exists(VkTermColor::class, ‘get_post_single_term_info’)) {
$term = VkTermColor::get_post_single_term_info($post, $args);
if (isset($term[‘color’])) {
$background_color = $term[‘color’];
}
}

echo ‘<div class=”custom-info-cat”>’;
echo ‘<span class=”custom-info-cat-date”>’ . $info_time . ‘</span>’;
echo ‘<span class=”custom-info-cat-category” style=”background-color:’ . esc_attr($background_color) . ‘;”>’ . get_the_term_list($post->ID, ‘info-cat’, ”, ‘, ‘, ”) . ‘</span>’;
echo ‘</div>’;
echo ‘<h1 class=”entry_title”>’ . get_the_title() . ‘</h1>’;
}
}
);

[gundam]

add_action(
	'lightning_entry_body_before',
	function () {
		global $post;
		if ( is_single() && 'information' === get_post_type() ) {
			$info_terms       = get_the_terms( $post->ID, 'info-cat' );
			$info_time        = get_the_date();
			$categories_class = '';

			if ( ! empty( $info_terms ) && ! is_wp_error( $info_terms ) ) {
				foreach ( $info_terms as $term ) {
					$categories_class .= ' category-' . esc_attr( $term->slug );
				}
			}

			echo '<div class="custom-info-cat' . $categories_class . '">';
			echo '<span class="custom-info-cat-date">' . $info_time . '</span>';
			echo '<span class="custom-info-cat-category">' . get_the_term_list( $post->ID, 'info-cat', ", ', ', " ) . '</span>';
			echo '</div>';
			echo '<h1 class="entry_title">' . get_the_title() . '</h1>';
		}
	}
);

とりあえず、カスタム投稿のカテゴリースラッグを参照して、cssで背景色をつける事にしましたが
カテゴリーの色を変えると、当然、別色になってしまいます。

何かいい方法は、ないでしょうか？
よろしくお願いいたします。

[gundam]

うなこ様

ありがとうございます。

綺麗に揃うことができました。
ありがとうございます。

[gundam]

うなこ様
ありがとうございます。

提示していただいたコードを追加CSSで書いてみました。
確かに真ん中は、細くなりましたが、スマホ画面の左側、右側が他のブロックと揃わなくなりますね。空きができますね。
出来ることなら、左端、右端は他のブロックと揃えたいです。
グリッドカラムカードのように綺麗に揃えたいです。
wooの一覧はいい感じになります。
画像をご確認ください

社内での検討よろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[gundam]

石川様ありがとうございます。
不安要素といたしまして、従来のウィジェットがワードプレスのバージョンが上がって急に機能しなくなる。
とういう点なのです。それを回避するためにと思っていたのですが
結局、ウィジェットをブロックエディタで使うにしろ、従来のウィジェットを使うとなると
一緒なので、クラシックを使い続けたいと思います。

ありがとうございました。

[gundam]

genepinefield 様

情報ありがとうございます。
デモサイトでちょっと試してみたいと思います。
ありがとうございました。

[gundam]

うなこ様ありがとうございます。
単純なhtmlですとbodyの中に1行だけでも、ブラウザの表示されている全てが、背景設定されるのですが、
wordpress（こちらのテーマしかいじっていませんが）だとbodyの中に1行だけ、<p>test</p>これだけだと
送った画像のようになるということでした。

height: 100vh;

こちらを入れることによって、ブラウザの画面をどんなに大きくしても、全て背景で設定することが出来ました。

ありがとうございました。

[gundam]

追加です。
https://qrtheater.jp/memorial_video/1bfe9742575dba511d2cbfd21e68ab3d80?step=4

こういう風に背景画像にするのが理想になります。

[gundam]

しあわせ屋根屋様
ありがとうございます。
PHPのバージョンで仕様が変わったと言うことだったのですね。

ありがとうございました。

[gundam]

ありがとうございます。
問題なく以前のように表示されました。

なぜ、以前は何もエラーなく表示されていたのか謎ですが。
未定義、理解いたしました。

ありがとうございました。

[gundam]

おはようございます。
ありがとうございました。
Wordpressの設定で可能なことがわかりました。
プラグインやテーマの前に得る知識ですね。
ありがとうございました。

[gundam]

ありがとうございます。
最新のデータをダウンロードできました。

[gundam]

おはようございます。
ありがとうございました。

[gundam]

ありがとうございます。
思い通りのようにページによって分岐する事が出来ました。

[投稿者]

投稿