
內容簡介
Real Buddha Quotes 外掛旨在幫助網站訪客接觸到真正的佛陀語錄,避免網路上常見的假引言。透過簡單的短碼或小工具,使用者可以輕鬆展示佛陀的智慧。
【主要功能】
• 顯示隨機的《法句經》語錄
• 支援短碼 [random-dhammapada]
• 引用連結可指向 SuttaFriends.org
• 可自訂 CSS 進行樣式設計
• 提供 PHP 代碼插入佈景主題
外掛標籤
開發者團隊
原文外掛簡介
The internet is full of fake quotations attributed to the Buddha. By using this plugin you can help spread the actual words of the Buddha with your website visitors.
You can display this quote using a shortcode or a widget. (At the moment, there is no block for this plugin. If you would like to help create one, please contact us!)
There is the option for the citation of the verse to link back to the SuttaFriends.org website so your readers can see the quotation in the context of the whole Dhammapada and have the chance to explore more real Buddha quotes.
Shortcode
To include a random Dhammapada in the content of a page or post, simply insert the shortcode
[random-dhammapada]
To make the citation (e.g. “Dhammapada 20”) link back to the verse on SuttaFriends.org, go to Settings>Real Buddha Quotes
Inserting into your theme
If you like to put the quotation somewhere on your website that does not allow shortcodes, you can add this PHP to one of your theme files:
echo random_dhp_shortcode();
This will insert the quotation. There are no parameters. Only try this if you are familiar with codign in PHP. Always make a backup before changing templates.
Styling
Styling of the quotation and the citation is done through css. We recommend the following:
div.random-dhammapada{
border:solid 1px;
padding:10px;}
p.rdhp-verse {
font-style:italic;}
div.rdhp-citation {
text-align:right!important;}
p.rdhp-attribution, p.rdhp-verse {
margin-bottom:0px;}
p.rdhp-attribution {
font-size:.9em;}
If you like the citation (e.g. Dhammapada 175) to appear on the next line, add this CSS:
.rdhp-cite-link {display:block}
Drop cap
The following code could create a drop cap (first letter larger size).
p.rdhp-verse:first-child:first-letter {
float: left;
font-size: 3.5em;
line-height: 2empx;
padding-top: .15em;
padding-right: .1em;
padding-left: 0px;
You will need to adjust all of the sizes and test on desktop as well as mobile to make sure it looks correct in different contexts.
