プロジェクトの1つを開発するときに、投稿の出力を2つのバージョンで構成する必要に直面しました。
- 詳細-タイトル、大きな画像、お知らせ、いくつかのリンク
- コンパクト-タイトル、小さい画像

この理由は、一部のユーザーにとっては最後のいくつかのレコードとその簡単な内容がページに表示されると便利であり、一部のユーザーはアナウンスなしで多数のレコードが表示されると便利だという事実です。
この場合、各ユーザーに便利な方法でビューを切り替える機会を与える必要があります。
一般的なアルゴリズムは次のとおりです。
- ページがロードされると、データベース内のスタイルパラメータのステータスがチェックされます
- パラメータに応じて、投稿は何らかの形式で表示されます。
- ビュー切り替えフラグをクリックすると、getPage関数が起動します。
- getPage関数はスイッチ値を取り、処理のためにデータを送信し、処理のために待機します
- style_updater.phpファイルはデータを受け取り、データベースを更新します。
- その後、getPage関数はページをリロードします。
例として、私のサイト
-game.tobefun.orgでテストできます(スイッチは承認後に利用可能です)
では、これをどのように実装しますか?
データベースの変更
選択したスタイルをユーザーごとに保存するには、値1または0をとる別の「スタイル」フィールドをwp-userテーブルに追加する必要があります(デフォルトは0)。
メインサイクルの変更
テンプレートのメインループで、
<?php if ( have_posts() ) : ?>
ループを次のコードに置き換えます
<?php $current_user = wp_get_current_user();
content-min.phpおよびcontent-max.phpの作成
content-min.phpとcontent-max.phpは1つの投稿のみを形成し、ループ内にあるため、複数回実行されます。
例:
<a href="<?php the_permalink(); ?>"> <div class="min"> <h3><?php the_title(); ?></h3> <div class="image"> <?php $thumb = get_post_thumbnail_id(); // ID $img_url = wp_get_attachment_url( $thumb,'full' ); // $image = aq_resize( $img_url, 170, 120, true ); // 170120. ?> <img width="170px" height="120px" src="<?php echo $image ?>"/> </div></div> </a>
このコードは、ページに表示する必要があるエントリの数だけ実行されます。
aq_resize()関数
テーマのルートに次の内容のaq_resizer.phpファイルを作成します。
aq_resizer.php <?php function aq_resize( $url, $width, $height = null, $crop = null, $single = true ) {
次に、function.phpに追加します
include ( 'aq_resizer.php' );
レコード数を変更する
オプションの1つがページにさらにエントリを表示するには、function.phpを追加する必要があります
function change_posts_per_page( $query ) { $current_user = wp_get_current_user();
ビュースイッチ
ユーザーパネルでスイッチを作成する
<input type="checkbox" <?php if ( 1 == $current_user->style ) print 'checked';?> // onchange="getPage(this)"> //
さらに、サイトのヘッダーにイベントハンドラーを作成します
<script type="text/javascript" src="style_updater.js"></script>
コンテンツstyle_updater.js
function getPage(obj) { $('#content').html('<h1 class="loader"></h1>'); var numPage = 0; if(obj.checked == true) { numPage = 1; } else { numPage = 0; } $.post( "style_updater.php", { style: numPage, }, onAjaxSuccess ); } function onAjaxSuccess(_html) {
style_updater.php
<?php try { if ( ($_POST['style']==1) || ($_POST['style']==0)) { $style = $_POST['style']; } else return; include '../../../wp-config.php';