1 HTML?<pre>?標簽示例
我們用WordPress建站需要學習一些CSS?和 HTML的基礎知識：
以下是 pre?標簽的CSS樣式（能讓html代碼自動換行）▼
pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
以下是 code?標簽的CSS樣式?▼
code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}
使用方法：
style.css?文件里。<pre>標記通常與<code>標記結合使用，以獲得更精確的語義，用于標記需要在頁面中呈現(xiàn)的源代碼。
如果要將指定的文本格式放在HTML中，則需要利用leading元素的屬性。
提示：<pre>標記的常見用法是表示計算機的源代碼。
在HTML 4.01中，“width”屬性已棄用，無法使用。 HTML5不支持“width”屬性。
屬性值描述
<pre>標記支持全局屬性，并查看完整的屬性表HTML全局屬性。希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《CSS樣式里pre是什么？HTML中pre自動換行code標簽作用》，對您有幫助。
1 瀏覽器支持
學習WordPress建站，如何給網(wǎng)站添加按鈕形式的廣告代碼？
以下html代碼標記了一個按鈕?▼
<form action="https://www.wordpressx.com/"> <input type="submit" value="我們網(wǎng)站" /> </form>
以下是按鈕形式的html代碼?▼
<div class="su-button-center"><a href="http://news.qtyiliao.cn/cwl-1876.html?cb" class="su-button su-button-style-3d" style="color:#FFFFFF;background-color:#000000;border-color:#000000;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px" target="_blank" rel="noopener nofollow" title="成功賺到100萬美元的方法"><span style="color:#FFFFFF;padding:7px 20px;font-size:16px;line-height:24px;border-color:#4d4d4d;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none"><i class="sui sui-external-link" style="font-size:16px;color:#FFFFFF"></i> 成功賺到100萬美元的方法</span></a></div>
關于Shortcodes Ultimate插件的介紹，請點擊下方鏈接瀏覽▼
Shortcodes Ultimate：WordPress簡單好用的終極簡碼插件
Shortcodes Ultimate插件是一個全面的視覺和功能元素集合，你可以在文章編輯器，文本小部件甚至模板文件中使用它們。使用Shortcodes Ultimate插件，你可以輕松創(chuàng)建標簽，按鈕，盒子，滑塊和……
IE Firefox Chrome Safari Opera
所有主流瀏覽器都支持<button>標簽。
注意事項：
<button>標簽定義了一個按鈕：
例如，我們可以在按鈕中包含圖像和相關文本，以在按鈕中創(chuàng)建有吸引力的標簽圖像。
唯一被禁止的元素是圖像映射，因為它的鼠標和鍵盤敏感操作可能會干擾表單按鈕的行為。
請始終為按鈕規(guī)定 type 屬性。Internet Explorer的默認類型是”button”，而其他瀏覽器（包括W3C規(guī)范）的默認值是 “submit”。
HTML 5中的新屬性：autofocus, form, formaction, formenctype, formmethod, formnovalidate和formtarget。
注意：如果你在HTML表單中使用button元素，則不同的瀏覽器將提交不同的按鈕值。
請用input元素在HTML表單中創(chuàng)建一個按鈕。
希望我們網(wǎng)站（ http://news.qtyiliao.cn/ ） 分享的《如何給網(wǎng)站添加按鈕形式廣告html代碼？》，對您有幫助。
1 Shortcodes Ultimate插件下載安裝
Shortcodes Ultimate插件是一個全面的視覺和功能元素集合，你可以在文章編輯器，文本小部件甚至模板文件中使用它們。
使用Shortcodes Ultimate插件，你可以輕松創(chuàng)建標簽，按鈕，盒子，滑塊和旋轉木馬，響應式視頻等。
我們之前嘗試了很多短代碼WordPress插件，認為Shortcodes Ultimate插件是最方便使用的。
用過很多WordPress插件都有短代碼功能，但是Shortcodes Ultimate插件非常容易，所以決定向大家推薦使用Shortcodes Ultimate插件。
點此進入?WordPress官網(wǎng)下載?Shortcodes Ultimate?插件
Heading Tabs Spoiler Accordion
Divider Spacer Highlight Label
Quote Pullquote Dropcap Columns
List Button Service Box
Note Expand Lightbox Tooltip
Private YouTube Vimeo Dailymotion
Audio Video Table Permalink
Members Guests RSS Menu
Sub pages Siblings Document Google map
Slider Carousel Gallery Posts
Dummy text Dummy image Animation Meta data
User data Post data Template QR code
Scheduler
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《Shortcodes Ultimate：WordPress簡單好用的終極簡碼插件》，對您有幫助。
1 SiteGround如何快速安裝WordPress？
購買SiteGround空間之后，如何在SiteGround快速搭建WordPress網(wǎng)站？
如果你還沒購買SiteGround主機，請先看這篇SiteGround官網(wǎng)注冊教程?▼
國外WordPress虛擬主機推薦：SiteGround官網(wǎng)注冊教程
總結如何用3.95做個自動躺賺的網(wǎng)站？自從分享了這篇《怎樣才能在谷歌賺到100萬？成功賺到100萬美元的方法?》文章后，就有不少朋友希望可以快速建立網(wǎng)站賺錢。建議還沒看過的朋友，先閱讀……
如果你之前沒有建過網(wǎng)站，請跟著以下SiteGround主機WordPress建站方法操作。
第 1?步：登錄SiteGround后臺?▼
點此進入 SiteGround?官網(wǎng)
登錄后臺時，會看到重要提示：
“You have a new hosting account that you haven’t set up yet”
第 2?步：請單擊后面的“View”▼
第 3 步：安裝WordPress建站程序
在點擊“View”之后，將跳轉到安裝WordPress的頁面?▼
第 4 步：設置Enhance Your Account
在下面的“Enhance Your Account”中?▼
第 5 步：進入Customer Area后臺
大約1分鐘后，系統(tǒng)將提示你成功啟用它?▼
第 6 步：給域名添加A記錄到空間IP地址
此時，你需要登錄到NameSilo后臺，為你的域名添加A記錄到這個IP地址。
NameSilo給域名添加A記錄到空間IP地址的方法，請參考此文?▼
NameSilo域名注冊教程（送你 1 美金 NameSilo優(yōu)惠碼）
NameSilo 優(yōu)惠碼：WXR?（優(yōu)惠10%）NameSilo 2022最新注冊流程在眾多網(wǎng)絡營銷方法中，最有效果的是SEO。既然做搜索引擎優(yōu)化，就必須注冊域名和建站。不過，在注冊域名時，一些不明智……
第 7?步：刪除2個不好用的WordPress插件 ▼
為了提高電商網(wǎng)站的安全性，必須給網(wǎng)站安裝SSL安全證書。
第 1?步：進入cPanel
第 2?步：點擊“Let’s Encrypt?”
第 3?步：選擇要安裝證書的域名?▼
第 4?步：選擇HTTPS Settings
在“Action”里，選擇“HTTPS Settings”▼
第 5?步：強制開啟https
“HTTPS Enforce”和“External Links Rewrite”都選擇 “on”▼
第 6?步：WordPress后臺設置URL加上https
第 7?步：打開網(wǎng)站前臺查看https效果?▼
點此查看 SiteGround 最新優(yōu)惠價格
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《怎么快速搭建WordPress？購買SiteGround安裝SSL教程》，對您有幫助。
1 blockquote是什么意思？
在WordPress文章編輯中，有一個常見的“塊引用” 按鈕▼
使用后，它會在所選段落中添加一個<blockquote>標記，以調(diào)用一些引用的語句或突出顯示。
以下是我們網(wǎng)站的引用樣式：
blockquote XHTML標簽是一個非常有用的（如果有些是未充分利用的）元素。 在語義上，每當你從其他來源（另一個發(fā)言者，另一個網(wǎng)站等）引用較長的文本時，都應該使用blockquote。 這是一種分隔文本并將其與其他來源一起顯示的方法。
在風格方面，你可以通過段落標記上的特殊類來完成所有這些… 但這在語義上是無用的，現(xiàn)在，它會嗎？ Blockquotes默認有一些樣式。
大多數(shù)瀏覽器會在blockquote標記中縮進文本，這有助于用戶以某種方式識別文本。 但誰能說我們需要在那里停下來？以下是使用CSS為你的blockquotes設置樣式的方法。
測試test-css.html并將css部分添加到html主體：
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test CSS blockquote</title> </head> <blockquote> <p>The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?<br> Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who's to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.</p> </blockquote> </body> </html>
發(fā)現(xiàn)有些WordPress主題，沒有在style.css?文件添加引用樣式。
將以下樣式，復制粘貼到主題的style.css文件里?▼
blockquote, q {
font: bold 21px/1.5 Consolas,"Courier New","KaiTi","KaiTi_GB2312","FangSong_GB2312",SimHei,arial,Monaco,monospace;
color: #000;
margin: 1em;
margin-left: 2em;
margin-right: 2em;
padding: 3px;
max-width: 95%;
quotes: "1C""1D""18""19";
background: #C3F3F7;
border-radius: 20px;
}
引用樣式確定正文（大小，顏色），背景顏色，空白，邊框等。
這種風格比較簡單，即設置左邊框并設置厚度。顏色控制字體顏色，背景顏色控制背景顏色（或直接背景組）。
邊距控制到窗口元素的距離，邊框的左側控制左邊框樣式，填充（尤其是左邊距填充左側）控制從文本到（左）邊框的距離。
這種風格很簡單，只需一個簡單的博客。
將以下樣式，復制粘貼到主題的style.css文件里?▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《blockquote怎么用？HTML中blockquote標簽demo效果》，對您有幫助。
1 如何刪除Jetpack站點加速器CDN的指定圖片？
WordPress插件Jetpack站點加速器（前身為 Photon）
注意：“Photon”現(xiàn)在是站點加速器的一部分。
雖然我們無法從Jetpack官方的 CDN 中手動刪除圖像.
但當你禁用該功能或??刪除圖像時，CDN緩存通常會在一兩周內(nèi)自動清除。
如果你需要馬上清除某些圖像，請聯(lián)系Jetpack插件的官方社區(qū)論壇，并提供相關文件在你站點上顯示的直接鏈接：
這些鏈接將以 i0.wp.com、i1.wp.com、i2.wp.com 或 i3.wp.com 開頭。
希望對你有幫助！
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何刪除WordPress插件Jetpack站點加速器CDN圖像緩存?》，對您有幫助。
1 問題排查
有個想做網(wǎng)絡推廣的朋友，最近開始學習用WordPress建站。
啟用 TinyMCE 編輯器 插件，在 TinyMCE 編輯器 插件的設置里，遇到這樣的問題 ▼
創(chuàng)建CSS樣式菜單
若出現(xiàn)以上情況，WordPress可視化編輯器，可能無法顯示我們想要的代碼樣式風格，比如：
editor-style.css文件，是否在WordPress主題的根目錄中？當我們在WordPress后臺中編輯文章時，由于css樣式問題，所以前臺和后臺顯示不一樣……
但Wordpress 3.0之后的版本，具有非常好的功能：
如果我們打開Wordpress的默認主題Twenty Eleven，我們可以看到有一個這樣的html注釋和代碼?▼
//此主題使用editor-style.css為可視化編輯器設置樣式，以匹配主題樣式 add_editor_style();
第 1 步：創(chuàng)建editor-style.css文件
第 2 步：將以下代碼添加到editor-style.css文件里 ▼
@import url('../style.css');
body {
margin: 14px;
max-width: 702px;
}
.post-content {
font-size: 14px;
}
第 3 步：將editor-style.css文件，復制到你的WordPress主題的根目錄中。
第 4?步：添加以下代碼到functions.php文件里 ▼
add_action( 'after_setup_theme', 'my_theme_setup' );
function my_theme_setup() {
add_editor_style();
// 對于塊編輯器
add_theme_support( 'editor-styles' );
}
第 5 步：刷新WordPress文章編輯頁面
如果你的WordPress主題，沒有給“引用標簽 blockquote ”、“代碼標簽 pre/code”加上CSS樣式，就需要自己在WordPress主題的 style.css 文件里添加對應的CSS代碼。
詳情請查看以下建站教程?▼
blockquote怎么用？HTML中blockquote標簽demo效果
在WordPress文章編輯中，有一個常見的“塊引用” 按鈕▼使用后，它會在所選段落中添加一個<blockquote>標記，以調(diào)用一些引用的語句或突出顯示。blockquote是什么意思？以下是陳溈……
CSS樣式里pre是什么？HTML中pre自動換行code標簽作用
我們用WordPress建站需要學習一些CSS?和 HTML的基礎知識：由于某些WordPress主題的CSS樣式文件，并沒有加入 pre?和?code?標簽樣式。 大多數(shù)瀏覽器目前支持<pre>標記。H……
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《已禁用:主題未添加名為editor-style.css的樣式表文件?》，對您有幫助。
1 如何解決錯誤？
很多網(wǎng)絡營銷新手在學習用WordPress建站時，PHP頁面很長時間，處于空白狀態(tài)。
然后出現(xiàn)以下錯誤提示：
Fatal error: Maximum execution time of 30 seconds exceeded in ......
很簡單，這意味著PHP執(zhí)行時間超過了30秒的限制。
我們以前也遇到過這個錯誤，本文總結了這個錯誤處理方法。
基本上，有3種方法可以處理此錯誤：
找到php.ini文件并在此文件中找到它：
max_execution_time = 30 ;
在此行中，將數(shù)字30設置為所需的值（以秒為單位）。
也可直接修改為：
max_execution_time = 0; //無限制
請注意，修改后需要重新啟動Linux服務器。
對于那些無法修改php.ini的新媒體人，可以使用ini_set()函數(shù)，來更改最大執(zhí)行時間限制。
在程序頂部添加以下代碼：
ini_set('max_execution_time','100');
在程序的頂部添加：
set_time_limit（100）;
set_time_limit 函數(shù)說明：
void set_time_limit ( int $seconds )
此函數(shù)的功能是設置允許腳本運行的時間（以秒為單位）。
換言之，如果超時默認為30秒，并且當腳本運行25秒時，調(diào)用set_time_limit(20)，則腳本可以在超時之前運行總共45秒。
當php以安全模式運行時，此功能不起作用。
可以關閉安全模式：
php.ini中將safe_mode設置為off。php.ini中的時間限制。如果未打開安全模式，安裝程序將運行25秒。
例如：
<?php
if(!ini_get('safe_mode')){
set_time_limit(25);
}
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《解決php提示Maximum execution time of 30 seconds exceeded錯誤》，對您有幫助。
1 WordPress自動備份到DROPBOX
只有先注冊Dropbox帳戶，才能將WordPress備份保存到Dropbox。
如果你還沒有，可以在下方鏈接查看Dropbox賬號注冊說明 ▼
如何注冊Dropbox網(wǎng)盤帳戶？創(chuàng)建Dropbox免費空間賬號教程
WordPress外貿(mào)網(wǎng)站建站空間，一般都是放在國外。外貿(mào)電商網(wǎng)站做備份，可使用Dropbox做存儲備份：你只需要一個免費的Dropbox帳戶； 2 GB的Dropbox可用空間就足夠了。如果你已……
第 1 步：編輯現(xiàn)有BackWPup作業(yè)，或創(chuàng)建新BackWPup作業(yè) ▼
第 2 步：在常規(guī)選項卡中，轉到“ 作業(yè)目標 ”部分，然后選中“ 備份到Dropbox”框?▼
將出現(xiàn)一個名為To：Dropbox的新選項卡，你可以在其中配置Dropbox的設置。
第 3 步：要進行身份驗證，請使用兩個按鈕之一，獲取Dropbox App身份驗證代碼或獲取完整的Dropbox身份驗證代碼。
單擊其中一個按鈕會轉到Dropbox站點，要求你允許站點訪問Dropbox。
第 4 步：單擊“ 允許（Allow）”?▼
第 5 步：在下一頁上，將顯示一個代碼?▼
要檢查Dropbox設置是否正常工作，請使用Dropbox作為作業(yè)目標啟動備份作業(yè) ▼
如果作業(yè)完成，你應該在Dropbox里看到備份文件?▼
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何將WordPress自動備份到Dropbox？使用BackWPup插件》，對您有幫助。
1 代碼1、WordPress按時間自動重命名圖片文件
網(wǎng)絡營銷人員用WordPress建站，如果讓用戶發(fā)布文章或編輯更新做SEO，上傳圖片名稱很多都是帶有特殊字符、中文漢字的圖片。
這些不符合規(guī)范的圖片，有時是無法如常顯示出來的……
因此，我們建議添加在WordPress后臺上傳圖片（媒體文件）自動重命名代碼。
上傳文件時，文件將以“年、月、日、分、秒和千分之一小時”的格式重命名，例如“20191022122221765.jpg”
以下是WordPresss上傳圖片文件，按時間自動重命名的代碼?▼
// WordPress按時間自動重命名圖片文件
function git_upload_filter($file) {
$time = date("YmdHis");
$file['name'] = $time . "" . mt_rand(1, 100) . "." . pathinfo($file['name'], PATHINFO_EXTENSION);
return $file;
}
add_filter('wp_handle_upload_prefilter', 'git_upload_filter');
名稱規(guī)則是由系統(tǒng)自動生成的32位MD5加密文件名。
由于默認情況下，生成的32位文件名有點長，因此使用 substr(md5($name), 0, 20)
截斷將其設置為20位。
//WordPress生成數(shù)字MD5加密自動重命名圖片文件
function rename_filename($filename) {
$info = pathinfo($filename);
$ext = emptyempty($info['extension']) ? '' : '.' . $info['extension'];
$name = basename($filename, $ext);
return substr(md5($name), 0, 20) . $ext;
}
add_filter('sanitize_file_name', 'rename_filename', 10);
functions.php模板文件中。實際上，你也可以在電腦上：
這個手動重命名圖片文件的方法，也是很方便的。
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress上傳圖片如何自動重命名？2大重命名文件方法》，對您有幫助。
