• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

免費資源網路社群

免費資源指南,每日網路資訊與科技新知

  • 免費軟體
    • APP
      • iOS
      • Android
    • Mac
    • 瀏覽器外掛
      • Chrome
      • Firefox
    • 防毒軟體
    • 系統工具
    • 圖片處理
    • 文字編輯
  • 線上工具
    • 雲端掃毒
    • 線上翻譯
    • 線上轉檔
    • 配色工具
    • 縮網址
    • 產生器
  • 免費空間
    • 網路硬碟
    • 圖片空間
    • 影片空間
    • 網站空間
  • 熱門主題
    • Facebook
    • VPN
    • YouTube
    • 編輯精選
    • 字型下載
    • 免費圖庫
  • 網路科技
    • 個人服務
    • 電子信箱
    • 實用教學
    • 資料查詢
    • 音樂音效
  • 架站教學
    • DNS
    • WordPress
    • 搜尋引擎最佳化
    • 素材模版
    • 免費圖示
    • 網站監測

Strikingly 行動時代最棒免費架站工具!數分鐘輕鬆建立高質感個人或企業網站

Last updated 5 years ago by Pseric

之前介紹過不少免費架站服務,相信大家都能快速、無負擔輕鬆動手設計網站,無論是個人或公司頁面,透過架站工具產生的網頁樣式並不會像以往那般制式,且具有一定質感水準,例如我推薦的 Carrd 能建置出支援響應式設計動態網頁,如果你覺得單頁面無法容納你想放的所有內容,Page00 新一代免費架站平台也是個不錯的選擇。

恰巧有讀者問了我一個問題:有沒有具備 Carrd 動態網頁效果,又同時能夠建置更複雜網頁的架站工具呢?想起之前在觀望許久的 Strikingly ,決定寫篇文章介紹。

Strikingly 是一個蠻知名的架站工具,如果你曾經搜尋過類似服務的話一定有看過它的蹤跡。和其他國外架站服務最大的差別在於 Strikingly 內建中文語系!我想單就這一點就足以吸引許多中文使用者加入,不僅如此,功能與穩定性也毋庸置疑,只要幾分鐘就能為個人或企業打造一個漂亮的網站。

Strikingly 如同其他的免費建站服務,將網站設計這件事變得極其簡單!使用者不用任何的程式編寫或網頁設計經驗,只需要在瀏覽器內以滑鼠鍵盤就能完成網頁,切換不同佈景主題,同時將它發佈到線上,不須用到任何專業軟體。

在開始之前,你可以先從 Strikingly 首頁找到一些使用這項服務建置的網站,其中我看了幾個中文網站,很難想像它們是使用 Strikingly 做出來的,既然能節省預算又可照著自己的喜好來設計網頁(即使沒有網頁設計基礎),沒有不選它的理由。

定價方面,Strikingly 提供免費版和兩種付費版(基本、專業),免費版無法自訂網域名稱,每月可享有流量為 5 GB。如果你想要更多進階功能,例如自訂網域、更多的頻寬和線上商城功能,可支付 $8 或 $16 美元(每月)來進行升級。Strikingly 會幫你維護伺服器端的技術問題,你只需要自行調整內容即可,其實是非常划算的選擇喔!

特別優惠:如果你想升級基本或專業版,可使用專屬優惠碼「FreeGroup」來獲得最高 11% 折扣優惠!

接下來我會以圖文教學實際操作在 Strikingly 建置網站,其實這項中文服務是非常簡單的,或許你不用任何教學也能輕鬆上手!如果喜歡,我想你可以嘗試付費升級來享受更多的功能,Strikingly 提供 14 天免費試用,若不符合你的期待也能隨時退訂取消。

網站名稱:Strikingly
網站鏈結:https://www.strikingly.com/

使用教學

STEP 1

開啟 Strikingly 網站後,輸入你的名字、Email 及設定密碼就能開始製作網頁,如果你有 Facebook 帳號的話也能直接登入註冊。

STEP 2

第一步會要求使用者選擇一款網頁模版,分成企業專業、個人、作品集和商城不同的類型,不過別擔心,選取之後還是能夠編輯調整,只要選擇一個與你需求最為接近的就可以囉!(Strikingly 有些模版具備動態效果,在預覽時才會看到)

如果你本身有使用 LinkedIn ,又想要建置個人網頁的話,可以連結你的 LinkedIn 將資料抓取過來,透過 Strikingly 能讓你在短時間內輕鬆製作出免費的個人網站,我覺得這項功能還蠻方便的!

STEP 3

第一次使用時,Strikingly 會跳出簡單的歡迎畫面,這項服務介面很簡單,左邊是主要功能列,右邊則是你的網頁即時預覽,當你在右側進行任何的編輯後,內容會在發佈後呈現於你的網頁上,就跟一般的所見即所得編輯器差不多。

STEP 4

首先,從右上角來選擇你要使用的背景圖,前面已經提到過 Strikingly 可以建置具有動態效果的網頁,因此除了靜態圖片外,也能選擇影片做為你的網頁背景(依照你使用的模版不同而有不同的設定選項),使用影片做為網頁背景還蠻特別,至少我們不用辛苦寫很多程式碼,只要簡單套用後就能預覽效果。

Strikingly 內建許多免費圖庫、影片庫素材,使用者可以直接選取套用,不用擔心版權或合法性問題,當然如果你想要讓網頁更具有個人特色,也能使用自己上傳的圖片影片,Strikingly 在操作上的自由度頗高,幾乎能完成所有傳統編輯器能做到的事。

STEP 5

如要編輯頁面內容,只要點選右側的區塊文字,就會跳出編輯工具,可對文字加入效果,例如粗體、斜體、底線或對齊方向等等,也能調整字型。

Strikingly 已經預設有一些常用的網格效果(功能),只要將它加入、設定後就能呈現效果,從左側「新增網格」可以將新功能加入頁面。

你能將它想像成不同內容功能的網頁區塊,Strikingly 將它設計成一格一格可自由調整位置或內容的小工具,例如想在頁面內加入社群分享按鈕,就能在這裡找到相關功能(同時設定每個區塊的標題)。

STEP 6

另一個比較特別的是 Strikingly 可自訂性極高!例如在 Strikingly 預設線上表單,能針對每個欄位進行修改,不像其他服務可能只能使用英文介面,這對中文使用者來說親切度更高,且能讓網頁整體語言呈現上更為一致。

STEP 7

不過要注意的是 Strikingly 並不會即時儲存內容,也就是若你有進行任何修改,記得要隨時點選左上角「儲存」按鈕來保存網頁,以避免不小心離開頁面後回頭必須要重新開始!

在決定將網頁內容發佈前,可先透過 Strikingly 網頁預覽功能來線上預覽效果,切換包括手機、平板電腦及桌面電腦的頁面大小,實際測試響應式網頁設計(RWD),網頁將能在任何螢幕大小裝置上正確顯示內容。

STEP 8

別忘記開啟網頁「設定」功能,選擇一個好記的網址!Strikingly 雖不提供免費版使用者自訂網址,仍可使用 .strikingly.com 免費子網域名稱(建議若要長久經營網站,還是註冊網域名稱,升級 Strikingly 付費版免費獲取網域名稱)。

在設定裡還有許多選項可以調整,例如網頁標題、描述、關鍵字、語言,以及設定社交網路分享、Google Analytics 追蹤以及搜尋引擎最佳化等等。

最後,點選左側選單上方的「發佈」按鈕,就能將網頁發佈到網路上,幾分鐘後全世界就能看到你的頁面內容!當然你也可以立即將網址分享到 Facebook 或 Twitter 。

還是要提醒一下,Strikingly 跟一般架站服務不同,並不提供免費方案無限流量!也就是說如果你的網站成長到一個階段,每個月 5 GB 流量已經無法滿足需求(或者你需要使用額外的付費功能),那麼就必須付費升級。其實 Strikingly 價格不算太高,且穩定性和功能也都很完整,對於想架站的朋友來說還蠻划算的喔!

我會建議大家,如果你想認真經營或維護一個網站,註冊網址是非常重要的動作,除了能搶先保有品牌名稱外,更重要的是若日後必須要搬家或遷移網站,維持固定網址將有助於鞏固你的固定訪客。

值得一試的三個理由:

  1. 中文介面,可架設無限個網站,每月流量上限 5 GB
  2. 提供企業專業、個人、作品集各式佈景主題,支援響應式設計
  3. 內建許多免費圖庫、影片庫素材,使用者可以直接選取套用,不用擔心版權或合法性問題

相關

  • Carrd 簡單、自由且完整支援響應式設計免費架站平台!五分鐘打造動態網頁不求人
  • 2016/03/18
  • 在「免費空間」中
  • Cindr 免費網站架設平台,輕鬆建置行動裝置相容的單頁式網站
  • 2016/01/19
  • 在「免費空間」中
  • 以 Striking.ly 快速建立一個專業的線上網站
  • 2012/12/10
  • 在「線上工具」中

分類: 免費空間, 網站空間, 線上工具, 編輯推薦標籤: Website Builder, 免費建站, 免費架站, 免費架站平台, 免費空間, 免費網站平台, 免費網站架設, 免費網站申請, 建站工具, 架站空間, 熱門主題, 網站工具, 網站建置, 網站空間, 線上工具, 編輯嚴選, 編輯推薦, 自助建站

關於 Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

Primary Sidebar

使用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站新文章,使用電子郵件接收通知。

站內搜尋

追蹤更新

最新文章

  • 使用 Chrome 遠端桌面連到其他電腦,也能與他人分享螢幕畫面
  • 電信帳單支援手機條碼載具,綁定後將自動歸戶享自動對獎中獎通知
  • Wormhole 更重視隱私速度 10 GB 免空,檔案傳完前先顯示分享連結
  • 開啟 Google Chrome 即時字幕功能,播放影片 Podcast 自動產生字幕
  • Koofr 免費雲端硬碟整合 Dropbox、Google Drive 和 OneDrive
  • Fontworks 和 Google Fonts 合作釋出八款開放原始碼免費字型下載
  • 垃圾車 App:查詢垃圾車時間、清運路線地點資訊,設定通知提醒倒垃圾
  • 全家「友善食光地圖」查詢鄰近超商即期食品,享優惠價減少食物浪費

精選主題

  • 思源黑體:Adobe 與 Google 合作開發開放原始碼中文字型
  • 思源宋體 Noto Serif CJK 字型免費下載!Google、Adobe 再次攜手推出開放原始碼字體
  • Apple Music 登陸台灣!免費三個月試用音樂串流服務,不聽音樂要幹嘛?
  • [下載] WinRAR 解壓縮軟體正式推出中文免費版,別再用盜版破解版了!
  • Mipony 白馬下載器:網路下載必裝!支援數百免空可突破下載限制
  • Outline 來自 Google 全自動自架 VPN 安裝工具,突破中國網路封鎖限制
  • Spotify 免費聆聽 4000 萬首歌,音樂串流應用 iOS、Android 版下載
  • Peggo 終止服務!5 個 YouTube 轉檔下載替代方案推薦
  • 日本亞馬遜 AmazonGlobal 線上購物直送台灣,免消費稅免找代購
  • 中華郵政 i郵箱初體驗,24 小時自助郵局寄件取件超方便
  • YouTube Music 免費音樂串流服務正式登場,升級 Premium 零廣告體驗
  • Microsoft Edge 正式版免費下載!以 Chromium 重新打造微軟瀏覽器
  • 使用 eMask 線上預購口罩,健保卡或自然人憑證驗證可信用卡繳費
  • 口罩實名制 2.0 健保卡身分認證教學,以健保快易通 APP 線上預約口罩
  • Photopea 免費圖片編輯器,堪稱 Photoshop 線上版支援 PSD 等常見格式
  • 財政部統一發票兌獎 APP 掃描發票存手機,自動記帳主動對獎超方便
  • 使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算
  • 跨平台 Brave 瀏覽器免費下載!兼具速度與隱私相容 Chrome 擴充功能
  • YouTube Kids 兒童專用影音頻道,手機平板應用程式免費下載

贊助商連結

實用教學

  • 46個免費圖庫網站總彙整
  • 15個免費下載高解析度圖片最佳圖庫
  • 下載高畫質相片素材的13個免費圖庫資源精選
  • 12個你應該知道的中英文假字、文章產生器
  • 20個免費下載創用 CC 授權音樂的網站彙整
  • 40個設計師必備免費資源超推懶人包
  • Google 商家被留負評該檢舉刪除?或許業主更該做的是回應疑慮
  • Facebook 全新下載資料副本功能,一次備份所有臉書記錄匯出
  • Instagram 資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄
  • 7 個線上接收手機簡訊驗證碼的免費網路服務整理
  • 如何重灌 Mac 電腦?重新安裝 macOS 自動更新為最新版本教學
  • PayPal 兩步驟驗證設定教學,以手機簡訊或應用程式降低被盜用風險
  • 以 YubiKey 實體安全金鑰設定 Google 兩步驟驗證教學
  • 如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案?
  • Ruffle 免費 Flash Player 替代軟體下載,Adobe 停止更新後讓瀏覽器繼續支援

WordPress 架站資源

  • 搬家自架 WordPress 推薦的五個虛擬主機服務
  • 架站更上一層樓,我推薦的五個虛擬專屬主機(VPS)服務
  • WordPress Hosting 架站空間精選,最多人推薦的五個國外虛擬主機方案
  • 如何挑選一個適合你的虛擬主機服務?我參考的七個比較項目
  • 自架 WordPress 虛擬主機租用教學,將網誌備份匯出、匯入到新家
  • 在 WordPress 設定 HTTPS,強制使用 SSL 安全加密協定教學
  • 殺手級 WordPress 體檢項目:101 個建立新網站的超簡易捷徑!
  • Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學
  • 台灣用戶也能在 Google Domains 註冊購買網域名稱,詳細申請設定教學
  • 16 個免費網站速度測試工具推薦!網頁效能評比,搜尋引擎最佳化必備
  • 亞馬遜 VPS 服務 Amazon Lightsail 搭配 ServerPilot 快速架設 WordPress 教學
  • 165 個 WordPress 官方開發佈景主題設計 Jetpack 使用者免費下載
  • 使用 Google Cloud Platform 雲端主機免費版架設 WordPress 教學
  • 使用 Cloudways 架設 WordPress 網站教學,快速部屬最佳化環境
  • RunCloud 佈署最佳化主機環境,整合 DigitalOcean 架設 WordPress 教學
  • 使用 SiteGround 虛擬主機一鍵快速安裝 WordPress 教學
  • Cloudflare 變身域名註冊商,以最低價續費含免費 SSL、WHOIS 隱藏功能
  • FastComet 評價極高的虛擬主機推薦,一鍵安裝 WordPress 教學
  • VaultPress 完整備份你的 WordPress 網站,無痛搬家或回復特定時間點

贊助商連結

使用 WordPress 建置,最高級的語意化個人出版平台・關於本站・文章彙整・隱私權政策