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

このトピックには4件の返信、3人の参加者があり、最後にR&Dソフトウエアにより2年前に更新されました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)

投稿者

投稿
2022年11月4日 10:38 AM #70975

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

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

2022年11月4日 6:00 PM #70991

石川＠Vektor,Inc.
キーマスター
制作実績

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

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

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

2022年11月7日 2:15 PM #71034

R&Dソフトウエア
閲覧者

石川様

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

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

2022年11月9日 4:11 PM #71079
対馬俊彦
参加者
制作実績
[ 解決済 ] となりましたが…

「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;
}
```
2022年11月10日 8:54 AM #71090

R&Dソフトウエア
閲覧者

対馬様

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

投稿