WordPress設(shè)置網(wǎng)頁公式的詳細(xì)教程

來自：素雅營銷研究院

方知筆記

2025年06月25日 15:07

在學(xué)術(shù)博客或技術(shù)網(wǎng)站中，經(jīng)常需要展示數(shù)學(xué)公式和科學(xué)符號。WordPress作為最流行的內(nèi)容管理系統(tǒng)，提供了多種方法來實現(xiàn)在網(wǎng)頁中插入復(fù)雜的數(shù)學(xué)公式。本文將詳細(xì)介紹幾種在WordPress中設(shè)置和顯示網(wǎng)頁公式的有效方法。

一、使用WordPress內(nèi)置的LaTeX支持

WordPress.com和自托管的WordPress.org都內(nèi)置了對LaTeX公式的支持：

在經(jīng)典編輯器中，可以直接使用[latex]你的公式代碼[/latex]短代碼
在古騰堡區(qū)塊編輯器中，有專門的”公式”區(qū)塊
示例代碼：[latex]E=mc^2[/latex]會顯示為著名的質(zhì)能方程

二、安裝數(shù)學(xué)公式插件

對于更復(fù)雜的需求，可以安裝專門的插件：

MathJax-LaTeX：最流行的數(shù)學(xué)公式插件，支持LaTeX語法

安裝后會自動渲染文章中的 $...$ 或$$...$$包裹的公式
示例：$$\sum_{i=1}^n i^2 = \frac{n(n+1)(2n+1)}{6}$$

WP QuickLaTeX：提供實時預(yù)覽功能

支持化學(xué)方程式和復(fù)雜數(shù)學(xué)符號
可自定義公式顏色和大小

MathML Block：適合需要MathML支持的用戶

三、手動添加MathJax支持

對于高級用戶，可以通過主題文件手動添加MathJax：

在主題的functions.php文件中添加：

function add_mathjax() {
wp_enqueue_script('mathjax', 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js');
}
add_action('wp_enqueue_scripts', 'add_mathjax');

或在<head>部分添加：

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>