精品文章

實用教學

如何使用HTML代碼中的MARQUEE標籤製作網頁中閃爍的滾動文字?

如何透過編寫 HTML 代碼來製作帶有閃爍顏色的滾動文字? 我們在做網站的時候,有時候會需要使用到一些高亮或者滾動的文字來設置公告或者廣告之類的項目。 所以這次文尼先生將與您分享一段用於閃爍和滾動文字效果的 HTML 代碼 <MARQUEE scrollAmount=8 direction=right> <div id="blink"><b>公告:</b>這是文尼先生的一段公告</div> <script language="javascript"> function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=color.split("|"); document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)]; } setInterval("changeColor()",200); </script> </MARQUEE> 其他使用場景 屬性 behavior 設置文本在選取框內的滾動方式。可能的值為scroll和。如果未指定值,則默認值為。slidealternatescroll bgcolor 通過顏色名稱或十六進制值設置背景顏色。 direction 設置選取框內的滾動方向。可能的值為left、right和。如果未指定值,則默認值為。updownleft height 以像素或百分比值為單位設置高度。 hspace 設置水平邊距 loop 設置選取框滾動的次數。如果未指定值,則默認值為...
WordPress教學

如何在 WordPress 登入畫面中禁用語言切換器

您想禁用 WordPress 登錄屏幕上的語言切換器嗎? 禁用語言切換器會使您的默認語言成為登錄頁面上的唯一選項,但用戶仍然可以在其個人資料設置中更改語言。在本文中,我們將向您展示如何禁用 WordPress 登錄屏幕上的語言切換器下拉菜單。 為什麼禁用 WordPress 登錄屏幕上的語言切換器? WordPress 5.9的發布引入了一個新的下拉登錄選項,允許用戶在登錄網站時選擇一種新語言。 如果網站上有多種活動語言,則會出現此選項。   Wo這適用於多語言網站和具有不同用戶的團隊,他們可能希望以不同語言訪問 WordPress 儀表板。 但是如果你想讓你的登錄頁面保持簡單,並且你的用戶不需要經常切換語言,那麼刪除它可以幫助整理登錄頁面。它還可以幫助您控制您的自定義登錄頁面設計。 注意:語言選擇器不會讓您的 WordPress 網站成為多語言,它只是翻譯 WordPress 登錄和密碼重置頁面以及 WordPress 儀表板。 話雖如此,讓我們向您展示如何禁用 WordPress 網站上的語言切換器。只需使用下面的快速鏈接直接跳轉到您要使用的方法。 使用 WordPress 插件禁用登錄頁面語言切換器 在沒有插件的情況下禁用 WordPress 登錄頁面語言切換器   方法 1. 使用 WordPress 插件禁用 WordPress...
實用教學

為流式傳輸 HLS 和 DASH 選擇正確的視頻比特率

流媒體的視頻比特率 為特定分辨率選擇合適的流比特率,同時保持可接受的視覺質量並不總是那麼容易。該決定在很大程度上取決於內容,例如運動、分辨率、視頻比特率、幀速率等。在自適應流媒體系統中,如MPEG 動態自適應流式傳輸 (DASH)和Apple HTTP 實時流式傳輸 (HLS)需要做出的第一個決定是:系統應該為用戶提供的最小和最大比特率/分辨率是多少?這當然取決於輸入內容的分辨率和比特率,以及大多數用戶面臨的網絡條件,例如,帶寬從 x 到 y 波動的移動網絡(3G、4G)和具有相同方差的固定網絡,但在另一個範圍內。 根據經驗,Bitmovin 團隊建議通過下圖顯示的常見分辨率的最小、平均和最大比特率。圖表的水平軸以對數刻度顯示每秒 24 幀的分辨率所需的像素,垂直軸顯示以 Kbps 為單位的編碼比特率。 分辨率和比特率推薦 上圖的最小值、平均值和最大值函數也在下表視圖中可視化。此視圖還包含使用推薦比特率編碼時每像素花費的比特數。可以看出,由於 H.264/AVC 對於更高的分辨率更有效,因此每像素的位數隨著分辨率的增加而減少。 最低視頻比特率 平均視頻比特率 最大視頻比特率    
Wordpress資訊

WordPress 5.9.2 安全和維護

5.9.2版本修補了安全漏洞、修正了1個問題。 因這是一個 安全版本 ,建議您立即更新您的站點。 WordPress 5.9.2 是一個安全和維護版本, 下一個主要版本將是 6.0 。
寶塔面版教程

寶塔面板7.8 無痛切換aapanel,免手機認證,寶塔7.8降級至7.7教程

中國內地的站長一般會選擇使用寶塔面板作為系統面版,但自從7.8版本後,驗證方式改為userInfo.json,必須手機綁定才能使用,目前並無方法跳過,所以已升級到7.8版本的你,現在有3個選擇 你可以綁定手機號來繼續使用 降級到7.7版本再跳過驗證 切換成界面一樣的aaPanel (本文重點,相當於英文版的寶塔,功能超過9成一樣) 選用其他平台例如cPanel 有些站長可能沒有聽說過aaPanel,這裡簡單介紹一下,aaPanel與寶塔屬同一公司產品,目前是很多中國以外的亞洲站長很常使用的系統面版,在亞洲有超過 3,600,000 台服務器安裝了 aaPanel,aaPanel 是一個簡單但功能強大的控制面板,可以通過基於 Web 的 GUI(圖形用戶界面)來管理 Web 服務器,使用上跟寶塔沒兩樣。aaPanel同樣提供一鍵安裝LNMP/LAMP開發環境和軟件等一鍵式功能。 本文就來教大家如何把你已升級的寶塔 7.8 無縫切換成國際版aapanel,可能因為同樣是寶塔公司的產品,所以換起來蠻簡單的。 轉換前的準備工作 如果你曾在寶塔中安裝「寶塔面板靜態文件加速」插件,請先行卸載掉,不然切換平台後會出現樣式錯誤。 備份好網站檔案和數據庫,以防轉換過程中發生錯誤導致數據掉失。 aapanel的安裝代碼,目前最新版本是6.8.21,直接安裝最新版即可   官網安裝教程 原文: https://forum.aapanel.com/d/9-aapanel-linux-panel-6812-installation-tutorial Centos 版本代碼: yum install - y wget && wget - O install ....
WordPress教學

如何修改WP-Bakery所製作的模版? WP-Bakery教學

想製作精美的Wordpress頁面,但是又不懂得HTML / CSS / Javascript等編程語言? 你可以使用一些可視化的設計工具,網絡上最常用到的Wordpress可視化設計工具為Elementor、Divi和本文的主角WP-Bakery。很多Wordpress的主題頁面,都是用WP-Bakery這個工具製作的,意味著,我們也可以用這個工具來修改Wordpress主題上的某些頁面。今天就讓Mr. Money為大家介紹一下如何修改WP-Bakery的模版吧,一步一步成為Wordpress大師! 首先,建議在修改模版前,先備份一下模版,萬一改錯了,我們也有還原的機會。你可以安裝Yoast Duplicate Post這個插件,這個Wordpress插件的功能簡單而強大,安裝好後,前往文章列表,點一下「複製」,就會自動生成一組一模一樣的文章,我們可以用作修改。 現在剛剛點擊複製出來的文章標題,就會打開編輯頁面,你可能會被一堆看似亂碼的文字嚇壞,但不用擔心,WP-Bakery可是可視化設計工具,不會讓你在這堆亂碼中做設計的。現在我們有2個選擇,第一種是Backend Editor,屬於比較簡化的面版,只會顯示頁面結構。另一個是Frontend Editor,就是直接從訪客的視角去編輯頁面,今天Mr. Money網賺教學兩種方法都會說明一下,就先從Frontend開始吧 Frontend 編輯器 點擊一下「Frontend Editor」,我們就會打開WP-Bakery編輯器,你會看到像訪客看到的介面,只不過多了一些選項。 藍色的是編輯整個區塊(Section),一個區塊可以有多個欄 黃色的是編輯區塊中的欄(column),一個欄中可以放多個元素,例如文字,圖片等 綠色的就是編輯元素 綠色按鈕上的功能,分別是編輯,複製和刪除,假如我們現在想要修改文字,我們就點綠的按鈕上的鉛筆圖案,修改上面的文字,然後點擊儲存。 然後你就會看到文字已經被修改成功了,下一步我們可以把背景也改一下,通常這種覆蓋整個區塊的背景圖片,都是在藍色的區塊編輯器中修改的。我們點擊藍色按鈕中的鉛筆圖案,系統會彈出「區塊Settings」,我們點擊上方的風格設定,嘿! 找到了設定背景的地方了。 點一下紅色的叉叉移除現有圖片,要點一下綠色+號新增圖片,這裡可以上傳新的圖片,又或者選擇已經上傳好的圖片,選好後點右下角的設定圖片,然後儲存。 這樣就修改好了,看看下面的成果,其他區塊也是照葫蘆畫瓢,完成後記得點右上方的發佈/更新,這樣我們剛剛做的修改才會更新。 Backend 編輯器 Backend 編輯器同樣是可視化設計模式,只是畫面比較簡漯,只顯示結構,但編輯的功能是與frontend完全一樣的。這種模式比較適合對頁面結構已經很熟悉的人,我們可以像剛剛一樣,找到文字元素和區域設定進行修改。
cPanel教學 實用教學

如何用手機查看cPanel帳號中的Email? 一文教你手機連結cPanel創建的電郵帳號

首先我們先在cPanel中創建一個Email帳號,在cPanel中創建的email可以使用你的域名作為結尾,看起來更有權威性哦,像[email protected]。   先登入cPanel後到,然後搜索「email」,找到Email Accounts   點擊Create按鈕,以創建一個新的email帳號 在username中輸入一個你想創建的email帳號,例如你想創建[email protected]的話,就輸入contact,然後輸入一個安全的密碼,複製到筆記本備用,最後點擊Create 之後會看到列表中已經新增了我們剛剛創建的Email帳號,點擊右邊的Connect Devices,即可查看連結手機所需要的資料。 藍框中的部分就是我們連結手機所需的資料了,留意Incoming Server和Outgoing Server,Android用戶請記下IMAP Port和Outgoing Server的SMTP Port號碼,下面會用到 以下部分分為iOS版本和Android版本 iOS用戶 首先找到設定 2. 進入帳戶及密碼 3. 加入帳戶中選擇「其他」 4. 點擊新增郵件帳戶 5.名稱輸入一個用作分辨這郵件的名稱,例如「網賺教學客戶服務、網賺教學帳務」等,電郵則輸入我們剛剛創建的[email protected],密碼貼上剛剛創建帳號時的密碼,描述可忽略,完成後按下一步。   部分資料系統已自動為你填上,我們只需完成剩下的部分,首先確定這裡選的是IMAP,收件伺服器的主機名稱輸入在cPanel藍框部分中的Incoming Server,用戶名稱是[email protected],密碼是創建email時的密碼(系統應該已自動填寫),寄件伺服器主機名稱輸入Outgoing Server,用戶名稱和密碼同上,完成後點下一步。 確定郵件是打開狀態,然後點擊儲存,這樣就完成咯,試試收發Email吧。 Android用戶 先找到設定 找到「雲端與帳戶」,不同的Android版本,可能有點不一樣 電子郵件地址輸入我們剛剛創建的[email protected],密碼則是剛剛複製起來備用的密碼 帳戶類型選IMAP帳戶 電子郵件地址告用戶名都輸入[email protected],密碼輸入剛剛複製備用的密碼,IMAP伺服器輸入cPanel藍框中的Incoming Server,安全類型選SSL/TLS,端口輸入cPanel藍框中的IMAP Port 外奇伺服器中,SMTP伺服器輸入Outgoing Server,安全類型選SSL/TLS,端口選cPanel藍框中SMTP...
SEO工具 SEO教學

Google SEO 工具 – 5 個免費官方分析軟體

Google 在今年當中新增了許多幫助提升或檢測網站 SEO 的工具,而且這些 SEO 線上軟體服務都是由 Google 免費提供的。有一些工具雖然簡單,但是只要你懂的如何去使用、去分析結果,這些線上工具對幫助你檢測與提升網站方面是非常有效的。   1.Chrome Lighthouse   Lighthouse 是由Google所提供的一個線上審查網絡應用,目前提供5個SEO相關指標的測量結果,並即時反饋結果讓你知道當前網站的SEO簡單情況。 目前 Lighthouse 使用的方式有兩種: Chrome 線上擴充功能程式 使用命令工具運行 Chrome 線上擴充功能程式   下載 Google Chrome 52 或更高版本 1. 安裝 Lighthouse Chrome 擴充功能程式 Lighthouse 線上擴充功能安裝 2. 訪問你要進行審查的網站,並點擊右上方的 Lighthouse 圖示   Lighthouse 檢測網站 3. 點擊「Generate report」按鈕,就會直接開始進行網站的審查了...
SEO工具 SEO教學

如何快速找到SEO關鍵字?3分鐘快速建立目標關鍵字清單!

大家都想要利用SEO達到Google首頁,在之前的文章當中也告訴過大家,今天就繼續來探討SEO網站優化該怎麼做吧!   今天的SEO優化教學我們要結合之前介紹過的SEO優化技巧,融入在後續的關鍵字研究當中,而在我們繼續接下來的關鍵字優化之前,要先來帶領大家複習一下基礎SEO的知識:   到底什麼是SEO? SEO 中文是搜尋引擎優化(Search Engine Optimization,又稱搜尋引擎最佳化),SEO旨在協助企業在網路上能夠讓公司產品的潛在消費者能迅速找到,SEO的技巧有很多樣,除了本身網站架構之外,網站內部優化與外部鏈接都是關鍵字優化的重要因素。   網站優化(Web Optimization) SEO網站優化是為了能夠符合搜尋引擎的喜好,將網站的內部架構優化的更簡潔、更快速,當網站有新增新的文章或頁面時,能迅速讓搜尋引擎抓取。 此外,也要網站優化重點也著重在速度的優化,網站載入速度是搜尋引擎看重的SEO因素之一,因此網站SEO優化也必須要使網站架構簡潔、快速,才能獲得良好的搜媒體尋排名。   關鍵字優化(Keywords Optimization) SEO關鍵字優化的重點著重於潛在消費者所使用的關鍵字的喜好,透過各種數據分析我們能夠去發掘出更多的關鍵字。 在優化關鍵字之前,首先要先了解哪些關鍵字是使用者會使用的,如何找到越相關、流量越高的關鍵字就是一開始的重點,找到這些目標關鍵字之後,就可以針對這些關鍵字進行針對性的優化。 因此,SEO 關鍵字優化主要可分成兩個步驟: 分析與研究關鍵字,找到合適的關鍵字 將關鍵字融入文章與頁面當中,讓你的網站內容與你的關鍵字呈現高度相關性。 因此,我們將要來教你,如何找到對的關鍵字,透過本篇 SEO 教學優化來強化你的關鍵字研究基礎,跟著 Whoops SEO 一起來動手實作! 首先,我們要先知道一件事情:究竟今天我們 SEO 要優化的關鍵字是哪些關鍵字?挑選關鍵字對於所有 SEO 人員來說是一開始最難起手的地方,因此我們濃縮了三個簡易步驟,來幫助你快速找到適合你的目標關鍵字。 合適關鍵字研究:找到適合你的產業或產品的關鍵字   步驟一: 使用關鍵字研究工具來找到你適合的關鍵字 步驟二: 研究並優化你的關鍵字列表確認目標關鍵字...
SEO教學

22個不可不知的On-page SEO技巧

頁面優化是指網站內部的SEO人員為提高網站在搜尋引擎結果頁的排名而採取的所有措施。這些措施與頁面的內容和HTML源碼有關,比如說meta標籤、關鍵字放置、關鍵字密度,包括你網站的技術設置、內容、使用者友好度等。所以說,頁面SEO優化的因素與你的網站的要素是相聯繫的。 所以,在頁面SEO中,你處理的是所有你能控制的SEO優化要素。比如說,站長可以控制網站的技術問題、meta標籤、網站內容的品質等。頁面上的SEO問題都在你的控制範圍內,因此應該毫不拖延地解決這些問題,以提高網站在搜尋引擎結果頁的排名。 有許多頁面上的SEO因素可以幫助您的網站在SERP上提升排名。以下是一些最重要的頁面上的SEO因素。   1.標題標籤中的關鍵字 標題標籤告訴搜尋引擎和使用者關於您的內容。它提供了對內容的準確描述,這使得它成為搜尋引擎的重要相關性信號。因此,可以在標題標籤中加入相關的關鍵字,代表你的內容,從而可以説明搜尋引擎和用戶瞭解他們要閱讀的內容,並據此提高其排名。   2.meta描述標籤中的關鍵字 它是你的頁面的摘要或片段,顯示在搜尋引擎結果頁的URL下方,是你的頁面的摘要或片段。你可以將你的關鍵字加入其中,使其更具有相關性、吸引力和信息量,從而使搜尋引擎和使用者對你的連結有更多的點擊。   3.H1標籤中的關鍵字 它也是介紹你的頁面的相關性因素,或者作為你的頁面的描述。所以,你也可以在H1標籤中加入你的主要關鍵字,以提高其排名。   4.頁面的長度 如今,使用者不會滿足於基本的資訊,相反,他們希望通過閱讀關於一個主題的所有可能的資訊來獲得教育。因此,搜尋引擎更傾向于選擇長度較長的頁面來排名第一,因為較長的頁面可以涵蓋你的主題的更多方面。   5.Canonical Tag 當你有兩個內容相似的URL時,你應該使用Canonical標籤。這個標籤可以防止內容重複的問題,因為它告訴Google,一個URL與另一個URL是等價的,所以兩個內容相同的頁面並不是不同的頁面,它們屬於原始頁面。   6.圖片優化 除了文字之外,圖片也應該通過alt文本、標題和描述等方式進行優化。此外,不要將圖片命名為’image1.jpg’,而是使用描述性的檔案名,比如”woman-driving-car.jpg’   7.內容更新 搜尋引擎更喜歡新鮮更新的內容。所以要不斷的給網站添加更多的資訊,必要時更新舊的頁面。   8.外鏈 如果你想提供更多的資訊,可以使用外鏈將用戶發送到另一個網站。所以,它可以成為Google的信任因素。但是,使用過多的外鏈很多會影響排名,所以要適度使用。   9.內部連結 你可以將你的頁面進行相互連結,這樣一個頁面的流量可能會被引流到其他頁面。   10.URL中的關鍵字 URL中應該包含關鍵字,因為這也是向搜尋引擎發送相關性信號的一種方式。   11.網站地圖 你可以為你的網站創建一個網站地圖。它可以説明搜尋引擎索引您網站上的所有頁面,這是搜尋引擎優化的一部分。   12.Google Search...
SEO教學

如何才是好的頁面標題標籤(Meta title)?

網頁標題的搜尋引擎優化 它是一個指定網頁標題的HTML元素。它是代表網頁標題的元標籤之一,位於網頁HTML代碼的<head>部分。它顯示在流覽器視窗的標題列上。標題標籤顯示在搜尋引擎結果頁面上,作為網站URL上方的可點擊標題。頁面標題告訴使用者和搜尋引擎關於你的頁面上的資訊類型和性質。   以下是撰寫優化標題標籤的一些重要說明:   相關的 它應該是對你的頁面內容的相關、準確、簡潔的描述。   長度 應該是最多60個字元。它的長度應該不超過60個字元,也就是說,Google通常會顯示標題標籤的前50到60個字元。所以,如果你的標題太長,可能會被搜尋引擎通過添加一個省略號(”………..”)來削減,可能會隱藏重要的文字。但是,不光是字元數,字母所占的空間也很重要。例如,”M “比起 “I “或 “t “這樣的小寫字母要寬。   不要過度的SEO關鍵字 雖然Google的演算法中沒有對過長的標題進行懲罰,但是如果你在標題中塞滿了關鍵字,導致使用者體驗不好的話,可能會面臨一個問題,比如說,購買智慧手機,最好的智能手機,最新的智能手機,打折的智能手機。所以,要避免完全由關鍵片語成的標題,或者是同一個關鍵字的重複變化。搜尋引擎知道一個關鍵字的變化,所以沒有必要把每個版本的關鍵字都塞進標題中。例如:SEO教程、SEO初學者的SEO教程、Seo教程、Seo教程的印地語等。   關鍵字的放置 把目標關鍵字放在標題的開頭,把最不重要的詞放在最後。你的主要關鍵字越靠近標題的開頭,在搜尋引擎結果頁上顯示的機會就越大。   添加修飾詞 你可以在你的標題中添加修飾語,如 “2019”、”最好的”、”評論 “等,以提高目標關鍵字的長尾版本的排名。   把你的標題放在H1標籤中 H1標籤是標題標籤。大多數像WordPress這樣的內容管理系統(CMS)都會自動將H1標籤添加到您的博客文章標題中。所以,你可以檢查你的網站的代碼,確保你的標題是放在<h1>標籤中。   為每個頁面設置獨特的標題 為你的網站的每一個重要頁面使用獨特的標題。現代CMS允許你為網站的每一個重要頁面創建獨特的標題。例如,一個電子商務網站可能有成千上萬的產品頁面,其產品名稱和類別資料庫可以用來生成獨特的標題,如產品名稱、產品類別和品牌名稱等。此外,避免使用像 “首頁 “或 “新頁面 “這樣的標題,因為它們可能會導致搜尋引擎認為你的網站或其他網站的WWW上的內容重複,以避免重複內容問題。   關鍵字分離 使用垂直線或管道來分隔目標關鍵字和短語,即避免使用逗號、底線、破折號等。 不要重複使用標題標籤。為不同的頁面寫不同的標題,也就是說,不要把同一個標題放在多個頁面上。...
SEO工具 SEO教學

如何在WordPress上使用Yoast SEO? 給初學者的超完整教程(2020更新)

每個WordPress網站都需要一個SEO插件。 而說到SEO插件,Yoast SEO是迄今為止最受歡迎的選擇之一。WordPress SEO是一個複雜的話題,但對經營網站來說是不可避免的。為了解決這個問題,Yoast SEO已經內置了很多高級的功能,讓您對網站的SEO進行精確控制。因此,即使Yoast團隊已經做了很大的努力讓SEO初學者也能輕鬆使用,為了給你提供幫助,我們寫了這篇Yoast SEO教學。 這是一個很詳細的指南,所以我們把它分成了兩個部分。   Yoast SEO的初學者指南 在這一部分中,我們將為初次使用Yoast SEO的用戶和休閒用戶提供技巧。 如果你已經熟悉了Yoast SEO的基本設置和Yoast SEO的Meta Box,你可能會覺得有些多餘。   Yoast SEO的高級指南 在這一節中,我們將介紹更多的高級策略,如標題/meta變量、noindex標籤等。 即使您已經在您的網站上使用了Yoast SEO,您也可以從這一節中獲得一些附加價值。 準備好學習如何使用Yoast SEO了嗎? 您可以點擊上面的內容直接跳到高級部分。 如果你是第一次接觸,就讓我們從頭開始吧!   Yoast SEO的初學者指南 在本節中,我們將介紹Yoast SEO的新手需要瞭解的內容。 您將學習到: 如何正確輸入配置嚮導中的信息 什麼是Yoast SEO meta box以及它的工作原理 你可以從Yoast SEO儀表板上做什麼? 然後,在下一節中,我們將進入一些更高級的Yoast...