前言介紹
- 這款 WordPress 外掛「Responsive Subheader」是 2015-02-24 上架。
- 目前有 30 個安裝啟用數。
- 上一次更新是 2015-11-20,距離現在已有 3452 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 3.5 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
dmbarber |
外掛標籤
slider | front page | page title | responsive | sub-header |
內容簡介
此外掛在你已經為首頁和文章頁面設置靜態頁面時效果最佳。
輕鬆地為你的頁面添加響應式子標題。當你添加一篇新的「響應式子標題」文章時,將為你的首頁創建一個單獨的子標題,並為所有其他頁面創建第二個類型的子標題。如果你想在頁面上顯示子標題,請確保為頁面添加特色圖片。
功能:
- 在首頁上使用自定義可編輯的子標題
- 在所有子頁面上使用特色圖片作為子標題
- 將多個圖像附加到前頁響應式子標題以創建幻燈片
- 為幻燈片選擇轉換類型
- 為子標題背景顏色選擇自定義顏色
- 每個頁面都有自己獨特的子標題
- 所有子頁面的子標題上顯示頁面標題
創建一個新的「響應式子標題」文章,並為其添加「特色圖片」。標題僅供參考,不會顯示在頁面上。請務必為頁面添加一個「特色圖片」(至少 720px x 200px)。甚至可以在設置為「文章」頁面的頁面上添加特色圖像。
請確保選擇一個背景顏色以及你想在子標題上顯示的疊加樣式。對於子頁面(即不是首頁的頁面),頁面標題將顯示在右側的彩色背景上。選擇的圖片將顯示在左側。這是一個靈活的、響應式的子標題,應該可以在所有屏幕上正確顯示。
此外掛會自動添加選項,讓你的佈景主題可以自動使用縮略圖圖像。它還會在可用尺寸列表中添加所需的圖像尺寸。
如果你尚未為當前佈景主題創建子佈景主題,請務必這樣做。然後將「header.php」文件複製到你的子佈景主題文件夾中。只編輯複製的文件-永遠不要更改原始佈景主題文件!
一旦你將「header.php」文件複製到子主題中,打開文本編輯器,將以下代碼(包括打開和關閉 php 標籤)添加到文件底部:
// 输出響應式子標題區塊
if (class_exists('ResponsiveSubheader')) {
display_responsive_subheader_here();
}
?>
- 如何在首頁中使用幻燈片功能 -
在管理區域中創建你的響應式子標題時,取消使用「特色圖片」的設置。
附加 - 不要插入 - 你想用做幻燈片的圖片。要在「編輯響應式子標題」屏幕上附加而不插入圖像 - 點擊「添加媒體」按鈕。當「插入媒體」彈出窗口打開時,選擇「上傳文件」選項卡。上傳你想用於你的幻燈片的檔案 - 不要點擊「插入到文章」按鈕-只需點擊「 x 」關閉彈出窗口。
此外掛會自動將你的附件圖像調整大小為800px x 432px,以供此方式使用,但如果你希望,你可以在附加之前手動調整它們的大小。如果你的圖片尺寸小於這個尺寸,請在上傳之前將它們放大。小於800px x 432px的圖片可能顯示不正常,並引起問題。軟件缺乏調整小於格式的圖像大小的能力,這需要在上傳之前手動完成。
請注意:此外掛目前尚未實現從文章中分離檔案的功能 - 目前尚未有這種情況。要這樣做,你需要添加另一個外掛或刪除你使用的圖像。
原文外掛簡介
This plugin works best when you have set static pages for your Front and Posts pages.
Easily add a responsive subheader to your pages. There is a separate subheader for your Front page, created when you add a new ‘Responsive Subheader’ post and a second type for all other pages. Be sure to add a featured image to your pages if you want the subheader to display on them.
Features:
– Custom, editable subheader on the Front page
– Use a featured image as the subheader for all subpages
– Attach multiple images to the Front page Responsive Subheader to make a slideshow
– Choose your transition type for the slideshow
– Choose your custom color for the subheader backgrounds
– Each page will have its own unique subheader
– The page title is displayed on all subpage subheaders
Create a new ‘Responsive Subheader’ and add a ‘Featured Image’ to it. The title is only for reference; it is not displayed on pages. Be sure to add a ‘Featured Image’ (at least 720px x 200px) to your pages. You can even add a featured image to the page you set as your ‘Posts’ page.
Be sure to choose a background color and the overlay style you will want displayed on your subheader. On your sub-pages (those not the Front page) the page title will be displayed over the colored background on the right side. The image you choose as the ‘Featured Image’ for the page will be displayed on the left side. This is a dynamic, responsive subheader that should display properly on all screens.
This plugin will add the option for your theme to use thumbnail images automatically. It will also add the image sizes it needs to the list of available sizes.
If you have not done so already, please, create a child theme for your current theme. Then copy the ‘header.php’ file into your child theme folder. Only edit the copied file – never alter your original theme files!
Once you have copied over the ‘header.php’ file to your child theme, open it up in a text editor and add the following code (including the opening and closing php tags) to the bottom of the file:
— How to use the Slider Feature on the Front Page —
Uncheck the setting to use the ‘Featured Image’ when you create your Responsive Subheader in the admin area.
Attach – do NOT insert – the images that you would like to use to your Responsive Subheader post. To attach without inserting – in the Edit Responsive Subheader screen – click on the ‘Add Media’ button. When the ‘Insert Media’ modal window opens select the ‘Upload Files’ option tab. Upload the files you would like to use for your slider – Do NOT click on ‘Insert into post’ button – just ‘x’ out of the modal window to close it.
Your attachment images will be automatically resized down to 800px x 432px for this plugin to use, but if you prefer, you may resize them manually before attaching. If your images are smaller than that size, please enlarge them before uploading. Images smaller than 800px x 432px may not display properly and cause problems. The software lacks the capability to resize smaller images to a larger format. This will need to be done manually before uploading.
Please Note: this plugin currently does not implement the ability to detach files from a post – not yet anyway. To do this, you will need to add another plugin or delete the image you uploaded as an attachment in the media library to detach it.
If you have a featured image set to your post, this will not be included as a slide in the slideshow. Unchecking the ‘Use Featured Image’ checkbox only tells the plugin to setup display mulitple image attachments as a slideshow, or, if you only have one other image attached to use that instead.
Upcoming Releases
In future updates I hope to:
* Add additional features to the front-page sub-header such as font color settings.
* Add a feature to easily attach and detach images from the Responsive Sub-header for the slider
* Add more overlays
* Add a manual cropping function for your sub-page attached images
* Add translations
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Responsive Subheader」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.4 | 1.0.5 | trunk | 1.0.5.1 |
延伸相關外掛(你可能也想知道)
暫無相關外掛推薦。