[WordPress] 外掛分享: WPDevDesign – Oxygen – Essentials

首頁外掛目錄 › WPDevDesign – Oxygen – Essentials
WordPress 外掛 WPDevDesign – Oxygen – Essentials 的封面圖片
600+
安裝啟用
★★★★
4.3/5 分(3 則評價)
2225 天前
最後更新
問題解決
WordPress 5.1+ PHP 5.6+ v1.0.1 上架:2019-10-29

內容簡介

此外掛啟用 HTML5 支援,例如搜尋表單,並且增加了一些必要的 CSS,例如當使用 Oxygen 可視化網站建構器時,使所有圖片具有響應性。

此外掛沒有設定,只需安裝和啟用即可。

詳細資訊:

啟用 HTML5 支援於評論清單、評論表單、搜尋表單、圖庫和標題元素。
從Modern CSS Reset添加一些 CSS:

將 body 元素的最小高度設為 100vh。
移除具有類別設置的 ul 和 ol 元素的預設填充、默認邊距和清單樣式。
繼承輸入與按鈕的字型規則。
透過 prefers-reduced-motion 移除使用者可能不想看到的所有動畫和轉換。

新增 CSS:

使所有圖片響應,並將它們的垂直對齊設置為 top,以免佔用底部的額外像素空間。
WordPress 的 圖像對齊類別。這在 Oxygen 中有用於文本圍繞圖像。
當使用 Oxygen 的固定標題時,讓管理列子選單項目可見。
使 Oxygen 奇怪地將 label 元素的顯示設置為 none,此外掛會將其設置為可見。
當 Enable HTML5 輸出時處理表單標籤的螢幕閱讀器文字。
將搜尋表單的輸入欄與按鈕靠在一起,並將標題搜尋表單的輸入欄寬度從 100% 改為 auto。

自動安裝

在 WordPress 外掛的新增頁面內搜尋 oxygen essentials 並安裝。

手動安裝

點擊 Download 按鈕下載外掛。
將整個 wpdevdesign-oxygen-essentials 文件夾上傳至 /wp-content/plugins/ 目錄中。
透過 WordPress 的 Plugins 選單啟用該外掛。

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.1) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「WPDevDesign – Oxygen – Essentials」→ 直接安裝(推薦)

原文外掛簡介

This plugin enables HTML5 support for elements like the search form and adds (what I consider to be) some essential CSS – for example, to make all the images responsive when using the Oxygen visual site builder.
There are no settings for the plugin. Just install and activate.
Details:

Enables HTML5 support for comment list, comment form, search form, gallery and caption elements.
Adds some CSS from Modern CSS Reset for

setting a min-height of 100vh for the body element.
removing default padding, default margin and list styles on ul and ol elements that have a class set.
inheriting font rules for inputs and buttons.
removing all animations and transitions for people that prefer not to see them via prefers-reduced-motion.

Adds CSS for

making all images responsive and setting their vertical-align to top so they don’t take up an extra pixel space at the bottom.
WordPress image alignment classes. This is useful for wrapping text around images in Oxygen.
making the admin bar sub menu items visible when using fixed header in Oxygen.
making label elements visible which Oxygen, for some strange reason, seems to set the display of to none.
handling screen reader text for form labels when HTML5 output is enabled (which this plugin does).
aligning search form’s input and button side-by-side and changing header search form’s input width to auto from 100%.

Automatic Installation
Search for oxygen essentials from within your WordPress plugins’ Add New page and install.
Manual Installation

Click on the Download button to download the plugin.
Upload the entire wpdevdesign-oxygen-essentials folder to the /wp-content/plugins/ directory.
Activate the plugin through the Plugins menu in WordPress.

延伸相關外掛

文章
Filter
Mastodon