痞客邦Pixnet新手入門基礎設定

 

 

 

註冊完成之後,可以到『部落格後台』設定相關事宜點選右上角頭像,預設是image

點選「我的部落格後台」

image

 

 

image

可以依序點選「編輯頭像」、「部落格名稱」、「編輯副標題」、以及部落格相關搜尋關鍵字

如果因為版面設計需求,你套用的樣式版型框框設計夠大、允許你副標題換行的話

可以學我在每一行字的尾端加上語法 <br/> 換行

記得你得頭像設定的底下有個《開啟部落格》的選項,要打開它呦!

 

點選左上角的「管理首頁」

image

從最下面的「設定管理」開始

 

1.部落格設定

image

各項設定可以稍微看一下,底下有一個「文章顯示相關設定」,裡面的「滑鼠右鍵功能」,

指的是當別人在瀏覽你的部落格的時候,能不能夠按滑鼠右鍵

如果您的這一項勾選「開」,這樣別人可以在你的頁面按滑鼠右鍵,進行複製或是搜尋之類的

如果您的這一項勾選「關」,這樣別人在你的頁面瀏覽的時候,就算他想點右鍵也點不了~~~

設定好之後點選image

 

2、相簿設定

image

設定你的相簿名稱、描述、是否開啟相簿等等,設定好之後點選image

 

3、隱私設定

image

設定你是否要在部落格頁面公開讓大家看到你的「好友名單」、「關注名單」、還有「誰來看過你(讀者)名單」

 

4、網域設定

image

「自訂網域」、「預設個人首頁」這兩個要收費的

阻擋搜尋引擎機器人,如果你好低調的,可以把這個關閉,選「阻擋全部搜尋引擎機器人」

瀏覽器網址列圖示,如果你沒有設定它,預設是這個image

如果你想設計一個自己的icon,有幾種方式

這裡有提供各式各樣各類型的ICON圖檔給大家使用 https://icons8.cn/icons
 

如果您很有繪畫天份也是可以考慮自己用畫的!來這裡慢慢的畫 https://www.favicon.cc/  

把中意的圖存在自己的電腦裡面,然後再到這個網站 https://www.ifreesite.com/favicon/ 轉檔成 ".ico"格式的 ICON檔

(將圖片轉檔成".ico",設定只要使用預設的16px * 16px 即可)

然後你就可以回來你的部落格後台上傳你的icon檔了,記得上傳完還是要點一下image

(參照文章:【痞客邦新手入門⑹】如何自訂個性化ICON圖標)

 

設定文章分類 (參照文章:【痞客邦新手入門⑵】如何編輯側欄推薦連結區)

點選「設定管理」「文章列表」「+分類、資料夾」

image

選擇「分類」輸入「分類的名稱」「是否顯示於前台」選"是"點選「確認送出」

 

 

 

設定部落格樣式

點選左上角的image進到image

挑選個版型自己看得順眼的樣式套用吧! 或是你想要自己設計,可以參考梅花的側欄筆記區

以及⇝【梅花的CSS學習】修改痞客幫版面樣式 (❆筆記持續更新)

 

如果想試穿一下看個感覺,就按「預覽」,要直接打包穿上帶走,就選擇「套用」

我套用的是這個樣式        image

 

然後最上面的橫幅我覺得畫素太低了,想換成其他喜歡的圖片的話

先進到「部落格CSS原始碼裡面」

image

那個橫幅的語法名稱是banner,但我不確定他是在哪一個banner裡面

所以我就按「Ctrl+F」搜尋「banner」,一個一個試,大概試到第四個搜尋到的banner關鍵字

改裡面的圖片網址,通常是jpg、.gif、.png之類的網址結尾

要看有沒有改成功,直接按下面的「樣式預覽」,確定改對了再「儲存」

 

 

最後成果~

image

如果想看一些美麗的封面banner,可以參考我這一篇蒐集一些好看的橫幅Banner

(如果想要索取圖片可以私訊我~告訴我要哪一張圖~)

 

設定自己的作者名稱(暱稱)

先點一下你自己右上角的頭像image進入底下的「帳號中心」

image

image

 

梅花的語法筆記

檢視CSS標籤F12 (Ctrl+Shift+I) 箭頭粉.jpeg *開發人員工具*


部落格整體 #body 箭頭粉.jpeg *換背景底圖*箭頭-15.png*換字體*箭頭-15.png*換部落格ICON*箭頭-15.png*設計LOGO* 


封面橫幅#banner/#header 箭頭粉.jpeg *換封面底圖*箭頭-15.png*部落格標題敘述大小位置*


文章區塊 #content 箭頭粉.jpeg *改文章標題字體、背景*


公告版面 #spotlight 箭頭粉.jpeg *公告版面應用*


側欄區塊 #links 箭頭粉.jpeg *改側欄標題的背景*箭頭-15.png*Facebook粉專外掛image箭頭-15.png*音樂外掛image箭頭-15.png*YouTube外掛image箭頭-15.png*分享連結階層*


實用推薦 箭頭粉.jpeg *看所有語法筆記文章*箭頭-15.png0074.gif梅花的語法筆記本0074.gif箭頭-15.png*看梅花的CSS標籤筆記*箭頭-15.png*文章內的目錄(錨點)image箭頭-15.png*關閉遮蓋版面的廣告*箭頭-15.png*隱藏上方藍色選單*箭頭-15.png*連結Google相簿*箭頭-15.png*圖片瘦身不失真*箭頭-15.png*讓部落格可以被Google*箭頭-15.png*Google Analytics分析*
箭頭-15.png精美分隔線圖片大全箭頭-15.png語法DIY美美的標題分隔線

 

arrow
arrow
    創作者介紹
    創作者 梅梅 的頭像
    梅梅

    梅花問路

    梅梅 發表在 痞客邦 留言(4) 人氣()