📚 実例集

<?php /** * Plugin Name: Contact Form Logger * Description: CF7のお問い合わせをDBに記録します * Version: 1.0.0 */ if ( ! defined( 'ABSPATH' ) ) exit; // ─ テーブル作成 ──────────────────────────────────────────── register_activation_hook( __FILE__, function() { global $wpdb; $table = $wpdb->prefix . 'cf_logs'; $charset_collate = $wpdb->get_charset_collate(); $sql = "CREATE TABLE $table ( id bigint(20) unsigned NOT NULL AUTO_INCREMENT, form_id int(11) NOT NULL DEFAULT 0, name varchar(200) NOT NULL DEFAULT '', email varchar(200) NOT NULL DEFAULT '', message text NOT NULL, ip_address varchar(45) NOT NULL DEFAULT '', created_at datetime NOT NULL, PRIMARY KEY (id), KEY created_at (created_at) ) $charset_collate;"; require_once ABSPATH . 'wp-admin/includes/upgrade.php'; dbDelta( $sql ); } ); // ─ CF7送信時に記録 ───────────────────────────────────────── add_action( 'wpcf7_mail_sent', function( $cf7 ) { global $wpdb; $sub = WPCF7_Submission::get_instance(); if ( ! $sub ) return; $data = $sub->get_posted_data(); $wpdb->insert( $wpdb->prefix . 'cf_logs', array( 'form_id' => $cf7->id(), 'name' => sanitize_text_field( $data['your-name'] ?? '' ), 'email' => sanitize_email( $data['your-email'] ?? '' ), 'message' => sanitize_textarea_field( $data['your-message'] ?? '' ), 'ip_address' => sanitize_text_field( $_SERVER['REMOTE_ADDR'] ?? '' ), 'created_at' => current_time( 'mysql' ), ), array( '%d', '%s', '%s', '%s', '%s', '%s' ) ); } ); // ─ 管理メニュー ─────────────────────────────────────────── add_action( 'admin_menu', function() { add_menu_page( 'お問い合わせログ', // ページタイトル 'お問い合わせログ', // メニュー名 'manage_options', // 必要な権限 'cf-logs', // スラッグ 'cf_logs_render_page',// コールバック関数 'dashicons-email-alt' // アイコン ); } ); function cf_logs_render_page() { if ( ! current_user_can( 'manage_options' ) ) return; global $wpdb; $logs = $wpdb->get_results( "SELECT * FROM {$wpdb->prefix}cf_logs ORDER BY created_at DESC LIMIT 100" ); echo '<div class="wrap">'; echo '<h1>お問い合わせログ</h1>'; echo '<table class="wp-list-table widefat striped">'; echo '<thead>'; echo ' <tr>'; echo ' <th>日時</th>'; echo ' <th>名前</th>'; echo ' <th>メール</th>'; echo ' <th>メッセージ</th>'; echo ' </tr>'; echo '</thead>'; echo '<tbody>'; foreach ( $logs as $log ) { printf( '<tr>' . ' <td>%s</td>' . ' <td>%s</td>' . ' <td>%s</td>' . ' <td>%s</td>' . '</tr>', esc_html( $log->created_at ), esc_html( $log->name ), esc_html( $log->email ), esc_html( mb_strimwidth( $log->message, 0, 50, '...' ) ) ); } echo '</tbody>'; echo '</table>'; echo '</div>'; }

<?php /** * Plugin Name: View Counter * Description: 投稿のビュー数をカウントし人気記事を表示します */ if ( ! defined( 'ABSPATH' ) ) exit; // ─ ビュー数をカウントアップ ────────────────────────────── add_action( 'wp', function() { if ( ! is_singular( 'post' ) ) return; $post_id = get_the_ID(); $count = (int) get_post_meta( $post_id, '_view_count', true ); update_post_meta( $post_id, '_view_count', $count + 1 ); // キャッシュをクリア（ランキングの順位が変わる可能性があるため） delete_transient( 'vc_popular_posts' ); } ); // ─ 人気記事ショートコード [popular_posts count="5"] ────── add_shortcode( 'popular_posts', function( $atts ) { $atts = shortcode_atts( array( 'count' => 5 ), $atts ); $count = absint( $atts['count'] ); $cache_key = 'vc_popular_posts_' . $count; $posts = get_transient( $cache_key ); if ( false === $posts ) { $posts = get_posts( array( 'numberposts' => $count, 'meta_key' => '_view_count', 'orderby' => 'meta_value_num', 'order' => 'DESC', 'no_found_rows' => true, 'update_post_term_cache' => false, ) ); set_transient( $cache_key, $posts, HOUR_IN_SECONDS ); } if ( empty( $posts ) ) return ''; $html = '<ol class="popular-posts">'; foreach ( $posts as $post ) { $views = (int) get_post_meta( $post->ID, '_view_count', true ); $html .= sprintf( '<li><a href="%s">%s</a> <span class="views">(%d views)</span></li>', esc_url( get_permalink( $post ) ), esc_html( get_the_title( $post ) ), $views ); } $html .= '</ol>'; return $html; } );

<?php /** * Plugin Name: Live Search * Description: リアルタイム検索機能を追加します */ if ( ! defined( 'ABSPATH' ) ) exit; // ─ REST APIエンドポイント ───────────────────────────────── add_action( 'rest_api_init', function() { register_rest_route( 'ls/v1', '/search', array( 'methods' => 'GET', 'callback' => 'ls_search_callback', 'permission_callback' => '__return_true', 'args' => array( 'q' => array( 'required' => true, 'sanitize_callback' => 'sanitize_text_field', 'validate_callback' => function( $v ) { return strlen( $v ) >= 2; // 2文字以上必須 }, ), 'type' => array( 'default' => 'post', 'sanitize_callback' => 'sanitize_key', ), ), ) ); } ); function ls_search_callback( $request ) { $keyword = $request->get_param( 'q' ); $type = $request->get_param( 'type' ); $posts = get_posts( array( 's' => $keyword, 'post_type' => $type, 'numberposts' => 10, 'post_status' => 'publish', 'no_found_rows' => true, 'update_post_meta_cache' => false, 'update_post_term_cache' => false, ) ); $results = array_map( function( $post ) { return array( 'id' => $post->ID, 'title' => get_the_title( $post ), 'url' => get_permalink( $post ), 'excerpt' => wp_trim_words( get_the_excerpt( $post ), 20 ), ); }, $posts ); return new WP_REST_Response( $results, 200 ); } // ─ 検索ボックスをショートコードで出力 ──────────────────── add_shortcode( 'live_search', function() { wp_enqueue_script( 'ls-script', plugin_dir_url( __FILE__ ) . 'js/live-search.js', array(), '1.0', true // フッターに出力 ); wp_localize_script( 'ls-script', 'lsApi', array( 'url' => rest_url( 'ls/v1/search' ) ) ); return '<div id="live-search"> <input type="text" id="ls-input" placeholder="検索..." autocomplete="off"> <ul id="ls-results"></ul> </div>'; } );

document.addEventListener('DOMContentLoaded', function() { const input = document.getElementById('ls-input'); const results = document.getElementById('ls-results'); let timer; input.addEventListener('input', function() { const q = this.value.trim(); clearTimeout(timer); if ( q.length < 2 ) { results.innerHTML = ''; return; } // デバウンス：300ms後に実行（入力のたびに即実行しない） timer = setTimeout(async () => { try { const res = await fetch(`${lsApi.url}?q=${encodeURIComponent(q)}`); const data = await res.json(); if ( data.length === 0 ) { results.innerHTML = '<li>結果が見つかりませんでした</li>'; return; } results.innerHTML = data.map(p => `<li><a href="${p.url}">${p.title}</a><p>${p.excerpt}</p></li>` ).join(''); } catch(e) { console.error('Search error:', e); } }, 300); }); });