Comment ajouter une fonctionnalité d'annonce continue au plugin WordPress

Comment ajouter une fonction d'annonce continue au plug-in WordPress

En tant que système de gestion de contenu largement utilisé, WordPress propose de nombreux plug-ins parmi lesquels les utilisateurs peuvent choisir pour augmenter la fonctionnalité et l'attrait du site Web. Aujourd'hui, nous allons discuter de la façon d'ajouter une fonctionnalité d'annonce continue à un plugin WordPress. Une telle fonctionnalité permettrait aux webmasters d’afficher une annonce défilante en haut ou en bas du site pour communiquer des informations importantes aux visiteurs.

La première étape consiste à créer une page de paramètres dans notre plugin où nous pouvons ajouter et gérer nos annonces glissantes. Nous pouvons utiliser l'API Paramètres fournie par WordPress pour accomplir cette tâche.

// 在插件的主文件中添加以下代码

// 添加一个菜单选项到WordPress后台的设置菜单中
function custom_plugin_settings_menu() {
    add_options_page(
        '自定义插件设置',
        '自定义插件设置',
        'manage_options',
        'custom_plugin_settings',
        'custom_plugin_settings_callback'
    );
}
add_action('admin_menu', 'custom_plugin_settings_menu');

// 展示设置页面内容
function custom_plugin_settings_callback() {
    // 检查用户权限
    if (!current_user_can('manage_options')) {
        wp_die('您没有权限访问此页面！');
    }

    // 检查并更新设置
    if (isset($_POST['custom_plugin_notice'])) {
        update_option('custom_plugin_notice', sanitize_text_field($_POST['custom_plugin_notice']));
    }

    // 显示设置页面内容
    $notice = get_option('custom_plugin_notice');
    ?>
    <div class="wrap">
        <h1>自定义插件设置</h1>
        <form method="post" action="">
            <label for="custom_plugin_notice">滚动公告内容：</label>
            <input type="text" name="custom_plugin_notice" id="custom_plugin_notice" value="<?php echo esc_attr($notice); ?>" size="50" />
            <input type="submit" name="submit" id="submit" class="button button-primary" value="保存设置" />
        </form>
    </div>
    <?php
}

Le code ci-dessus créera un élément de sous-menu appelé « Paramètres du plugin personnalisé » dans le menu des paramètres du backend WordPress. En cliquant sur cet élément de sous-menu, vous accéderez à notre page de paramètres, où vous pourrez ajouter et enregistrer le contenu de l'annonce continue.

custom_plugin_notice dans le code ci-dessus est l'élément de configuration de notre annonce continue. Nous pouvons obtenir cette valeur de la base de données et afficher l'annonce défilante au premier plan. custom_plugin_notice是我们滚动公告的设置项。我们可以从数据库中获取这个值，并在前台显示滚动公告。

// 在插件的主文件中添加以下代码

// 在网站前台显示公告
function custom_plugin_display_notice() {
    $notice = get_option('custom_plugin_notice');
    ?>
    <div class="custom-plugin-notice">
        <marquee behavior="scroll" direction="left"><?php echo esc_html($notice); ?></marquee>
    </div>
    <?php
}
add_action('wp_footer', 'custom_plugin_display_notice');

这段代码将在网站的底部添加一个custom-plugin-noticerrreee

Ce code ajoutera une classe div custom-plugin-notice au bas du site Web, qui contient un élément de sélection défilant, et le contenu est l'annonce défilante que nous avons définie dans la page des paramètres. Vous pouvez personnaliser les styles CSS selon vos besoins.

Maintenant, notre fonctionnalité d'annonce continue est terminée. Installez et activez simplement notre plugin, puis ajoutez et gérez le contenu de vos annonces en continu via la page des paramètres d'arrière-plan.

Pour résumer, dans cet article, nous avons appris comment ajouter une fonctionnalité d'annonce continue au plugin WordPress. Nous créons une page de paramètres pour permettre aux utilisateurs d'ajouter des annonces continues et d'utiliser l'API Paramètres pour enregistrer les paramètres. Nous utilisons ensuite le hook wp_footer pour afficher l'annonce défilante au premier plan du site Web. J'espère que cet article pourra vous aider à étendre les fonctionnalités de votre plugin WordPress et à augmenter l'attractivité de votre site Web. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!