[WordPress] 外掛分享: HTML WP | A Complete Solution Of Converting Html site to WordPress Site | Html Page Builder

首頁外掛目錄 › HTML WP | A Complete Solution Of Converting Html site to WordPress Site | Html Page Builder
WordPress 外掛 HTML WP | A Complete Solution Of Converting Html site to WordPress Site | Html Page Builder 的封面圖片
⚠ 此外掛已下架 — 不再更新維護,建議勿安裝。
500+
安裝啟用
★★★☆☆
3.7/5 分(3 則評價)
889 天前
最後更新
問題解決
WordPress 5.2+ PHP 5.6+ v2.4 上架:2022-11-09

內容簡介

HTML WP 具有動態內容功能 - Coming Soon。這是 HTML 外掛程式的一個魔法功能,它可以讓您動態地調整由 HTML 外掛程式產生的範本內容。

HTML WP 簡化了您從簡單網站到高級 WordPress 主題的轉換。您只需花費 5 分鐘,即可將 HTML 項目轉換為 WordPress 主題。

HTML WP 外掛程式會為您處理所有事情 - 您只需上傳一個 zip 檔案和一張圖片,它就會在管理儀表板上創建帶有頁面的主題。您需要將標題內容放在標題標籤中,將頁腳內容放在頁腳標籤中。

Git Hub 連結:Github
網站連結:HTML WP
Demo 連結:Demo 連結

資料夾結構

.
└── 主資料夾/
├── Css/
│ ├── Custom.css
│ └── Custom1.css
├── Js/
│ ├── Custom.js
│ └── Custom1.js
├── Images/
│ ├── Image1.png
│ └── Image2.png
├── Fonts/
│ └── Font1.ttf
├── Index.html
├── About.html
├── Contact.html
└── Blog.html

HTML 檔案結構

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title>
</head>
<body>
<header>Header Content</header>
Body Part
<footer>Footer Content</footer>
</body>
</html>

標準檔案結構

範例連結: https://themewagon.com/themes/free-bootstrap-4-html5-restaurant-website-template-feane/

主要功能:

自動檢測標題與頁尾,並使用標題和頁尾標籤。

為主題添加 2 個標題區域。

為您的網站創建自定義文章類型。

將 HTML zip 資料夾轉換為 WordPress 主題:

轉換後的 WordPress 主題結構:

注意事項:

所有 HTML 頁面應僅有一個標題。其中一個 HTML 頁面上有多個標題是不被接受的,若是沒有標題或頁腳標籤的 HTML 頁面也無法使用此外掛程式。該外掛程式會為每個頁面生成一個標題,並在管理區域中創建每個頁面級別的 HTML 檔案。

資產資料夾結構:

我們必須使用單一資料夾結構,意思是您可以將 css 放在 css 資料夾中,將圖片放在圖片資料夾中,將字體放在字體資料夾中,並在 js 資料夾中放置 js 檔案。

注意:您不應該為 CSS、JS、圖片和字體創建多個子目錄。例如,不要使用 css/style1.css 或 image/one.png。請勿使用 css/style /style1.css 或 image/example/one.png。

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.4) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「HTML WP | A Complete Solution Of Converting Html site to WordPress Site | Html Page Builder」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Dynamic Content A magical feature on HTML WP that add the power that you can dynamic any content of template generated by HTML Plugin. FASTEST WAY TO CREATING A DYNAMIC WEBSITE FROM HTML Documentation-Documentation Link

HTML WP simplifies your conversion from a simple website to an advanced WordPress theme. You’ll be able to convert your HTML project into a wordpress website in just 10 minutes.
The HTML WP plugin does everything for you-just upload a zip file and an image, and it will create a theme with pages on the admin dashboard. You’ll need to put your header content within a header tag and your footer content within a footer tag. HTML WP plugin featuring Dynamic Content which is a function that allow’s you to dynamic your html content, that means you can change your html content just from admin.
Website Link: HTML WP
Demo Link: Demo Link
Folder Structure
.
└── Main Folder/
├── Css/
│ ├── custom.css
│ └── Custom1.css
├── Js/
│ ├── custom.js
│ └── Custom1.js
├── Images/
│ ├── image1.png
│ └── image2.png
├── Fonts/
│ └── font1.ttf
├── index.html
├── about.html
├── contact.html
└── blog.html
Html File structure






Demo

Header Content

Body Part

Footer Content


Standard File Structure
Sample link: https://themewagon.com/themes/free-bootstrap-4-html5-restaurant-website-template-feane/
Main Features:

Automatically Detect Headings and Footers with Header and Footer Tags.

Add 2 header locations to the theme.

Creating a custom post type for your website

Converting HTML zip folder to WordPress Theme:

Converted WordPress Theme Structure:

Note:
There should be only one header for all html pages. Multiple headers on an html page is not acceptable, and an html page without a header or footer tag will not work with this plugin. This plugin will generate one header for each page and page-level html files will be created in the admin area as well.
Folder Structure of assets:
We have to use single folder structure means you can keep css in css folder,images in image folder and fonts in fonts folder and js in Js folder.
Note: You shouldn’t create multiple subdirectories for CSS, JS, images, and fonts. For example, css/style1.css or images/one.png. Do not use css/style/style1.css or images/example/one.png.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon