yy日韩无码,富婆的诱惑,国产菊爆视频在线观看,国产精品无码AV高清波波AV,国产成人啪精品视频站午夜,已满十八岁免费观看电视剧十八岁,中文字幕av久久人妻蜜桃臀

第一步：在后臺建立多行文本擴展字段，然后填寫內(nèi)容。

第二步：在config中的：function.php中自定義一個函數(shù)。

function wenben_text($text)
{
    // 將 <br> 統(tǒng)一為分隔符，方便分割
    $parts = preg_split('/<br\s*\/?>/i', $text);

    $html = '<div class="wenben">' . PHP_EOL;

    foreach ($parts as $part) {
        $part = trim($part);
        if (empty($part)) continue;

        // 用 “：” 或 ":" 作為標(biāo)題與內(nèi)容的分界
        if (preg_match('/^(.*?[：:])(.*)$/u', $part, $matches)) {
            $title = trim($matches[1]);
            $desc = trim($matches[2]);
        } else {
            $title = '';
            $desc = $part;
        }

        $html .= '    <div class="wenben-list">' . PHP_EOL;
        $html .= '        <div class="name">' . htmlspecialchars($title) . '</div>' . PHP_EOL;
        $html .= '        <div class="desc">' . htmlspecialchars($desc) . '</div>' . PHP_EOL;
        $html .= '    </div>' . PHP_EOL;
    }

    $html .= '</div>' . PHP_EOL;

    return $html;
}

第三步：前端調(diào)用：

{content:ext_txts fun=wenben_text}

顯示出來如圖所示：

這看上去和直接用換行出來的效果沒有什么區(qū)別。但是此時他是自帶了div和CSS類的，我們只需要寫一下CSS效果即可。

查看代碼：

<div class="weiben">
    <div class="weiben-list">
        <div class="name">插件簡介：</div>
        <div class="desc">可以有效地識別機器人行為并進行攔截。該插件支持自定義驗證碼樣式和位置，</div>
    </div>
    <div class="weiben-list">
        <div class="name">驗證碼設(shè)置：</div>
        <div class="desc">該插件支持自定義驗證碼樣式和位置，可以根據(jù)自己網(wǎng)站的風(fēng)格和需求進行設(shè)置。在后臺管理系統(tǒng)中，可以選擇驗證碼字體、顏色、大小等參數(shù)，并且可以設(shè)置驗證碼出現(xiàn)的位置和觸發(fā)方式。</div>
    </div>
    <div class="weiben-list">
        <div class="name">安裝方法：</div>
        <div class="desc">包括圖形驗證碼、滑動驗證碼、點選驗證碼等?？梢愿鶕?jù)網(wǎng)站的實際情況選擇不同的驗證方式，以提高驗證的準(zhǔn)確性和安全性。</div>
    </div>
</div>

第四步：寫CSS樣式就可以了。例如寫一個簡單的CSS樣式：

<style>
.wenben{
	padding:15px;
	border:1px solid #ddd;
}

.wenben .wenben-list{
	 border-bottom:1px dashed #333;
	 margin-bottom: 15px;
	 padding-bottom: 15px;
}

.wenben .wenben-list .name{
	 font-size: 20px;
	 font-weight: bold;
	 margin-bottom: 15px;
}
.wenben .wenben-list .desc{
	 font-size: 16px;
	 line-height: 24px;
}

</style>