"July, 2015" 有26篇文章

首頁  /  2015  /  July

開始佈置您的Magento網站、準備開店了。

在安裝完Magento之後、接著我們要來佈置商店、準備銷售商品。這篇文章要教您: 更改商店Logo 更改商店Icon 關閉商店上方的提示條 更改商店名稱 幫每個頁面的網頁標題加上固定訊息 更改歡迎資訊 更改版權資訊 更改商店Logo Step 1 將新的Logo上傳到伺服器。 在Magento後台、Logo 是以指定路徑的方式做設定的。而Logo放置的位置必須位於佈景主題的資料夾內。在這個範例中、我們使用Magento預設的rwd佈景主題、因此我們要把新Logo放在 skin/frontend/base/default/images/ 底下。 Step 2

Google adwords如何設定排除關鍵字

當您要控制某些關鍵字被搜尋的時候您所投放的廣告不要被顯示,您需要在該廣告活動或廣告群組中加入排除關鍵字。 首先修改日期範圍(建議選最近30天才有足夠資料),點選要設定排除關鍵字的廣告活動或廣告群組。     點擊進入頁籤 ,下拉 ,點擊進入下的,勾選出要排除的關鍵字,例如轉換率低的關鍵字,點選,之後即完成設定。     如果您的廣告活動沒有足夠資料數據(例如活動推出沒有超過30天),但是您還是要設定排除關鍵字,請在您要設定排除關鍵字的廣告活動中點選頁籤,點選。    

網站伺服器出問題,快速設置維修網頁!

如果您網站的伺服器突然出現問題,使得網站不能被使用者正常的瀏覽,這是一件很糟糕的事情,所以我們要為了這個情況快速的設立維修頁面,讓使用者知道目前網站出了些問題,暫時停供網站的服務。   首先,我們要修改網域名稱的轉向,將網址從發生問題的伺服器轉向到另一台正常的伺服器,並設定DNS的推播頻率為10分鐘一次,這樣子當網站伺服器回復正常之後就可以快速的將DNS調整回原本的主機。     接著在你所導向的伺服器建立該網域名稱的設定,讓你網站的網域名稱可以在此伺服器中使用你所指定的資料夾位置。   下圖使用Apache網頁伺服器作為示範,編輯伺服器中的

Google Adwords 和 Facebook 廣告使用圖像的建議尺寸

當你要在Facebook投放廣告時,你使用的廣告圖像大小不在建議尺寸範圍內,圖像就有被裁切的可能;而Google Adwords圖像尺寸會因為廣告投放的位置不同,會使用不同尺寸的圖像;這篇文章整理了Facebook廣告與Google Adwords中使用圖像的建議尺寸 Facebook 廣告圖像建議尺寸   以下依照你選擇臉書廣告投放的方式,使用呈現方式較良好的圖像建議尺寸 點擊網站次數     1,200 x 628 pixels 網站轉換     1,200 x 628 pixels 專頁貼文互動     1,200 x 900 pixels 粉絲專頁的讚     1,200

Photoshop教學:【基礎篇】後製魚眼效果

今天Astral web要與大家分享要如何後製魚眼效果,此效果可以運用在照片與文字上,運用在照片上時需要使用解析度較高的照片,一起來看看這效果要如何製做吧! 1.開啟一個方形的尺寸,並且是黑底的背景       2.我們先使用橢圓工具,來做底     3.畫出一個圓型後,將它點陣化     4.選擇 濾鏡>模糊>高斯模糊         5.調整需要的模糊程度       6.這是我們做出魚眼看到的範圍    

純CSS的下拉式選單

以往我們要實現下拉式選單大多會使用Javascript或者是Flash,不過現在我們有更簡單的選擇。今天我們要跟大家分享如何單純使用CSS及HTML製作互動式的下拉選單。底下就是我們完成的選單效果截圖。 首先我們先把第一層的按鈕做出來。 HTML <ul class="drop-down-menu"> <li><a href="#">關於我們</a> </li> <li><a href="#">Magento</a> </li> <li><a

如何在側邊欄位加入客制化區塊

客制化你Magento系統有時候需要一點編碼來幫助你建立你的網站,讓你的網站更方便管理,以下我們要教大家如何將客製區塊加入到頁面的側邊欄。 本次範例我們將加入客製區塊到商品分類頁面中的左側欄。 首先,先在Magento管理後台 CMS -> Statick Blcok 中增加新的客製區塊 接著編輯你區塊內的資訊以及內容 Block Title:  在後台檢視的名稱 Identifier:  此客製區塊的ID Status:  此區塊的啟用狀態 Content:  區塊的內容   編輯完成之後儲存,在你的Static Block清單中就會多了一個我們剛剛新增的區塊

定期存取臉書廣告洞察報告

請前往2015年更新版-定期存取臉書廣告洞察報告 上一篇文章介紹如何自訂廣告分析報告,這篇文章要教大家如何設定:將臉書廣告分析報告定期寄送至我的電子郵件信箱 首先 1. 登入Facebook帳戶(必須擁有粉絲專頁管理員與廣告管理員權限) 2. 進入廣告管理員>分析報告 3. 設定這份報告的條件以及廣告的日期(詳細設定請參考”臉書廣告分析報告,所有資料完整掌握“) 4.設定完成報告內容之後,就可以點選”排程”   這類似訂閱功能,你可以安排報告的 寄送頻率:每日、每周、每月 開始日期:點選日期設定

臉書廣告分析報告,所有資料完整掌握

當你使用臉書廣告在宣傳你的商品時,都會在該廣告活動下隨時觀察廣告目前的成效,利用一些基本的數據來觀察是否要調整廣告活動的設定,但是往往在廣告刊登結束之後,你想要了解更多廣告成效,以及運用廣告報告分析下一次刊登廣告的方式,這時候就必須要一個更詳細的分析報告了,這篇文章介紹如何自訂廣告分析報告。 前往(2015改版篇)臉書廣告分析報告,所有資料完整掌握 廣告活動-基本分析資料 這是在廣告活動之下的基本分析資料,可以快速了解這個廣告的基本成效,包含(貼文的讚次數、網站點擊次數、貼文分享次數、相關性分數)、成本、觸及人數、點擊次數、總支出、等等…如下圖:  

Magento網站建置三部曲—–UI/UX設計與行銷的重要性

「你有看到巷口新開的精品店嗎?他的歐風裝潢真的好漂亮喔!好想去看看。」 「你看,大俠漢堡包正在推出買一送一的優惠呢!我們聚會就決定在這裡吧!」 「這家咖啡廳的服務人員真的很親切呢,服務又貼心,下次還要再來。」 這些對話,是不是讓你感到很熟悉呢?每當我們看到精心裝潢的店面,聽到某家店服務極好或是商品在大特價促銷,我們總是會多加留意,許多老闆/創業者也看準這點,店面裝潢一家比一家華麗,商品一家比一家精緻,促銷手法一家比一家有趣,為了打造獨特的顧客體驗讓新客人源源不絕,就客戶回購不斷,大家無不費盡心思。  

Photoshop教學:【基礎篇】快速調整影像尺寸

今天Astralweb要與大家分享如何更改照片或圖片實際的尺寸,我們通常看到數位照片的尺寸都相當的大,但有時候在網路上使用,我們不需要這麼大尺寸的圖片,今天與大家分享要如何快速調整影像尺寸。 開啟要修改的照片 選擇 影像>影像尺寸 會出現影像尺寸的視窗,此時會顯示目前影像尺寸的內容,可以選擇不同單位來做調整 要先更改解析度 此時寬度高度會自動對應此解析度的尺寸 我們再將寬或高調整成我們要的尺寸 按下確定後就可以更改尺寸   更多相關文章:Photoshop 教學導覽    

網頁使用者互動設計(interactive design)與視差設計(parallax design)分享

行動裝置發展快速與HTML5技術攀升,也影響網頁設計的形態改變,以往會使用Flash來製作網頁動態效果,但由於支援性、SEO等問題,讓多數企業都走向新形態的設計方式,HTML5越來越成為一種趨勢,現今沒有酷炫的Flash動態效果,網頁總不能死版版的,HTML5難道就不能做出酷炫效果嗎?其實是可以的,今天要與大家分享幾個範例,以及運用這些技術該注意的事。 KFC Kentucky Fried Chicken   WWF Tiger Challenge    ANA Flight Connections

CSS 濾鏡特效

CSS 濾鏡是一個讓我們實現各種視覺效果的工具,我們可以利用CSS濾鏡來幫網頁加上一些視覺效果。 本文將為您介紹CSS的濾鏡效果及用法。   CSS 濾鏡共有十種特效,分別是: grayscale灰階 sepia懷舊 saturate飽和 hue-rotate色相旋轉 invert負片 opacity不透明 brightness亮度 contrast對比 blur模糊 drop-shadow下拉陰影 grayscale灰階 讓圖片變成黑白圖片。可以使用0 – 1或是0% – 100%做為屬性值。 <img src="image.jpg"

Google Adwords關鍵字比對類型

如果你是某項產品或服務的行銷人員,需要使用網路廣告接觸你的客群,那麼你一定需要知道如何使用Google Adwords設定關鍵字類型,讓你的關鍵字廣告成效更符合經濟效益。 Google Adwords包含五種關鍵字比對類型 廣泛比對 此為Google Adwords預設的關鍵字比對類型,只要網友搜尋的字詞中包含了你設定的關鍵字,你的廣告就可能顯示,順序顛倒或前後搭配其他字詞亦或是關鍵字近似詞甚至是錯別字,都有可能觸動廣告顯示。

改善Magento商品圖片的品質

為了有效的提升瀏覽網頁的體驗,Magento系統在前端頁面產生商品圖片之前,會將圖片做品質的壓縮,雖然影響的程度不大,但是您還是想要在商品頁面中呈現高品質的商品圖片,可以採用以下作法: 步驟1 複製 /lib/Varien/Image/Adapter/Gd2.php 檔案 並儲存到 /app/code/local/Varien/Image/Adapter/Gd2.php 在檔案中找到這段程式碼 將程式碼改成如下圖   儲存之後再去Cache管理刷新系統的Cache,之後你就可以比較商品圖片是否比之前更清晰。 以上就是本次分享的資訊,如果有任何問題歡迎與我們聯絡。

電商平台比一比III,當Magento對上OSCommerce

先前幾篇系列文章,我們比較過Magento及與他同時期推出的新一代電商平台後,終於要輪到老前輩–OSCommerce,相信不少人應該都對這它不陌生,它是在西元2000年時由一位德國人Harald Ponce所開發,包含完整的購物車系統、後台管理、結帳流程、商品上架等,算得上是電子商務界的始祖,即使在現今當紅的Magento或Opencart身上都還能看到有OSCommerce的影子。

Magento功能導覽(2) 展示商品

Magento是強大的電子商務網站,可以多樣化的呈現商品以及支援多種客制化選項,提供客戶在選購商品時可以附上更加詳細的資訊,以下就來看看Magento在商品方面的呈現。 分類商品頁面 在分類商品頁面你可以選擇版面的配置,目前畫面中是三欄式,但是可以依照你的需求在系統中調整成二欄或著是單欄配置,在商品清單的上下有設置工具列,使用者可以依照個人的瀏覽習慣,來更改商品呈現的方式、顯示數量以及排序規則。 在商品呈現方面你可以使用系統內建的特價功能呈現出特價,在此單中可以快速的加入購物車、願望清單、以及加入比較。                                            

Google廣告設定教學-排除在行動裝置上投放廣告

如果不想讓你的廣告在手機上曝光,那要如何排除在行動裝置上投放廣告呢? 只要在廣告群組上做一些調整設定,就可以排除在行動裝置上投放廣告,這篇文章提供幾個簡單快速的教學步驟就可以完成這項設定。 1.先登入 Google AdWords 帳戶。 2.點選上方的“廣告活動”頁籤 3.在左方欄位點選需要設定的廣告活動,或廣告群組 4.接著點選”設定”>裝置 裝置的欄位有 電腦 具有完整瀏覽器功能的行動裝置 配有完整瀏覽器的平板電腦

在wordpress中嵌入Facebook臉書動態貼文

Facebook「嵌入貼文」的功能主要就是讓我們把看得到的任何公開訊息以程式碼的方式轉貼到自己的部落格、網站等地方。底下我們將與你分享在wordpress中嵌入Facebook貼文的方法。 取得貼文的網址 在貼文的發布時間上點擊右鍵、選擇複製連結網址。就可以得到這篇貼文的獨立網址。   載入Facebook SDK 在 <body> 標籤之後、載入底下的代碼。這段代碼只要載入一次就好。 <script>window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v2.3' });

Facebook粉絲專頁合併打卡地標頁(本公司已停止此服務)

目前Facebook粉絲頁不斷更新,此篇教學文章可能已不適用,此篇文章不再更新且不提供解決打卡相關之服務。 如果此篇文章沒有辦法滿足您的需求,請點選這裡Facebook回報問題 開啟打卡功能,請看:將FACEBOOK粉絲專頁設定成打卡地標, 可增加評論選項!     如果你已經建立好粉絲專頁,也成功開啟打卡功能,但是無法在打卡功能順利打卡,可以嘗試的作法: 方法一、建立一個打卡地標頁,再將地標頁合併至粉絲專頁 方法二、如果還沒有建立粉絲團,您可以直接認領地標頁(讓地標頁直接變成你的粉絲團),比較麻煩需要一些營業證明

你Line Pay了嗎?

今年5月底甫結束的Google I/O大會最重要的核心訊息就是一反前兩年喊出的行動優先提出了行動唯一(Not mobile first, but mobile only) 行動裝置有多種重要? 根據資策會產業情報研究所(MIC)今年上半年度公佈「行動購物需求調查分析」報告,發現62.5%台灣網友已有行動購物的經驗,且有近7成已使用行動購物的民眾每月平均消費超過千元。調查也顯示,59.8%消費者較常使用智慧型手機進行購物,平板裝置僅18.9%,21.3%則是二者使用頻率差不多。 LINE

電商平台比一比,當Magento對上Woocommerce

繼先前我們比較過Magento與Opencart之後,這次我們將針對另外一套熱門的電商平台—WooCommerce來與Magento做個比較,WooCommerce是WordPress底下的一個電子商務擴充套件(意即必須要先有WordPress才能夠使用),有些特性與Magento非常相似,例如: 兩者皆為全球數一數二的開放原始碼電商平台。 對於商品上傳幾乎無限制,並且有效率的管理。 容易整合部落格,輕易達到內容行銷的目的。 版面以佈景主題或模板組成,更換簡單。 這樣說起來,使用Magento跟WooCommerce的差別到底在哪裡?

聆聽客戶反饋的重要性

客戶可能會透過網路社交平台或是你的服務官網上給予評價,但是你只接受客戶給你正面的評價嗎? 客戶提供的反饋是非常有價值的,當你接收到客戶抱怨以及建議時,這些資訊可以提供你改善公司產品或服務的機會;所以,懂得建立好顧客關係的企業都將顧客抱怨視為珍貴的資訊,透過客戶的意見可以知道如何滿足客戶的需求,這些客戶提供的意見與評價都是相當重要的資訊。 聆聽客戶的建議能提高銷售   正面反饋:當你收到客戶給予正面肯定時,除了對客戶表達感謝的回應之外,加以紀錄客戶對什麼樣的產品服務感到滿意,這個資訊可以提供公司未來維持產品服務的一個目標。  

Photoshop教學:【入門篇】透視裁切工具

1.放入需要修改的照片 2.選擇透視裁切工具 3.先大致框選出要取下的範圍   4.然後進行調整 5.點選並拖曳第一個角 6.拖曳到要取下的平面的其中一個角 7.接著拖曳第二個角 8.接著拖曳第三個角 9.接著移動最後一個角後,按下Enter 10.就能取下這個平面 影片教學: 更多Photoshop相關文章:Photoshop 教學導覽

檢查Magento核心檔案是否有被修改

在開發Magetno專案時,常會因為客製化的需求而對網站內的代碼進行編輯,如果編輯到Magento的核心檔案時,會容易造成錯誤以及後續版本的更新問題,我們不建議對系統核心檔案進行直接的編輯,以下歐斯瑞將教你如何檢測你的Magento的核心檔案是否有被修改過。 準備事項: 1. 欲檢測 Magento 網站 2. 全新 Magento 網站(需與測試網站版本相同)   使用命令: diff -qrbB 檢測資料夾路徑 比對資料夾路徑   diff 是用來比較檔案內容,如果有不同就會輸出報告 -q 只在有對比檔案不同才報告 -r 遞回搜尋子目錄 -b

使用Mobile Detect套件檢測行動裝置

  Mobile Detect Mobile Detect 是一個檢測行動裝置的輕量級php套件,我們可以利用它來達成RESS(響應式設計+伺服器端組件)。 一般我們在設計響應式網站時,大多是載入相同的內容,再依螢幕寬度決定顯示或隱藏哪些網頁元素,以及網頁元素的排列方式。但是這種作法對性能較差的手執裝置來說,是一種相當耗資源的方式,如果可以依裝置載入相對應的內容,當然是一種比較聰明的方法囉。 這裡我們列舉了使用的方法,歡迎取用唷!   // Include and instantiate the class. require_once