前面介紹了排版插件,成品網站貼心的插件擴展,讓我們設計版面的時候遊刃有餘,可惜,即便可以調用這麼多插件,有時候,我們還是對插件的一些細節無法滿意,要想做到最好,那麼就需要對插件進行微調,這裡就會設計到代碼的修改。
看不懂代碼?沒有編程基礎?別在意,這裡的修改很簡單,只需要瞭解幾個關鍵的地方就可以做微調了。下面看看我是怎麼修改的吧。
工具/原料
網站後臺管理權限
方法/步驟
準確說,我並不懂代碼修改的,也沒有系統的學習過,只是做了簡單的瞭解,我們要修改的,無非是插件的邊框、大小,默認的字體顏色等,如果僅僅如此,這就好辦了,我們先點開需要修改的插件吧,這裡我選擇的是修改文章列表插件,為大家示範。
首先,在插件設置的對話框中,可以看到已經有很多可以設置了,包括插件的標題、更多按鈕的連接地址、文章列表與邊框的邊距、插件的長寬大小等。
好了,我們根據需要,設置了對應的內容,可是因為在之前容器底色設置為了為黑灰色,比較深,而選擇的這個插件,文章列表的顏色確也是深色文字,這樣就不顯眼了,而且,邊框的樣式根據需要,要加上公司的logo,那麼怎麼辦呢?不急,我們先看看這個插件到底調用的是那個文件。
我們可以看到此插件調用的文件名為tpl_newslist_time.htm,那麼在程序文件中,找到這個文件,並用notepad編輯軟件打開它。
看不懂!恩,不要緊,看第二欄,那個.css後綴的文件名,找到這個文件,前面已經提示了,是在css/這個文件夾下。
使用notepad編輯軟件打開newslist_time.css,果然,這就是關於文章列表的css文件,正是編輯插件樣式的代碼,包括字體大小、顏色等。font就是字體,後面的參數當然修改字體大小的;color,不用多說,這是顏色,也就是字體的顏色,如果不知修改的是否正確或者滿意,可以對源文件進行備份,然後修改一點,就立即刷新頁面觀察變化,這樣,就算修改錯誤,也可以恢復到最初的狀態。
而邊框的樣式,則與插件的設置一樣,找到邊框所在的文件,並對邊框的圖片進行修改,看看我選擇的邊框樣式,前面有一個數字番號783,好了,我們在源程序裡找783這個文件吧!
找到了嗎?這就是那邊框的文件,就是一張圖片,下面對這種圖片想怎麼修改就怎麼修改,直到你滿意為止。
注意事項
注意,對源文件做任何修改,一定要備份,改錯了,還可以再來,一定要變成一種習慣。