[教學]Flickr官方提供使用者匯出服務，快速下載所有原始照片與影片檔

November 8, 2018, 10:00 pm

≪ Previous: [教學] 將WordPress5.0新版Gutenberg編輯器，回復至舊版TinyMCE編輯器

雖然說透過Flickr Downloader，可將自己上傳到Flickr的照片給下載回來，但若有許多相本時，就得手動的一一進入再把照片給打包回來，同時Flickr Downloader也無法下載影片，因此今天梅干要來分享由Flickr官方所提供匯出服務，只需提出申請，官方將會把你Flickr中的照片與影片打包起來，讓你可完整的一次將照片給下載回來，同時下載回來的照片無論是檔名還是尺寸，都是原始的，因此想要將Flickr中的照片與影片給下載回來的朋友，手腳也要快囉！

↧

範例下載-bootstrap導覽列自動收合

November 11, 2018, 8:19 pm

≫ Next: RWD網頁切回電腦版模式(Bootstrap為例)

≪ Previous: [教學]Flickr官方提供使用者匯出服務，快速下載所有原始照片與影片檔

　　Bootstrap中Navbar導覽列也是一個相當實用的功能，透過導覽列不但會自動依裝置的解析度，自動縮放並調整模式外，甚至還可以整合Bootstrap內建的頁籤跟隨與跳頁功能，因此當點了選單中的項目後，下方的頁面就會跳到指定的區塊中，其效果有點像是以前的網頁錨點功能，甚至還可以整合scroolto，就可作出動態的滾動跳頁。　　有用過的朋友都知道，當把Navbar的選單展開後，再點選單雖然下方的區塊鋰直接跳到指定的區域中，但選單並不會收起來，需再手動點一下那選單鈕，才能將選單收合起來，因此先前有朋友問到，是否能點了選單就自動收合，其實是可以的，只需加入一小段的js控制後，就能實現啦!因此有此需求的朋友，也趕快來看看囉!

↧

RWD網頁切回電腦版模式(Bootstrap為例)

November 11, 2018, 8:36 pm

≫ Next: Bootstrap廣告輪播-淡入淡出

≪ Previous: 範例下載-bootstrap導覽列自動收合

　　現在螢幕的尺寸愈來愈多元化，要讓網頁的版面能符合各個螢幕的大小，這時得透過RWD的技術來解決不同裝置的問題，由於RWD是針對裝置的顯示尺寸，自行的縮放區塊，有別於以往的手機版與電腦版，是透過裝置來進行判斷顯示的頁面，因此當使用RWD所製作出來的網頁，就無法再回到電腦版，而RWD網頁在手機時，大部分都是條列式的區塊堆疊，因此在找資料時，就得不斷的向下滾動，這時還不如切回桌機版來尋找會比較快一些。　　由於RWD網頁則是以裝置的解析進行控制，因此在手機下，即便點了電腦版，也無法讓手機的顯示器變大，所以要如何在RWD網頁下回到電腦版呢?而這問題也有不朋友問到，所以梅干就趁著這次的中秋連假，一邊吃著柚子、一邊看著狂風大雨，突然有了靈感，於是就花了時間實際的實作看看，沒想到辦法總是人想出來的，終於實現了在RWD的網頁下，也可回到電腦版的模式，而這邊梅干是直接套用Bootstrap的Grid System，因此有製作RWD網頁想切回電腦版的朋友，也一塊來看看吧!

↧

Bootstrap廣告輪播-淡入淡出

November 11, 2018, 8:38 pm

≫ Next: Woocommere 2.6.2繁中語言包

≪ Previous: RWD網頁切回電腦版模式(Bootstrap為例)

　　先前已經不斷的一直強化Bootstrap內建的廣告輪播系統，除了支援全螢幕外，甚至還會自動產生控制小鈕，以及單則廣告時隱藏所有的控制鈕，讓Bootstrap內建的廣告輪播更加的方便好用，但那天在RWD的分享會中，突然有位同學問到，能否將廣告切換時的左右滾動，變成淡入淡出的效果。　　這也讓梅干當場楞了一下，梅干還真的從未想過這問題，去調整Bootstrap廣告切換的過場效果，於是梅干上網爬了一下文，發現已有熱心的網友分享了相關的作法，而梅干也將原來的控制碼稍作調整，立即就能讓Bootstrap內建的廣告輪播切換由滾動變成淡入淡出的效果啦!有需要的朋友現在也一塊來看看囉!

↧

Woocommere 2.6.2繁中語言包

November 11, 2018, 8:40 pm

≫ Next: Carousel廣告輪播全面進化(滿版/自動產生圓鈕/單則隱藏控制鈕)

≪ Previous: Bootstrap廣告輪播-淡入淡出

　　Woocommerce對於許多想架購物車的朋友，是一個不錯的選擇，不但架設簡單功能齊全，甚至就連金流串接也很容易，對於初期商品數不多的朋友來說，確實是一個很不錯的選擇，再加上又有繁中語言包，雖然內建中文包，隨著Woocommerce更新後，造成翻譯不完全，甚至有些字詞，翻的不是那麼的合宜，而各位若對這翻譯感到不滿意時，是可自行修改與調整，因此今天就來分享，要如何自行修改這翻譯檔外，梅干也提供自己的繁中語言包，與大家來分享，因此有用Woocommere架設的朋友，現在就一塊來看看吧!!

↧

Carousel廣告輪播全面進化(滿版/自動產生圓鈕/單則隱藏控制鈕)

November 11, 2018, 8:42 pm

≫ Next: WiFiImport Lightroom Plugin

≪ Previous: Woocommere 2.6.2繁中語言包

梅問題－Bootstrap教學－Carousel廣告輪播強化(全版+自動產生圓鈕+單則隱藏控制鈕)

　　Bootstrap中內建了許多特效，而讓梅干最使用到的就是它的廣告輪播系統，不但簡單好用且容易自行擴充，而先前也分享過利用CSS來實現全版式的廣告輪播，雖然說很方便，但卻有比例上的問題，因此在等比縮放時，則會造成下方的控制鈕超出一個頁面，而這與一般的全版式廣告還是有點落差，因此最近梅干就找了點資料，並將先前的幾個特點一併作了擴充，讓這個廣告輪播，不但支援全版廣告外，同時當只有一筆時會自動隱藏控制鈕，以及自動偵測廣告數量，並產生控制的小圓鈕，因此有在使用Bootrap的朋友們，現在也一塊來看看，如何讓Bootstrap的廣告輪播更進化，現在也一塊來看看囉!

↧

WiFiImport Lightroom Plugin

November 11, 2018, 8:46 pm

≫ Next: [教學] DockerFile打造PHP環境，並手動安裝WordPress

≪ Previous: Carousel廣告輪播全面進化(滿版/自動產生圓鈕/單則隱藏控制鈕)

梅問題－「WiFiImport Lightroom Plugin」讓所有相機都可透過WIFI無線SD記憶卡，當按下快門時，照片立即傳送到Lightroom裡

　　當今天在拍攝商品時，都會將相機與電腦連線，當相機按下快門時，照片立即就會傳送到電腦裡，這樣才能確保照片是否曝光正確，以及是否有那邊沒注意到，都可透過電腦作更進一步的檢查，但並非所有的相機都支援與電腦同步，再加上需透過USB傳輸線與電腦連接，雖然說有些相機支援WIFI無線傳輸，但無線傳輸設備一個要價都不便宜，所以先前梅干也曾土砲的自製了相機的WIFI模組，但卻有型號的限制，因此一旦換相機後就無法使用。

　　所以先前梅干也曾買WIFI無線SD記憶卡，將相機中的照片同步到電腦裡，但同步到電腦裡的照片檔案都相當的小，則無法放大來檢視，再加上檔案傳輸不是那麼的即時，所以用了一陣子後，梅干就把那WIFI的無線SD記憶卡給冰了起來，但最近無意間發現到，國外有隻外掛，可將無線記憶卡外掛到Lightroom下，當相機按下快門時，照片就立即傳到Ligtroom中，目前僅支援Toshiba Flash Air與創見無線SD卡，因此有在拍攝商品的朋友，千萬別錯過了。

↧

[教學] DockerFile打造PHP環境，並手動安裝WordPress

November 11, 2018, 10:00 pm

≫ Next: [教學] CloudFlare指定IPV6位置與FileZilla設定IPV6連線並上傳檔案

≪ Previous: WiFiImport Lightroom Plugin

先前也曾分享過在MAC電腦，打造Docker的環境並安裝php的環境，因此只要再把MySQL裝上後，就可以安裝WordPress，理論流程是這子沒錯，但礙於WordPress的資料庫連線方式，在PHP7.0內建並不支援，因此就得特別再作擴充，才能正常的連線，所以這時就得自行打造DockerFile，自行建立PHP的環境與擴充，這樣就可以自行手動來安裝WordPress，或是任何的系統，至於要怎麼作，現在就一塊來看看吧！

↧

[教學] CloudFlare指定IPV6位置與FileZilla設定IPV6連線並上傳檔案

November 12, 2018, 10:00 pm

≫ Next: 南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈 (正成公司貨)

≪ Previous: [教學] DockerFile打造PHP環境，並手動安裝WordPress

以前以為VPS主機很貴，但沒想到卻比虛擬主機還便宜，甚至還有日本線路，本來每月5美元，就覺得已經超便宜，最近看到竟然還有2.5美元，但只限於IPV6，因此梅干就買了一台來玩玩看，順便體驗一下IPV6，由於IPV6的IP與IPV4截然不同，因此在DNS與SFTP的設定上也有所不同，再加上自家的網路也要支援IPV6否則也無法使用，所以想用IPV6架站的朋友，現在也一塊來看看吧！

↧

南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈 (正成公司貨)

November 13, 2018, 5:52 am

≫ Next: 新版 Google PageSpeed Insights 導入 Lighthouse ，提供更多的SEO改善資訊

≪ Previous: [教學] CloudFlare指定IPV6位置與FileZilla設定IPV6連線並上傳檔案

南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品構造

南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品介紹

南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品細節

南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品規格

南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品內容物

燈具×1
熱靴轉接座×1

↧

新版 Google PageSpeed Insights 導入 Lighthouse ，提供更多的SEO改善資訊

November 13, 2018, 10:00 pm

≫ Next: 南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈 (正成公司貨)

≪ Previous: 南冠 LUXPAD22 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈 (正成公司貨)

而就在前天，Google也針對 PageSpeed Insights 這個測速工具進行改版，同時也將 Lighthouse 整合在一起，透過 Lighthouse 的分析，將提供有多SEO的相關細節資訊，且在導入了Lighthouse後，讓網站的測速分數，與舊版有相當大的出入，由其是在行動版的部分，因此現在也趕快來為自己的網站測試看看，看網站的分數到底如何。

↧

南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈 (正成公司貨)

November 14, 2018, 1:32 am

≫ Next: Dreamweaver (Bootstrap)擴充

≪ Previous: 新版 Google PageSpeed Insights 導入 Lighthouse ，提供更多的SEO改善資訊

南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品構造

南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品介紹

南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品細節

南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品規格

南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈

產品內容物

燈具×1

↧

Dreamweaver (Bootstrap)擴充

November 14, 2018, 7:37 pm

≫ Next: Bootstrap導覽列，電腦版滑入展開，手機觸控展開 (範例下載)

≪ Previous: 南冠 LUXPAD23 (Ra95 高演色性) 可調色溫超薄平板 LED 攝影燈 (正成公司貨)

　　許多網頁設計師最習慣還是使用Dreamweaver，雖然目前Dreamweaver CC 2017 beta版，終於有了大幅度的改版，讓Dreamweaver在開發網頁變得更方便，同時也對Bootstrap支援度更加完整，但對於許多網頁設計朋友，還是使用CS6早期的版本，因此最近梅干也在想，怎麼讓以前的Dreamweaver版本也能使用Bootstrap來設計RWD自適應網頁，就研究了一下Dreamweaver的程式片段，而這功能在Dreamwaver CS版就一直存在這，其它最大的功用就是可以把一些常用的碼，作成快速鍵的方式來產生，作用就與Sumbline Text中Emmet自訂碼是相當同的，經梅干實測後，終於可可順利在任何Dreamweaver的版本中產生Bootstrap中的碼，因此習慣使用Dreamweaver的朋友們，一塊來看看怎麼讓舊版的Dreamweaver也支援Bootstrap。

↧

Bootstrap導覽列，電腦版滑入展開，手機觸控展開 (範例下載)

November 14, 2018, 7:40 pm

≫ Next: 南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

≪ Previous: Dreamweaver (Bootstrap)擴充

　　先前梅干曾分享過，將Bootstrap的導覽列透過CSS設定後，將click點擊開啟選單變成hover滑入展開，但這樣的第一層選單都無法有連結效果，必需在第二層才能連結，這對於有些朋友若把第一層設為大分類時，就無法展開，所以梅干最近就花了點時間，將Bootstrap的導覽列再作擴充，讓它在電腦版時，滑入選單可以展開子選單，當點擊第一層選單連結時，則會開啟連結，若在手機版時，則會變成點選的方式，當點後方的三角形則是展開選單，點前方的選單名稱，則會開啟連結，如此一來就更符合大家的使用經驗，至於要怎麼來修改呢?有在使用Bootstrap的朋友，也一塊來看看囉!

↧

南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

November 14, 2018, 9:23 pm

≫ Next: [密技] 透過網址就可快速，將Google文件與試算表轉成PDF檔

≪ Previous: Bootstrap導覽列，電腦版滑入展開，手機觸控展開 (範例下載)

南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

產品構造

南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

產品介紹

南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

產品細節

南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

產品規格

南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

產品內容物

燈具×1
變壓器(15V/3A)×1

↧

[密技] 透過網址就可快速，將Google文件與試算表轉成PDF檔

November 14, 2018, 10:00 pm

≫ Next: (雙燈組) 南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 (正成公司貨)

≪ Previous: 南冠 LUXPAD43 (Ra95 高演色) 雙色溫，超薄14吋平板燈 -附變壓器 (正成公司貨)

而前幾天也分享了，Google的一個新服務，直接在瀏覽器的網址列中，輸入xxxx.new，立即就可建立新檔案，是個相當便民的設計，而現在又有另一個小密技，只需在網址後方，加入export?format=pdf，立即就可將當前編輯的文件、表單，快速轉為PDF檔，完全不用再透選單進行選擇，相當的方便，至於要怎麼用，現在就一塊來看看吧！

↧