此教程詳細(xì)信息創(chuàng)建WordPress鏈接鏈接Manager API的WordPress旋轉(zhuǎn)木載插件 - 管理WordPress中鏈接列表的最有效方法。 旋轉(zhuǎn)木馬將展示一系列物品，每個(gè)項(xiàng)目都具有背景圖像並鏈接到自定義URL。用戶使用“上一個(gè)”和“下一個(gè)”箭頭導(dǎo)航。

carousel本質(zhì)上是存儲(chǔ)在WordPress Links Manager中的鏈接列表，它使用JavaScript和JQuery進(jìn)行動(dòng)畫(huà)。插件有助於其顯示屏。 添加項(xiàng)目需要指定名稱(chēng)，URL，描述和正確尺寸的圖像。創(chuàng)建了專(zhuān)用的旋轉(zhuǎn)木馬類(lèi)別； target>和rel屬性是可選的。

>

這個(gè)三部分系列探討了插件的構(gòu)造。如前所述，鏈接管理器是鏈接管理的理想選擇。儘管其API簡(jiǎn)潔，但它為有用的應(yīng)用提供了足夠的功能。 wp_list_bookmarks()不使用；將採(cǎi)用以前文章的其他功能。

> 在繼續(xù)之前，建議對(duì)WordPress Links Manager及其API進(jìn)行事先熟悉。

>

旋轉(zhuǎn)木馬設(shè)計(jì)：

我們的旋轉(zhuǎn)木馬顯示項(xiàng)目，每個(gè)物品都帶有背景圖像（可自定義）和自定義URL。 圖像名稱(chēng)顯示上面的描述。 導(dǎo)航箭頭有助於瀏覽。

開(kāi)發(fā)要求：

> WordPress鏈接管理器存儲(chǔ)了輪播的鏈接數(shù)據(jù)。

檢索這些鏈接。 JavaScript和jQuery處理動(dòng)畫(huà)。 插件可確保清潔，可維護(hù)的代碼。 get_bookmarks()

添加旋轉(zhuǎn)木馬項(xiàng)目：

項(xiàng)目添加涉及選擇名稱(chēng)，URL，說(shuō)明和正確尺寸的圖像。 為組織創(chuàng)建了專(zhuān)用類(lèi)別（例如，“旋轉(zhuǎn)木馬”）。

>和target屬性是可選的。 rel>

插件創(chuàng)建：

>插件使用多個(gè)文件，位於

>目錄中（或作為Mu-Plugin）。主文件（wp-content/plugins或所選名稱(chēng)）聲明插件信息並定義了輪播顯示功能。 carousel.php

/*
Plugin Name: Carousel
Plugin URI:
Description: Creates a simple carousel
Version: 0
Author: Jérémy Heleine
Author URI: http://jeremyheleine.me
License: MIT
*/

旋轉(zhuǎn)木馬顯示功能（）：display_carousel()>

此功能使用

檢索項(xiàng)目。 一個(gè)空數(shù)組導(dǎo)致沒(méi)有顯示。 get_bookmarks()>

function display_carousel() {
    $args = array(
        'category_name' => 'carousel',
        'orderby' => 'link_id',
        'order' => 'DESC',
        'limit' => 5
    );

    $links = get_bookmarks($args);
    $n = count($links);

    if (!empty($links)) {
        ?>
        <div id="carousel">
            <ul>
                <?php foreach ($links as $i => $link) {
                    // Background image
                    $background = !empty($link->link_image) ? 'url(' . $link->link_image . ')' : 'rgb(' . rand(0, 255) . ', ' . rand(0, 255) . ', ' . rand(0, 255) . ')';

                    // Target attribute
                    $target = !empty($link->link_target) ? ' target="' . $link->link_target . '"' : '';

                    // Rel attribute
                    $rel = !empty($link->link_rel) ? ' rel="' . $link->link_rel . '"' : '';
                    ?>
                    <li style="background: <?php echo $background; ?>">
                        <a class="carousel-link" href="http://m.miracleart.cn/link/67b3d697f52f61a5aae9588726d18edc" title="<?php echo $link->link_name; ?>"<?php echo $target . $rel; ?>>
                            <strong><?php echo $link->link_name; ?></strong>
                            <?php if (!empty($link->link_description)) { ?>
                                <em><?php echo $link->link_description; ?></em>
                            <?php } ?>
                        </a>
                        <?php if ($i > 0) { ?>
                            <a href="http://m.miracleart.cn/link/5e83596334400305514565ee16b9106d" class="carousel-prev"><</a>
                        <?php } ?>
                        <?php if ($i < $n - 1) { ?>
                            <a href="http://m.miracleart.cn/link/6349ccd8e98a367ae2eba1acfa755850" class="carousel-next">></a>
                        <?php } ?>
                    </li>
                <?php } ?>
            </ul>
        </div>
        <?php
    }
}

下一步： 後續(xù)零件將涵蓋CSS樣式和JavaScript動(dòng)畫(huà)，以創(chuàng)建功能齊全的滑塊。 WordPress Carousel插件上的常見(jiàn)問(wèn)題解答還包括在原始文本中，如果需要，可以在此處合併。

>

以上是構(gòu)建WordPress旋轉(zhuǎn)木製插件：第1部分的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！