痞客邦Pixnet新手入門基礎設定
註冊完成之後,可以到『部落格後台』設定相關事宜點選右上角頭像,預設是
點選「我的部落格後台」
可以依序點選「編輯頭像」、「部落格名稱」、「編輯副標題」、以及部落格相關搜尋關鍵字
如果因為版面設計需求,你套用的樣式版型框框設計夠大、允許你副標題換行的話
可以學我在每一行字的尾端加上語法 <br/> 換行
記得你得頭像設定的底下有個《開啟部落格》的選項,要打開它呦!
點選左上角的「管理首頁」
從最下面的「設定管理」開始
1.部落格設定
各項設定可以稍微看一下,底下有一個「文章顯示相關設定」,裡面的「滑鼠右鍵功能」,
指的是當別人在瀏覽你的部落格的時候,能不能夠按滑鼠右鍵
如果您的這一項勾選「開」,這樣別人可以在你的頁面按滑鼠右鍵,進行複製或是搜尋之類的
如果您的這一項勾選「關」,這樣別人在你的頁面瀏覽的時候,就算他想點右鍵也點不了~~~
設定好之後點選
2、相簿設定
設定你的相簿名稱、描述、是否開啟相簿等等,設定好之後點選
3、隱私設定
設定你是否要在部落格頁面公開讓大家看到你的「好友名單」、「關注名單」、還有「誰來看過你(讀者)名單」
4、網域設定
「自訂網域」、「預設個人首頁」這兩個要收費的
阻擋搜尋引擎機器人,如果你好低調的,可以把這個關閉,選「阻擋全部搜尋引擎機器人」
瀏覽器網址列圖示,如果你沒有設定它,預設是這個
如果你想設計一個自己的icon,有幾種方式
這裡有提供各式各樣各類型的ICON圖檔給大家使用 https://icons8.cn/icons
如果您很有繪畫天份也是可以考慮自己用畫的!來這裡慢慢的畫 https://www.favicon.cc/
把中意的圖存在自己的電腦裡面,然後再到這個網站 https://www.ifreesite.com/favicon/ 轉檔成 ".ico"格式的 ICON檔
(將圖片轉檔成".ico",設定只要使用預設的16px * 16px 即可)
然後你就可以回來你的部落格後台上傳你的icon檔了,記得上傳完還是要點一下
(參照文章:【痞客邦新手入門⑹】如何自訂個性化ICON圖標)
設定文章分類 (參照文章:【痞客邦新手入門⑵】如何編輯側欄推薦連結區)
點選「設定管理」「文章列表」
「+分類、資料夾」
選擇「分類」輸入「分類的名稱」
「是否顯示於前台」選"是"
點選「確認送出」
設定部落格樣式
點選左上角的進到
挑選個版型自己看得順眼的樣式套用吧! 或是你想要自己設計,可以參考梅花的側欄筆記區
以及⇝【梅花的CSS學習】修改痞客幫版面樣式 (❆筆記持續更新)
如果想試穿一下看個感覺,就按「預覽」,要直接打包穿上帶走,就選擇「套用」
我套用的是這個樣式
然後最上面的橫幅我覺得畫素太低了,想換成其他喜歡的圖片的話
先進到「部落格CSS原始碼裡面」
那個橫幅的語法名稱是banner,但我不確定他是在哪一個banner裡面
所以我就按「Ctrl+F」搜尋「banner」,一個一個試,大概試到第四個搜尋到的banner關鍵字
改裡面的圖片網址,通常是jpg、.gif、.png之類的網址結尾
要看有沒有改成功,直接按下面的「樣式預覽」,確定改對了再「儲存」
最後成果~
如果想看一些美麗的封面banner,可以參考我這一篇蒐集一些好看的橫幅Banner
(如果想要索取圖片可以私訊我~告訴我要哪一張圖~)
設定自己的作者名稱(暱稱)
先點一下你自己右上角的頭像進入底下的「帳號中心」
梅花的語法筆記
檢視CSS標籤F12 (Ctrl+Shift+I) *開發人員工具*
部落格整體 #body *換背景底圖*
*換字體*
*換部落格ICON*
*設計LOGO*
封面橫幅#banner/#header *換封面底圖*
*部落格標題敘述大小位置*
文章區塊 #content *改文章標題字體、背景*
公告版面 #spotlight *公告版面應用*
側欄區塊 #links *改側欄標題的背景*
*Facebook粉專外掛
*
*音樂外掛
*
*YouTube外掛
*
*分享連結階層*
實用推薦 *看所有語法筆記文章*
*
梅花的語法筆記本
*
*看梅花的CSS標籤筆記*
*文章內的目錄(錨點)
*
*關閉遮蓋版面的廣告*
*隱藏上方藍色選單*
*連結Google相簿*
*圖片瘦身不失真*
*讓部落格可以被Google*
*Google Analytics分析*
精美分隔線圖片大全
語法DIY美美的標題分隔線