文章彙整

3 篇文章標籤含"前端設計"

首頁  /  標籤含 "前端設計"的文章

Magento 2:設置Theme Logo

在Magento 2,Logo的檔名與格式預設為logo.svg。當你把一個同為logo.svg的檔案放到對應路徑<theme_dir>/web/images時,系統就會視這張圖為這個theme的logo。(即下圖所標示之處) 在使用客製的theme時,我們也可以藉由宣告來使一張不同名稱且不同格式的圖設為logo。   那麼在什麼情況下我們需要使用宣告呢? 主要可以分為以下幾種情形:   當你的theme沒有parent theme時 如果你的圖檔與預設相同為logo.svg則不用宣告 如果你的圖檔與預設名稱或格式不同時則需要在layout宣告  

從前端設計的角度來實踐SEO!

搜尋引擎有兩個主要功能: 爬行網站並建立索引。 提供搜尋使用者最相關的網站排名列表。 搜尋引擎優化(SEO,Search Engine Optimization)就是讓網站在搜尋引擎產生的列表中有較好的排名,進而獲得流量。就前端工作者而言,搜尋引擎優化(SEO)的首要工作要從網頁的結構化開始做起,並且同時考量使用者體驗。 結構化的網頁 為了加速搜尋引擎正確了解網頁的資訊,將網頁資訊有結構的呈現給搜尋引擎是相當重要的事情。而為了實現網頁的結構化,我們可以使用以下幾個方法: 1. 使用HTML5 結構標籤(語意標籤) Structural/Semantic Elements HTML5

如何使用Brackets 擴充功能 “Extract for Brackets (Preview)”,直接從psd檔取出設計資訊?

本篇文章將介紹如何使用Brackets擴充功能 “Extract for Brackets (Preview)”直接從psd檔取出文字、圖片、位置和間距等設計資訊。 你可以直接從 http://brackets.io/ 下載內含 “Extract for Brackets (Preview)”的版本、也可以另外從擴充功能管理員安裝 “Extract for Brackets (Preview)”。 STEP 1: 點擊右側圖示開啟Extract for Brackets (Preview) STEP 2: 上傳PSD檔案 第一次使用,“Extract for Brackets