Magento 可以在指定的日期裡套用特別的佈景主題。例如季節性的活動主題：母親節主題、聖誕節主題。 1.進入管理者後台，選擇 System > Design. 2.點擊右手角的 Add Design Change 3.依序填入資料Store、佈景主題、開始及結束日期，再按下Save按鈕就可以了 Store: 選一個Store View Custom Design: 選擇佈景主題(例如：Xmas) Date From: 開始日期 Date To: 結束日期   依照圖片的設置方式，網站會在2017年12月1日自動套用xmas這個佈景主題、在2018年1月10日換回原本的主題。 更多教學文章請看:Magento教學導覽 ...

本章節將告訴您如何在Magento 2裡產生sitemap。 Sitemap可以增加您的網路商店被搜尋引擎搜索到的機會，同時特別設計成可尋找被網路爬蟲忽略的頁面。Sitemap也可以設置為能夠索引所有頁面和圖片。   當啟用Sitemap時，Magento會建立一個叫sitemap.xml的檔案保存到安裝的根目錄。該配置使你能夠設置更新的頻率和每種內容的優先權。而你的sitemap應該按照網站上的內容進行更新（可能每天、每週、每月）。   當網站進行開發中時，你可能會放入網路爬蟲的指令來避免網站被搜索到，記得上線前更改指令來允許網站被索引。   相關文章 – 何謂Sitemap： https://www.astralweb.com.tw/what-is-a-sitemap/   步驟一：設置並啟用Sitemap 首先在左邊管理列中導入Store>Configuration 接著選取Catalog區塊裡的XML Sitemap 各類別裡的配置頁面皆可展開選項來根據你的需求做設置 您除了可以對目錄、產品、CMS做頻率和優先順序之設置外，甚至能將產品及圖像包含到sitemap中。 在“生成設置”中，您可以啟動Sitemap，並設置它的時間與頻率。 在“Sitemap File Limits”部分中，您可以選擇每個文件的URL限制和文件的最大大小（單位：bytes）。若您想藉由robots.txt的指令好讓搜尋引擎找到你的網站，則將Enable Submission to Robots.txt選項設置為Yes。   步驟二：設置並啟用robot.xml 在管理欄位選擇Store>Settings>Configuration. 在General下拉欄位處選擇Design 展開Searchn Engine Robots欄位後照著以下步驟進行 a.設定Robot預設值 INDEX, FOLLOW：命令網頁抓取工具對網站進行索引並在更動之後做查看 NOINDEX, FOLLOW ：命令網頁抓取工具對網站停止索引，但會之後檢查或更動 INDEX, NOFOLLOW：命令網頁抓取工具對網站進行一次索引，但更動後不再做檢查 NOINDEX, NOFOLLOW：命令網頁抓取工具對網站停止索引，並未來不再做檢查更動 b.若有需要，將自定義指令輸入到robot.xml文件的編輯自定義指令中，例：當你的網站正在開發中時，可能會希望禁止外界造訪你的網站 c.若要恢復成預設指令，按Reset to Default   4.完成後按Save Config   步驟三：提交sitemap給搜尋引擎 你可以藉由提供Magento安裝的根目錄的sitemap.xml的檔案連結來將你的sitemap提交給不同搜尋引擎。以下是兩個最大搜尋引擎的指令資訊： Google:https://support.google.com/webmasters/answer/183669?hl=en Microsoft Bing:https://www.bing.com/webmaster/help/how-to-submit-sitemaps-82a15bd4     步驟四：恢復先前的Robot指令 最後你可以選擇恢復成最原始狀態或預設限制   如您需要專業Magento顧問協助或需要Magento相關系統開發，歡迎詢問我們！ 或者歡迎參考： 更多Magento 2教學導覽   參考資料：Magento2 原生手冊 http://docs.magento.com/m2/ce/user_guide/marketing/sitemap-xml.html ...

  一個新的原型標準 紙、筆、圖形編輯器和智慧原型應用程式。 隨著不斷發展的設計標準，客戶對網站和應用程序要求更先進、更複雜的界面設計。 現在有許多工具可以幫助加速設計過程，以滿足這些需求。 Axure RP可在OSX和Windows上使用，強大的快速線框和原型設計工具的範例，多為界面設計人員所使用。 Axure RP允許設計人員建立動態內容、使用數據、條件和動畫，向團隊和客戶端顯示高度準確和功能性的原型，而無需編寫單行代碼。 沒有code意指的是嚴格的原型設計。   從草圖到有信心的編碼（並且分享到任何地方！） 你是如何設計原型？ 你是否從草圖開始使用不同的圖形編輯器來構建線框和視覺效果？（如Illustrator和Photoshop） 你是如何呈現你的想法？   Axure RP可讓你掌握草圖，並快速構建交互式線框，並表達在靜態展示中難以描述的想法。 一旦你的原型準備就緒，你可以使用應用程序內Axo Share功能，立即將你的項目發佈到雲端。 當然，展示你的原型是可以透過密碼安全地保護，並且可以從大多數的互聯網、瀏覽器開啟。 因為你的設計功能正如你所想像的那樣，將能夠明確地描述每個功能，而不會有任何誤解。 經過批准後，你的團隊將會以高度的信心投入生產，實現你的項目實時交付。       靜態線框 互動線框 添加視覺效果     靜態線框與動態線框 以傳統上來說，設計使用原型編輯器工具從草圖移動到線框、互動式想法需要轉換頁面和設計師討論了解每一步。 如果客戶端要求實際展示特定功能，設計人員將要求前端工程師模擬展示範例網頁。 任何的修改，都需要向所涉及的每個合作者請求額外的週期。 在Axure RP中，你可以節省工程師的煩惱。 將線框放在一起後，可以輕鬆添加動作（游標點擊，游標移到，展示等）來構建互動式demo。 按Ctrl + C和V添加視覺就很容易，這所有一切都會有所不同，因為客戶可以看到設計就像已經在生產中一樣。   結果：質量回饋與更快速的解決問題   我們Astral Web仍在測試Axure RP的整合，以適應我們的設計工作流程，目前我們已經在整個專案中歷過了良好正面的成果。 該應用程序對於我們經驗豐富的設計人員幾乎沒有進行任何培訓，而在短短幾天內，我們就能夠建立簡單易用的原型。 因此，我們的客戶更加興奮地看到我們的更新，並能夠分享更多建設性的回饋，這是設計過程中最關鍵的因素之一。   更多Axure RP教程…. 我們期待著推動Axure RP的極限，並與你分享我們的經驗！   Axure RP 8 Official Website   Note: Photos from https://www.pexels.com Images edited/created by Yuuya Masada.     ...

在Magento 2，如果沒有設定自己的信件logo，則會顯示Magento自己預設的logo圖。   預覽信件Logo   我們可以在後台預覽各種信件的預設範例：   1.行銷(MARKETING) > 通訊(Communications) > 郵件模板(Email Templates) 2.選擇新增模板：Add New Template   3.模板 > Magento_Email > Header > 載入模板 > 右上預覽模板 4.信件Logo預設模樣 後台設定   接者我們可以到後台上傳更改我們要的logo圖：   1.在Magento後台左側的選單，選擇 內容(Content) > 設計(Design) > 配置(Confiquration) 2.下拉到交易信件(Trasactional Email)點開其選項 3.選擇你想要設為logo的圖檔後上傳 (可在此設定logo圖的大小) 存檔後再去檢視一次預覽你可能會發現，為什麼我的logo圖仍然還是預設的Magento或是Luma Theme的logo圖呢? 如果我們回到剛剛上傳圖片的地方，你會看到以下情形： 上傳的圖片顯示不出來，點下去也只會看到404的錯誤訊息 其實這是另一個已知的Magento 2的Bug。 因為從後台上傳的圖片存取位置並不相同，所以系統抓不到我們上傳的logo圖只好顯示預設圖。 Magento官方雖然有在Githut上推了一支Fix(參考連結)，但於之後的版本更新內容中都仍尚未加入進去，而隨者每次的更新，許多開發者所想出來的解決方法也不完全適用了。 那麼到底該怎麼樣才能更改我們的信件Logo圖呢!? 注意!由於Magento官方尚未正式更新此漏洞，以下的方法僅適用於 2.1.x~2.1.4(測試當前版本)   1.新增Header範例 我們可以藉由新增Header的範例，直接更改範例內的logo網址。 回到瀏覽信件範例的地方，選擇Header載入範例，可於參考圖例的位置中可各別修改 寬、高，Logo位置。 修改src的部分時，如果是用網址的絕對位置而非使用變數時，須將兩側的”{{“與”}}”要記得拿掉。 預覽一下我們的設定 最後再保存這個範例就可以了。   2.建立遺失的資料夾路徑 這個方法比較簡單，回到後台上傳交易信件logo圖片的地方，這次我們對者剛才無法顯示的logo圖開啟開發者人員工具檢視，滑鼠指向404錯誤訊息處的右邊，會顯示出所參照的位置，接者直接參照所顯示的位置去建立對應的資料夾並放入logo圖後再到後台重新上傳一次相同的圖檔。 重新整理頁面後可以發現，logo就正常顯示了！也可到剛才預覽的信件範例的地方再做一次檢查。 需要注意此對應位置可能於之後的Magento2更新中變更，已有變更前例，如果屆時還未更新此問題，則可先檢查對應的路徑是否有更改並建立其參考的路徑與資料夾。 歡迎參考更多MAGENTO 2 教學文章 ...

  Zendesk 在買下Zopim之後，正式為其命名為Zendesk Chat，除了具有線上客服的即時快速與個人化之外，更具有追蹤客服紀錄、蒐集訪客數據、即時監控以及分析管理業務等等之功能。 Zendesk Chat安裝步驟 註冊帳號 輸入姓名及email。 收到驗證信後，點入驗證連結，設定密碼及其他資訊。 崁入Zendesk Chat程式碼 登入Zendesk Chat網站> 點選左側 設定值> Widget 您可以選擇將程式碼崁入至網頁html/ WordPress或是Shoptify使用者請利用插件安裝/ 將程式碼寄給您的技術人員。 安裝完後，您的網站上就綁了線上客服的功能，預設的線上客服是出現在網頁的右下方喔。 個人化設定- 外觀 線上客服的外觀設計與設定攸關著品牌形象與使用者感受， 因此Zendesk Chat提供了個人化設定，讓使用者將其調整成適合的線上客服樣式。 設定線上客服區塊外觀 點選左側 設定值> Widget> 外觀。 可以設定線上客服區塊的顏色、大小、文字、照片等等喔。 個人化設定- 代理(Agent) 快速即時的解決用戶疑問是線上客服最主要的關鍵，建立多個代理(Agent)不僅能讓問題更快速的找到答案，更能讓客戶得到最快速及時的回應。 設定多個代理(Agent) 點選左側 設定值> 代理。 點籍 新增代理。 輸入代理資訊，即可建立代理。 個人化設定- 快速鍵   為了能讓客戶得到最即時的回應，代理必須在最快的時間內回覆或回答問題， 因此，快速鍵是一個很重要的功能。 設定快速鍵 點選左側 設定值> 快速鍵 您可以看到現階段已存在的快速鍵，若要新增快速鍵，則點選新增快速鍵。 輸入完所需要文字，點選建立快速鍵即可完成。 個人化設定- 觸發功能 針對特定狀況的客戶，利用觸發功能來主動幫助他們， 此功能不但能使客戶感到受重視，更能讓用戶的使用體驗更順暢美好。 新增觸發程式 點選左側 設定值> 觸發程式> 新增觸發程式。 為欲新增的觸發程式填上名稱與描述。 您可以選擇何時要觸發、觸發時的條件、以及觸發程式。 再點選建立觸發程式即完成。 ...

相信許多前端工程師在開發響應試網頁時，常常會使用一些輔助工具來測試在不同尺寸的行動裝置上所顯示出來的網頁效果是否正常，像Chrome瀏覽器內建的開發人員工具裡就有兼具模擬各種裝置尺寸的功能，對大部分前端開發者而言也是較方便與使用的。   但如果你想要在同個頁面可以看到不同尺寸所呈現出來的網頁效果，以現在前端開發者所選擇使用的工具普遍都是一次只能顯示一種，無法同時預覽多種尺寸。   所以，今天歐斯瑞就和大家介紹Sizzy這款工具，好讓前端開發者能有更多選擇，一起來看看吧！     Sizzy是一款讓前端開發者在開發過程中，能在同個頁面裡同時看到在不同尺寸上所呈現出來的頁面也可以單獨顯示的測試工具。       使用教學 進入Sizzy網站後，輸入你想要測試的網站網址，按”Enter” 或 點擊送出。       接著，你就可以同時看到在不同尺寸的手機與平板上所呈現出來的網頁效果。   在左側選單中，可以依自行情況來選擇想要的功能，例如只顯示一種OS或行動裝置…等。   如果你想單獨顯示某一種裝置的尺寸，可以點擊，此時畫面只會顯示你所選擇的。   若想在單獨顯示畫面隨時切換成各種裝置的尺寸以預覽網頁效果，可在左側選單進行切換。 另外，在Sizzy裡也可以測試橫向畫面，只要點擊就能切換成橫向了。   值的注意的是，當你點擊會出現鍵盤，但無法直接使用該鍵盤輸入文字，僅能以實際鍵盤進行輸入。   當你測試的網站在有做響應式網頁的前提下卻顯示白畫面時，很可能是因為網站為了防止嵌入到其他網站，例如網站程式碼中有x-frame-options參數，會禁止在iFrame載入。     句 那麼該怎麼解決白畫面呢？經實際測試後得到的結果，在安裝擴充元件後是可以正常顯示出來的。所以，建議你可以先嘗試安裝Sizzy擴充元件，然後再重新測試一次。 擴充元件安裝請到Chrome瀏覽器的線上應用程式商店搜尋“Sizzy”。 https://chrome.google.com/webstore/detail/sizzy/nfhlbmjiiogoelaflfclodlkncbdiefo     以上就是今天介紹給大家的響應式網頁開發測試工具Sizzy，希望這款工具能幫大家在開發過程中更為順利。   最後在這裡提醒大家，由於Sizzy這款工具的設備尺寸是屬於靜態的(開發者Kitze內建好的)，所以目前還無法讓使用者自行增加其他設備尺寸，以及擴充元件目前也只有Chrome瀏覽器才有喔！     Sizzy網址：https://sizzy.co/ ...