Rumah  >  Artikel  >  Tutorial CMS  >  Bagaimana untuk menambah fungsi pengurusan awan teg pada pemalam WordPress

Bagaimana untuk menambah fungsi pengurusan awan teg pada pemalam WordPress

王林
王林asal
2023-09-05 11:28:421535semak imbas

Bagaimana untuk menambah fungsi pengurusan awan teg pada pemalam WordPress

Cara menambah fungsi pengurusan awan teg pada pemalam WordPress

Pengenalan:
WordPress ialah sistem pengurusan kandungan sumber terbuka yang berkuasa dan mudah digunakan. Ia menyediakan fungsi sambungan yang kaya melalui pemalam, membolehkan pengguna menyesuaikan laman web dengan mudah mengikut keperluan mereka. Antaranya, Tag Cloud ialah fungsi biasa yang membolehkan pengguna memaparkan populariti tag yang berbeza dalam bentuk seperti awan atau menyusunnya dalam susunan abjad. Artikel ini akan memperkenalkan anda kepada cara menambah fungsi pengurusan awan teg pada pemalam WordPress dan memberikan contoh kod yang sepadan.

Langkah 1: Fahami prinsip awan teg WordPress
Dalam WordPress, teg ialah cara untuk mengklasifikasikan artikel. Awan teg menyusun teg yang berbeza mengikut populariti atau susunan abjad dan memaparkannya pada halaman tapak web mengikut peraturan tertentu. Populariti teg biasanya diukur dengan mengira bilangan artikel di bawah teg.

Langkah 2: Buat halaman pengurusan awan teg
Pertama, kita perlu membuat halaman untuk mengurus awan teg. Cipta folder yang dipanggil "admin" dalam folder pemalam anda dan dalam folder itu buat fail yang dipanggil "tag-cloud.php". Dalam fail ini, kami akan menggunakan struktur halaman pentadbir WordPress dan menambah borang dan kod yang sesuai.

<?php
function tag_cloud_page() {
    ?>
    <div class="wrap">
        <h1><?php esc_html_e( '标签云管理', 'text-domain' ); ?></h1>
        <form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
            <input type="hidden" name="action" value="update_tag_cloud_settings">
            <?php wp_nonce_field( 'tag_cloud_settings_action', 'tag_cloud_settings_nonce' ); ?>
            <h2><?php esc_html_e( '标签云设置', 'text-domain' ); ?></h2>
            <table class="form-table">
                <tr>
                    <th scope="row">
                        <label for="tag_cloud_min_font_size"><?php esc_html_e( '最小字体大小', 'text-domain' ); ?></label>
                    </th>
                    <td>
                        <input type="number" name="tag_cloud_min_font_size" id="tag_cloud_min_font_size" value="<?php echo esc_attr( get_option( 'tag_cloud_min_font_size', 12 ) ); ?>" class="regular-text" min="10" max="48" step="2">
                        <p class="description"><?php esc_html_e( '标签云中最小标签的字体大小(单位:像素)', 'text-domain' ); ?></p>
                    </td>
                </tr>
                <tr>
                    <th scope="row">
                        <label for="tag_cloud_max_font_size"><?php esc_html_e( '最大字体大小', 'text-domain' ); ?></label>
                    </th>
                    <td>
                        <input type="number" name="tag_cloud_max_font_size" id="tag_cloud_max_font_size" value="<?php echo esc_attr( get_option( 'tag_cloud_max_font_size', 24 ) ); ?>" class="regular-text" min="24" max="72" step="2">
                        <p class="description"><?php esc_html_e( '标签云中最大标签的字体大小(单位:像素)', 'text-domain' ); ?></p>
                    </td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
    <?php
}

Langkah 3: Kendalikan operasi simpan tetapan
Seterusnya, kita perlu mengendalikan operasi penyerahan borang halaman pengurusan awan teg dan simpan tetapan ke pangkalan data. Dalam fail utama pemalam anda, tambahkan kod berikut:

<?php
function save_tag_cloud_settings(){
    if ( ! current_user_can( 'manage_options' ) ) {
        wp_die( esc_html__( '你没有权限进行此操作!', 'text-domain' ) );
    }

    check_admin_referer( 'tag_cloud_settings_action', 'tag_cloud_settings_nonce' );

    $min_font_size = isset( $_POST['tag_cloud_min_font_size'] ) ? intval( $_POST['tag_cloud_min_font_size'] ) : 12;
    $max_font_size = isset( $_POST['tag_cloud_max_font_size'] ) ? intval( $_POST['tag_cloud_max_font_size'] ) : 24;

    update_option( 'tag_cloud_min_font_size', $min_font_size );
    update_option( 'tag_cloud_max_font_size', $max_font_size );

    wp_redirect( add_query_arg( 'message', '1', admin_url( 'admin.php?page=tag-cloud' ) ) );
    exit;
}
add_action( 'admin_post_update_tag_cloud_settings', 'save_tag_cloud_settings' );

Langkah 4: Tambahkan pautan menu ke halaman pentadbir
Akhir sekali, kami perlu menambah pautan ke halaman pentadbir awan tag ke menu pentadbir WordPress. Dalam fail utama pemalam anda, tambahkan kod berikut:

<?php
function add_tag_cloud_management_menu() {
    add_submenu_page(
        'options-general.php',
        '标签云管理',
        '标签云管理',
        'manage_options',
        'tag-cloud',
        'tag_cloud_page'
    );
}
add_action( 'admin_menu', 'add_tag_cloud_management_menu' );

Kesimpulan:
Melalui langkah di atas, kami telah berjaya menambah fungsi pengurusan awan teg. Anda boleh melaraskan saiz fon minimum dan maksimum awan teg mengikut keperluan anda dan gunakannya pada pemalam WordPress anda. Saya harap artikel ini dapat membantu kerja pembangunan anda!

Atas ialah kandungan terperinci Bagaimana untuk menambah fungsi pengurusan awan teg pada pemalam WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn