[ 解決済 ] 「投稿リスト」の表示順を変えたい

[R&Dソフトウエア]

■ WordPress のバージョン
6.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
14.25.1

■ Pro Unit のバージョン
0.3.5

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
VK Blocks Pro バージョン 1.45.0.0

■ 期待する動作
「投稿リスト」の「テキスト1カラム」の表示順を
「投稿日」「新着表示」「タイトル」の順に変えたい。

■ 自分で試した事
Lightning投稿一覧カスタマイズ徹底解説

Lightning 投稿一覧カスタマイズ徹底解説

を見て、loop-item.phpに全要素の差し替えを行いました。

‘vk_post_view’,
function( $html, $post, $options ) {

// 投稿タイプが topics の場合のみ改変
if ( ‘topics’ === get_post_type() ) {

// 差し替えるHTMLを $html の中に格納していきます.
$html = ‘<article class=”col-12″>’;
$html .= esc_html( get_the_date() );
$html .= ‘‘;
$html .= get_the_title();
$html .= ‘‘;
$html .= ‘</article>’;
}
return $html;
},
10,
3
);

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
投稿日とタイトルは、呼び出せたのですが新着表示はどのように呼び出したらいいのでしょうか？

[石川＠Vektor,Inc.]

> 新着表示はどのように呼び出したらいいのでしょうか？

新着表示 が何を指しているのかによりますが、標準の出力要素は下記の中がもとになります。

https://github.com/vektor-inc/vektor-wp-libraries/blob/master/vk-components/package/class-vk-component-posts.php

[R&Dソフトウエア]

石川様

‘new_text’をtitleの前に表示したくて質問させていただきました。

教えていただいた　class-vk-component-posts.phpを見て何とか出来上がりました。
ありがとうございました！

[対馬 俊彦]

[ 解決済 ] となりましたが…

「PHP・フックはよくわからないけど、CSS ならオッケー」という方向けに、
テキスト1カラムで 投稿タイトル と New!! の順番を入れ替える CSS も追加しておきます。

.vk_posts .postListText_title {
    /*  投稿タイトル と New!! の順番を入れ替え */
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.vk_post_title_new {
    /* 余白を調整 */
    margin-left: unset;
    margin-right: 0.4em;
}

[R&Dソフトウエア]

対馬様

ありがとうござます！CSSだけでもできるんですね！
正直、PHPやフィルターフックはまだいまいち良く理解できていないので助かります。
こちらも試してみます。

[投稿者]

投稿