So fügen Sie dem WordPress-Plugin Tag-Cloud-Verwaltungsfunktionen hinzu

王林
Freigeben: 2023-09-05 11:28:42
Original
1527 Leute haben es durchsucht

So fügen Sie dem WordPress-Plugin Tag-Cloud-Verwaltungsfunktionen hinzu

So fügen Sie dem WordPress-Plugin eine Tag-Cloud-Verwaltungsfunktion hinzu

Einführung:
WordPress ist ein leistungsstarkes und benutzerfreundliches Open-Source-Content-Management-System. Es bietet umfangreiche Erweiterungsfunktionen über Plug-Ins, sodass Benutzer die Website ganz einfach an ihre Bedürfnisse anpassen können. Unter ihnen ist Tag Cloud eine gängige Funktion, die es Benutzern ermöglicht, die Beliebtheit verschiedener Tags in cloudähnlicher Form anzuzeigen oder sie in alphabetischer Reihenfolge anzuordnen. In diesem Artikel erfahren Sie, wie Sie WordPress-Plugins Tag-Cloud-Verwaltungsfunktionen hinzufügen und entsprechende Codebeispiele bereitstellen.

Schritt 1: Verstehen Sie die Prinzipien der WordPress-Tag-Cloud
In WordPress sind Tags eine Möglichkeit, Artikel zu klassifizieren. Die Tag-Cloud ordnet verschiedene Tags nach Beliebtheit oder alphabetischer Reihenfolge und zeigt sie nach bestimmten Regeln auf den Seiten einer Website an. Die Beliebtheit eines Tags wird normalerweise durch Zählen der Anzahl der Artikel unter dem Tag gemessen.

Schritt 2: Erstellen Sie eine Tag-Cloud-Verwaltungsseite
Zuerst müssen wir eine Seite zum Verwalten von Tag-Clouds erstellen. Erstellen Sie in Ihrem Plugins-Ordner einen Ordner mit dem Namen „admin“ und in diesem Ordner eine Datei mit dem Namen „tag-cloud.php“. In dieser Datei verwenden wir die Admin-Seitenstruktur von WordPress und fügen die entsprechenden Formulare und Codes hinzu.

<?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
}
Nach dem Login kopieren

Schritt 3: Speichern der Einstellungen durchführen
Als nächstes müssen wir den Übermittlungsvorgang des Tag-Cloud-Verwaltungsseitenformulars durchführen und die Einstellungen in der Datenbank speichern. Fügen Sie in der Hauptdatei Ihres Plugins den folgenden Code hinzu:

<?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' );
Nach dem Login kopieren

Schritt 4: Fügen Sie den Menülink zur Admin-Seite hinzu
Zuletzt müssen wir den Link zur Tag-Cloud-Administratorseite zum WordPress-Administratormenü hinzufügen. Fügen Sie in Ihrer Plug-in-Hauptdatei den folgenden Code hinzu:

<?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' );
Nach dem Login kopieren

Fazit:
Durch die oben genannten Schritte haben wir die Tag-Cloud-Verwaltungsfunktion erfolgreich hinzugefügt. Sie können die minimale und maximale Schriftgröße der Tag-Cloud nach Ihren Bedürfnissen anpassen und auf Ihr WordPress-Plugin anwenden. Ich hoffe, dass dieser Artikel für Ihre Entwicklungsarbeit hilfreich sein kann!

Das obige ist der detaillierte Inhalt vonSo fügen Sie dem WordPress-Plugin Tag-Cloud-Verwaltungsfunktionen hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage