"October, 2015" 有24篇文章

首頁  /  2015  /  October

Magento 如何增加後台列表欄位 – 使用合併查詢(Join)

  Magento擁有非常完整的後台功能,可以讓我們盡可能的進行網路商店的操作與管理,但是如果今天,我們感覺後台的列表顯示的資料欄位不夠,或是不是我們想要瀏覽的資訊,想要隱藏呢?   這時就需要修改程式碼增減欄位,並且設定欄位顯示我們想要的資料,今天介紹的內容包括如何使用Join加入其他關聯表的資料。   舉個例子,想在”Customers” -> “Manage Customers”的頁面中,增加一個欄位,例如說”Credit”,

修改設定,隱藏版本提高伺服器安全性

之前有提到有關如何設定META TAG,管理你的網站可見度,今天要再跟大家介紹的是一些簡單的伺服器軟體設定來隱藏軟體版本資訊,防止針對釋出版本漏洞的攻擊,針對Apache與Nginx。 何謂釋出版本漏洞攻擊?   這是指,不論是免費還是付費軟體程式,都可能會有後期發現的漏洞,而因為舊版會引發安全性問題,發送版本更新的訊息給客戶或使用者。 然而這種方式會被某些不肖人士利用,例如如果我今天知道你的伺服器舊版本是2.3.0,Apache推出了新版本2.3.1的更新,這時Apache就會列出release

自訂您的網頁圖示字型(icon font)

像Font Awesome 這一類的圖示字型的確是滿方便的工具,不過Font Awesome裡有幾百個圖示我們不可能每個都會用到。如果您需要一個專屬於自己的圖示字型,可以試試Fontastic這個線上圖示字型產生器。 如果您沒有fontastic的帳號,只要在首頁Create your Icon Font的左邊欄位填入email及密碼就可以快速註冊。如果您已經是fontastic的會員的話,那就直接從右上角的Login登入,登入之後會直接轉到製作icon font的畫面。

無法打卡、搜尋不到粉絲團的解決辦法!

我們是歐斯瑞有限公司,並非Facebook臉書官方客服,由於我們業務繁忙不再提供任何解決打卡問題,敬請見諒(鞠躬)! 如果此篇文章沒有辦法滿足您的需求,請點選這裡Facebook回報問題   最近歐斯瑞小編真的被粉絲團打卡以及搜尋的問題淹沒了,最近不知明原因突然有很多人的粉絲團搜尋不到也不能在打卡時被搜尋到,但是!你們不用緊張,歐斯瑞小編我研究很久發現一個辦法要分享給大家,非常簡單的“臨時解決辦法”,請你們認真看完這篇文章即可解決你們搜尋不到粉絲團的問題。  

Photoshop教學:【基礎篇】製作載入中的GIF

今天astralweb要與大家分享使用Photoshop來製作簡單的GIF動畫,可以用在網頁下載的時後,一起來看看如何製作吧! ※本教學需先對工具使用有基本認識 1.開啟檔案(使用網頁尺寸) 2.使用繪圖工具繪製出我們要的載入畫面 3.本範例先畫出4個變化的元素 4.依此四個元素,排出每一格時間的畫面 5.並將每一個時間放在同一資料夾中,並將它們對齊同一位置與命名,方便製作 6.使用裁切工具 7.切出我們需要的圖片大小 8.在右上角切換至動態 9.就會出現動態介面 10.在下方點選建立影格動畫 11.此時代表第一個動態的畫面,所以只開啟第一個圖層 12.將停留時間選擇我們需要的長度

簡單三步驟,在Facebook上刊登廣告

Facebook 廣告行銷活動目標有很多種,對剛接觸臉書廣告的新手來說不知道該從何下手。這篇文章教你簡單三步驟即可刊登廣告。 首先,你必須建立臉書廣告帳號,基本的設定及付款方式都必須完成,接著就可以進入”管理廣告”   1.進入廣告管理 如果你有管理多個廣告帳號,就要選擇您這次要使用的”廣告帳號”>接著點選”建立廣告”   2.在第一步驟:有多個行銷活動目標可以選擇 該如何選擇適用的廣告行銷方式,歐斯瑞一一來介紹:   加強推廣貼文:我想要加強更多人在我的粉絲專頁貼文上互動留言、分享、按讚

使用adapt.js快速將您的網站變成響應式網站

響應式網站是目前建站的趨勢,但如果您原本已經有個網站了,又暫時還不打算另外建立新站,您可以考慮使用adapt.js快速將您的網站轉換成響應式的網站。 adapt.js 的作用是依據螢幕的寬度載入不同的CSS檔案,藉此讓網站達到響應式的效果。原理與media queries相同,都是依螢幕寬度判斷使用不同的樣式(CSS),不同的地方在於:adapt.js將不同的設定寫在不同的檔案內,再依螢幕寬度載入不同的CSS檔案;media queries是將CSS寫在同一個檔案內,依螢幕的寬度決定使用某一段特定的CSS設定。   adapt.js的優點

Photoshop教學:【基礎篇】製作復古老照片

之前與大家介紹過如何將照片更改成復古色調,今天要與大家分享如何製作一張仿舊的照片,一起來看看吧! ※本教學需先對工具使用有基本認識 1.準備一張照片和一張水泥牆或老舊的材質照片 2.開啟一個新的檔案 3.自定需要的尺寸 4.使用矩形工具 5.畫出老照片的區塊,並將區塊點陣化 6.使用筆型工具 7.依據方塊範圍繪製出照片缺角的部份 8.選取未繪製出的地方 9.將一開始畫的區塊刪掉缺角的部份 10.置入材質照片,並將照片點陣化 11.將材質照片使用建立剪裁遮色片 12.選擇 影像>調整>色彩平衡 13.我們將它調整成復古色調 14.我們使用陰影與內陰影做一些照片厚度

調整系統設定,再進一步增進Magento效能

之前提到的Magento設定優化,是在Magento系統中已整合好的設定功能,因此我們可以簡單的通過後台設定的改變,輕鬆的做到校能的優化。   如果今天網站的規模龐大,那些設定已經不足以負荷時,還有別的方式可以調整設定,只是建議大家在進行此類的設定變更前,務必進行設定檔案的備份,不小心改壞了設定還可以還原。 1.Enhancing the expiration date 設定資源的失效時間 expiration

Centos-PHP環境下設定Mssql連線功能與啟用

  在預設的PHP環境下,是沒有對microsoft sql server支援連線功能的,因此我們需要進行套件的安裝與啟用。   但是在Centos環境下,預設是無法安裝mssql套件的,因此我們需要擴充套件庫來支援,例如Epel。如果安裝Epel,可以參考這篇文章(連結)。 1.安裝php-mssql套件 sudo yum install php-mssql 2.修改php.ini vim /etc/php.ini 3.在php.ini設定檔中,啟用mssql設定 … //如果有此行,將前方註解取消;沒有則新增此行 extension=mssql.so …

利用htaccess設定301 redirect

有時網站會有舊站翻新、舊的內容移除,想要讓使用者轉移去瀏覽新的內容。 這時我們可以簡單的透過設定.htaccess檔案,告訴Apache幫你轉移網址到想要的網頁。 程式碼(.htaccess檔案) ... <IfModule mod_rewrite.c> RewriteEngine On //想要設定redirect,要先設為啟用(On) RewriteRule aaa_123.html /aaa_abc.php RewriteRule bbb_456.html /bbb_def.php RewriteRule “ccc 789.html” /ccc_789.php

Photoshop教學:教學【入門篇】快速修改單一色系(含影片)

之前與大家介紹過如何更改圖像中的部份顏色?今天要與大家分享如何改變單一色系的顏色與直接修改的差異,一起來看看吧! 1.置入要修改的圖片 2.點擊色版視窗,也可以選擇 視窗>色版 找到它 3.按著Ctrl後點擊其中一個色版 4.自動框選出所有紅色範圍 5.選擇 影像>調整>色相/飽和度 6.就會改變紅色的部份 7.在這邊提供直接便顏色的效果來對照,此方式只會更動一個色彩,如果我們直接轉換的話,所有顏色都會變動 教學影片:快速修改單一色系 Photoshop 教學導覽  

Photoshop教學-隱形浮水印

今天Astralweb來教大家如何製作隱形浮水印 1. 新增2×2像素檔 2. 點縮放顯示工具,放大到3200% 3. 再點選取工具,在左上與右下框取二個區塊,並填滿為黑色 4. 接著點編輯定義圖樣,定義成圖樣 5. 輸入欲顯示浮水印的文字後,按住Ctrl鍵,點一下圖層,文字將自動被選取 6. 點建立新填色或調整圖層,再點圖樣(關掉文字圖層顯示) 7.  接著選擇先前定義的圖樣 8. 點設定圖層的混合模式,將其設為柔光,不透明度設為 50% (不透明度建議50%以下,再依個人喜好設定) 9. 接著可自行移動浮水印位置,讓浮水印隱藏在圖片,這樣就完成了 Photoshop

Magento常見需求 – 促銷篇

在各種節日、周年慶、年終大清倉時,常常可以看到五花八門,各式各樣的促銷活動跟玩法,電子商務也不例外,這次我們就要來介紹一些Magento詢問度最高的促銷方法。 一般常見折扣促銷 在Magento裡面已經內建有基本的促銷功能了,主要區分為商品目錄折扣以及結帳折扣,Magento會根據設定的規則,達到規則後給予相應的折扣。 以商品目錄折扣為例,像是3C類別商品全面八折、特定商品折500元等都是一般常見的促銷手法,以結帳折扣來說,常看到的就是滿千送百、滿額打八折、買一送一等等。   加購或贈品 Magento

如何設定Magento網路商店使用的語言及貨幣

這篇文章要教您如何設定Mangento網路商店的語言及貨幣。並教您如何自已製作Magento語言包 修改Magento商店使用的語言 Step 1. 進入Magento管理後台,點選System -> Configuration Step 2. 於左側工具列中點選General 標籤 Step 3. 接著展開Locale options.標籤,於Locale中選取您的語言。 修改Magento商店使用的貨幣 Step 1. 進入Magento管理後台,點選System -> Configuration Step 2. 於左側工具列中點Currency Setup 標籤 Step

Magento優惠活動設定說明

既上次我們介紹的MAGENTO 優惠活動設定 (||) 這篇文章,這篇文章要介紹”設置優惠活動欄位的功能介紹及簡單說明” ,在設置促銷活動或是進行相關變動設定時,必須確定你這些設定已經有在測試網站徹底的測試過了。 欄位概述   Tab: Rule Information規則資訊 此選項包含一般規則,像是安排時間、適用群組、描述,以及其它資訊。包括以下幾項(必填欄位通常會加有星號):   規則名稱Rule Name: 這個欄位僅供後台使用(如:30%聖誕節促銷)。規則名稱會出現在你後台的促銷清單上,當未來優惠活動的項目增加時以便區分。  

如何設定Google廣告額外資訊

最近Google Adwords改變了增加廣告額外資訊的方式,店家的基本資料如地址電話要從”我的商家”匯入,不若以往可以手動寫入,然後在設定廣告時再選擇要加入哪些地址電話。到底要怎麼從”我的商家”匯入額外資訊呢? 首先你要確定你的廣告需求是在帳戶層級或廣告活動或廣告群組層級增加額外資訊,然後點擊進入頁籤,選擇你要增加的額外資訊類型(本文是以地點額外資訊為例),然後點擊進入。 接著就會跳出對話方塊如下,你可以看到在你的Google

Centos環境下,安裝Epel擴充資源庫

在介紹Epel之前,要先來解釋一下為甚麼要安裝擴充資源庫。 在Linux系統上有所謂的資源庫(repository),這就像是一份清單,清單上紀錄著甚麼資源可以去哪邊下載更新(例如各種不同版的Linux應用程式),所以今天為甚麼要擴充呢?   主要原因有兩個: 一、作業系統通常不會頻繁更新,想要安裝新版的軟體時; 二、軟體太新了,相比較起來舊版的作業系統不一定支援,但依然想要測試

如何在Magento的商品目錄頁中增加自訂內容。

  假設今天您有一個促銷活動,需要在商品的目錄頁中增加一些促銷的資訊,您可以直接利用magento 的管理者後台完成這項工作,完全不需要任何的html及網頁設計的技巧,也不需要修改magento的佈景主題及任何的程式碼。 今天這篇文章就要教您如何在Magento的商品目錄頁中增加自訂內容。   Step 1: 新增一個 Static Block 進入管理者後台 > CMS > Static Blocks,按下 Add New Block新增一個內容區塊。 Block Title:

Photoshop教學:【基礎影像合成】黑咖啡變身拉花拿鐵

  今天Astralweb要與大家分享簡單的區塊合成,一起來看看這次效果要如何製做吧! 本教學需先對工具使用有基本認識 1.我們需要2張素材 2.將要修改的照片置入 3.另外開啟素材照片 4.我們使用橢圓工具 5.我們繪製出要取下的範圍 6.調整不透明度,方便我們檢視 7.然後按Ctrl+T進行變形 8.調整至符合要取下的範圍 9.選取此物件範圍並複製 10.貼上至要修改的照片裡 11.由於此範例是斜橢圓 12.可以先旋轉至正橢圓 13.再一次Ctrl+T進行變形 14.調整至需要的範圍 15.使用加深工具 16.運用光影的概念,將邊緣加深 17.完成 Photoshop

如何使用亞馬遜收益計算器評估產品

  亞馬遜(Amazon.com)為現今全球最大跨國電子商務企業之一,公司創辦人Jeff Bezos在西元1994年於美國西雅圖設立,主要業務之一為線上銷售商品,商品種類甚為廣泛,涵蓋了大部分人的購物需求;其大量的客群帶來的利潤也相當可觀,因此許多人都想要在亞馬遜上販售商品以賺取金錢,但是想在亞馬遜上販售商品會被收取該商品的相關費用,包括刊登、運送、倉存等許多成本產生,為了讓大家快速評估販售商品的報酬率,今天在這分享 “如何使用亞馬遜收益計算器來算出商品的利益” 。   一開始我們先找到亞馬遜收益計算器的位置,在google搜尋打上計算器的原名

想要看什麼樣的廣告由我自己決定,自訂臉書廣告偏好

關於廣告偏好 廣告偏好是根據你按讚的資訊、參與的活動、點擊的網站、觀看的影片、使用的應用程式、粉絲專頁的互動以及你在Facebook以外搜尋的網站等等,這些動作很可能會被Facebook紀錄為廣告偏好(興趣)。 廣告偏好包含13大類,如下圖:   Facebook廣告對您顯示的方式 當個人或商家刊登了以興趣為導向的廣告時,他們設定的興趣對象與你的廣告偏好相關時, Facebook就會向你顯示這則廣告。 Facebook 站外與Facebook 技術合作的網站、應用程式(連動中的應用程式)等相關活動記錄,都會提供你可能感興趣的資訊給Facebook。 自訂廣告偏好

Photoshop教學:【基礎篇】無限延伸小技巧

今天Astralweb要與大家分享PS的影像合成的小技巧,利用照片上部份區塊,將畫面一直延伸出去,一起來看看要如何製做吧! ※本教學需先對工具使用有基本認識 1.置入我們要修改的圖片 2.先框選出背景部份 3 .取下背景 4.框選大樓的一部份包含可以延伸的區塊 5.取下大樓 6.使用裁切工具 7.先將畫面延伸加高 8.先貼上背景 9.使用仿製印章工具 10.補上不足的部份 11.如畫面 12.接著將大樓貼上 13.我們框選大樓一個區塊來作延伸 14.然後複製下來並貼上 15.將它對齊原本大樓的下方,以此方式延伸 16.如果有銜接不起來的地方 17.可以使用變形調整 18.細部修飾 19.完成

如何設計優良的行動網站 Part 2 – 網站搜尋功能

想要幫助行動網站的使用者快速找到他們想要的內容、網站的搜尋功能就變得非常重要。 將網站的搜尋功能放在明顯的地方 當使用者想要找尋某些特定內容的時候,通常會直接使用搜尋功能,因此我們應該將搜尋功能儘量放在使用者能第一眼看見的地方。 在下圖中,左側的設計使用者無法在第一時間知道搜尋功能的所在,必須在點開功能選單之後才能驚覺:哦!原來在這兒呀! 右側的設計則讓使用者可以直接看見搜尋框,並且使用搜尋功能。 (圖片轉載來自google developers) 如果您不希望搜尋框佔去太多版面的話,也可以先將搜尋框隱藏起來,並且利用明顯的圖示告知使用者搜尋框的位置。