3
ドラッグアンドドロップjQuery UI Sortablesフロントエンドレイアウトエディターの状態を保存する方法
jQuery UI Sortableを使用して、フロントエンドのポストレイアウトエディターを構築しています。 投稿は、背景画像の上に300x250ピクセルのボックスで配置されます。投稿はWordPress管理者を使用して作成および編集されますが、サイト管理者がフロントエンドのドラッグアンドドロップインターフェイスを使用してボックスの順序を調整できるようにしたいと思います。 ドラッグアンドドロップの並べ替え可能な部分は動作していますが、ボックスの状態(順序)を保存する方法を考え出す必要があります。理想的には、状態をオプションとして保存し、クエリに組み込むことができるようにしたいと思います。 投稿のクエリは、カスタムメタボックスからデータを取得して個々のボックスレイアウトを決定する単純なWP_Queryです。 $args= array( 'meta_key' => 'c3m_shown_on', 'meta_value'=> 'home' ); $box_query = new WP_Query($args); ?> <ul id="sortable"> <?php while ($box_query->have_posts()) : $box_query->the_post(); global $post; global $prefix; $box_size = c3m_get_field($prefix.'box_size', FALSE); $box_image = c3m_get_field($prefix.'post_box_image', FALSE); $overlay_class = c3m_get_field($prefix.'overlay_class', FALSE); if ( c3m_get_field($prefix.'external_link', FALSE) ) { $post_link = …