姐妹淘網頁編輯教學
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDTUkoHP3x3SllOXBjrG9Vee9FVcjPeOlGSpA0zujyUvW6uZjjvdV8BROmJWu2BLItx1p4xFLuFQfy-146hvdRuilIUMX8EOuc-C4X_HooFRnVQbRrShiC3qKzyJgIBpvZ5K3yIK5m0o/s668-rw/3-1.jpg)
開啟標準檔之後,先改基本資訊欄
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTsa8k32ClRx43KVNMWiKF6w_pjcnREdYbfjcp_cS0XVbEhd97VjNrmReG7NDSHgB_9_wS9Hp30aaJtG1BtbrhKgpAc4qUcb-VxL5j6UXrjp03y3kdq2FIjNn2qsBxOaZoQeBQ1bRva8s/s668-rw/2020-05-28_155100.jpg)
把小標中的店名改成該餐廳的名稱
圖片如何上LOGO
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbI81D6JSmeoq1I__sS_htXqbqeu6CNEXBHONbmdx_49YLKzJzKNYGk5BF-D8sw2BKJ5XDkRDm49wUiC3UXaJyKlyvyhnlEUhDxumYYq5hiXLxWRXaHoKQ7gjRXYrw4qTA6-bU4YJ12ac/s668-rw/2020-05-28_155137.jpg)
開啟Photoscape選擇
批次轉換
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij3Wbn0NE-WScoEqz5ZeTzsB6jHpnI_LLF6boACye3oYKoMuada-USZYUYOmS-zFjEjxL2Ie4ftY4_vWemFwiYuZFv2n1Ord7K2qNrtJpMQ8WJPnGHqxDAEn3X9MOL1-D19EuwKslfijA/s668-rw/2020-05-28_155233.jpg)
將檔案開啟後,選擇要轉換的圖片檔,拖曳至上方空白處
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir4blGQEBAyXsgG4O45iF7bJOUaQbeAdJDF-vjZM_5z7rBA99lAuuuU05iF-w9dRKL-U2S7_2HYR9tEXlapCdDNi-180-sspF6ze3Vh2kX3KuVQP3ibBrJyUjakkHkc_eq_P5Mf9xt4GI/s427-rw/2020-05-28_155318.jpg)
選擇適合的設定值後就可以直接來調整LOGO擺放位置
菜單設定值
寬度:1600
橫式照片
寬度:668
直式照片
寬度:450
聯合報照片
寬度:800
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbukN5qxFeZBkog6LE7GQtPp3YDlDbmFAfkvFuMasugc9xvPg2v7jm7JbbBOq3gw-yI9MKAbAeT42G1xYF4zl4rnj7Yzs886gn42QoqJ3-4QY6PzsJ6E7YGwoAjKDA43bedep0B88BsA/s668-rw/2020-05-28_155429.jpg)
LOGO可以隨意擺放在四個角落,盡量靠邊貼齊
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhALGEgZXPITWOw5VjVJlwvlF_Q3iqgSFgTUmF55tPWw3QV9jLDttp6htqv260rksofxazHv7rvgjIR3yF3tp8deoJPLLQXA7RukMHo6JXn3s-H6GeZrlu584ppu1vZat6xTIOTxy41cJs/s668-rw/2020-05-28_155447.jpg)
擺好後,點選右上方的
儲存(轉換)當前指定相片,記得要點選第三個,
儲存到指定的資料夾(自行設定要儲存的資料夾位置)
如何壓縮圖片大小
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4RHSfuNnj3PDuXcwYsRu54qCkqZWbSoSi0hlfj1RMrzxoSjf375zKlPIIQZ8TIaX7Coo3rgClAr4SPHyBUIx3I-EIwryjp4kWjxtBJWFYr5y4IGJ0nFr78zcWRvuoJi8NJNs4VmTu9ZM/s668-rw/2020-05-28_155504.jpg)
全部轉換完成後,開啟Caeaium來壓縮圖片
如何上傳照片
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtBehUbsbbBPa9D4629Xv0VBS7MZgMDbk3T-sK7cTzkBonnOfA04pMqwAI7XPnWaoZ82f9fq7iipIxq1V1i5ciq6Sfvp3B2Ytex1CToiRCkg7raH_g2fED4eO3pAAgQ7WwRjPT-L1Olfk/s668-rw/2020-05-28_155638-crop.jpg)
一定要先切換到HTML再開始上傳圖片
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_FxeXRq9DgvYQRILNFKQiBUR6lQ3VgP-eKZr33YCjEyDZltkCeH47KFIrYr3KtErQtsFbBu0NE6prd5BMxhgAG3I7gDprBDrJreFpsHqeYRLbkjh6th8A4KVhvPwHz3XsHDBf2GhUqm8/s668-rw/2020-05-28_155746.jpg)
版面配置要選擇
1.靠左
2.原始大小
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB6Q9_MUrkkxNM72kKXqj1-BbjqxCtESgptIY7FZxXgqzaU5cXjMzTxIMV-ZwTtvhJtYV3qGuZEes94MaSx8et2yI1KuiYyOcELi0eUGoDkEDbF1YhnP6v9fPrSXJgI59x6awJeD0eMsA/s668-rw/2020-05-28_155840.jpg)
上傳後會出現一堆語碼,把所有語碼複製後,貼到
語法轉換器
語法轉換器
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOLynujtrDWQTrcNHSpl672sAPMuHabtSP6WTufWQM6hGMlWgcv_4rxblvz6o7oYJe85UPjviAXzMwMcYPbkVhM4r1XPJfuARmxgiYG7x6pFB_mduCHkjceqhDgqN5LGWYXjlTNEb2dEQ/s668-rw/2020-05-28_155900.jpg)
貼上語法轉換器之前要先修改下方
ALT描述,再將剛剛複製的語碼貼上左邊的格子裡就會自動轉換,接著複製轉換好的語碼貼回部落格後台
改 ALT 描述
選擇第一個「只用文章標題」
1.依店家修改內容
2.店名+XX區XX料理推薦
EX:風車驛站-旗津區火鍋料理推薦
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTg0UmdwsTSxLGuUnMeAHRBmDoHWuHeHhKXLFHyzwuAYxq853TjxtgTB8dKxCAtUMiNejBuAnx9TPuI5uBJ0XPg0qyFV2OpF9KGxILDu83F9IkZ0CpBcobLzQ19NxZ7dRZ219-ffY6ZLY/s668-rw/2020-05-28_155918.jpg)
直接在部落格後台貼上剛剛複製的語碼後,再切換回
撰寫
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhiMmYzFdHCyt_EgeN2jRrg1JdxujXG_4P42zRKOeR1JhenndxQKAFWEBguDWtZ3pZ5Xikdgd1Z-CCFyK-NI9P3h8jRAPIqAuv92ADs9k228cdYAXYEShsNkUh-Qu580b092JLluwL9S0/s668-rw/2020-05-28_155939.jpg)
點選圖片讓其呈現藍底反選的樣子,複製後,直接貼到Frontpage裡
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQs4e6NYRs87Lh-ryarT_l5nJSuuGhfn8rhAZRdyVTEAltXVxQfq_3dTJwZATIbePwICS81wYogsYySeR2KodmdOFNVCs_qh_j8S5d_NQVG9BuVY7l4o6V3tIpM46-lMd2Tr4mpVLwOxE/s668-rw/2020-05-28_160014.jpg)
將所有圖片貼完後,就可以開始撰寫文章內容了
部落格後台文章上架
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFQnvmvwX0pUlqhIBwQrEK730xU2sTh8mYExe6I9iXh7DpYoNEtr0ucZ3xKren8M2dVc97EI3teeXHR7XNvTkfaBiuU0arwBe4kVLq8Oy30TVB91uIiH-N2owRD6loz9vb2OQvDsnsm2A/s450-rw/2020-05-30_160259.jpg)
標籤有六點要注意
1.價格:$300↓、$301~500、$501~999、$1000↑
2.名字:誰寫的、建立誰的名字
3.特殊:只列高雄地區。友善寵物、包廂包場、訂位優惠、生日優惠(有生日優惠才列)
4.高雄三民區-韓式料理(依地區類別選擇)
再分別選擇:高雄美食、三民區美食、韓式料理
5.外縣市的標籤選擇:台北美食-韓式料理
再分別選擇:台北美食、韓式料理
6.美食文章要上「美食」的標籤,要上文章到愛食記當天在放上這個標籤
※除了「美食」標籤以外,其他標籤一開始就要設定完整
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhBmoxf8TkfsSw4NqDf3j1H49OSxLJ0m9P0muGeYQHaPPcWGxohkqSkW0ck08_zyEuZTDnKJU4Q08mOEscBWykaPDf3_m5fSgAoFT4DYprpMUqVrx4lHzBAC1soIIdIx_ilRYSie7U0c/s668-rw/2020-05-30_160318.jpg)
再來改「永遠連結」,選「自訂永久連結」,把原本的亂碼改調,以英文為主,盡量跟店名有關
EX:植品良食有機牛蒡根燉耳飲-muni、風車驛站-windhp
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjaMfvyRm0VRjCBE2nVOs6xi9K41Go5Zml09V257s29QZH10Ny_VF1tk6kpm6UpU3_QjHVCcQg0smRXz-AwJnl8f-ZumOnRODgo73vhJTn9XTo0XSiDQtVwT76fVPZzKkHwsgOw0qladc/s668-rw/2020-05-30_160328.jpg)
複製店家地址貼上
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIe5olIdM2icosZ1y9UP4kOlQJ6IdAea_VqDG_yPpJcC4_xboFXI8iPSCWd77_k7BORYv8nrOULfMvFw5Ek1zI4Hb9Sb1Ezb4H8n2ultLGc6lK-S4A7mJw8sNWfV9_ZQkpO60HMLNIhlk/s668-rw/2020-05-30_160337.jpg)
搜尋說明要打上大約三行的文章介紹,要帶到店名跟類別,越多搜尋的關鍵字越好!
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQTropWPdc9yuAS6KfG0MpqWaOr39y-nJFTn3INv3vUqbSfumYlV0L-mvEc9esAc2SzysQ_TPUpUTNvRJUz_F-PSG8P_xtqo2cuuv5gilblJSkeSTwTZt0ujMJ-nYNrE3W6mqLcvTMGzY/s668-rw/2020-05-30_160352.jpg)
最後想一個具有渲染力、讓人想點進去的標題後,就可以發布文章了!
如何做結構化?
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAkc2yo20l6ZC1WuR98oLlG-XVAGjdL3unjZwOUvb7G_nxenMR8qHWc_mUJgoE_18uzmOnjoBsUYcZn2agLS4fV8GzOLLXShb3ApG0HUEhsmOTjCRdrjoQvtOdSxgRu_tQMiJ29YW9G_Q/s668-rw/2020-05-30_170107.jpg)
以上帶到的部分都要改成該篇文章的店家資訊
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRU1eJbwkQ7dhM0MLmW6wHTdjQ1Ve1Dps0BhDBxBOhHETMa5mAN8g_Fs36Qg9mC7qC3u63vwh-f_Beh1g6jSL5dCSlwIugEvbpPQ8TGPvXA2EbWnrEQz0WJ6ThlgztOdIdmoPz4AAjtw8/s668-rw/2020-05-30_171614.jpg)
之後選取中間藍色選取的地方,複製貼到結構化壓縮器
部落格後台
Frontpage
![姐妹淘網頁編輯教學](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8fpyf4GBQw5_vUqCzHjtK-lyhvurr0IZYd1iL98CtNTQ4jW6WXWn9zH5uiUMSMQXYMv78Fvbg19xk-9MZE3NJKtLpUCLqkRT4iDeovhVkGF8Z1twlgS5x9I0PtK_1V0A1_FrPuI0KzmE/s668-rw/2020-05-30_171814.jpg)
之後存檔就完成一篇文章啦!