Title: LNBuilder &#8211; Visual Page Builder
Author: TeamLNSEL
Published: <strong>2026 年 9 月 29 日</strong>
Last modified: 2026 年 10 月 22 日

---

搜索插件

![](https://ps.w.org/lnbuilder-visual-page-builder/assets/banner-772x250.png?rev
=3718976)

![](https://ps.w.org/lnbuilder-visual-page-builder/assets/icon-256x256.png?rev=3718976)

# LNBuilder – Visual Page Builder

 作者：[TeamLNSEL](https://profiles.wordpress.org/karticklnsel/)

[下载](https://downloads.wordpress.org/plugin/lnbuilder-visual-page-builder.4.0.0.zip)

 * [详情](https://cn.wordpress.org/plugins/lnbuilder-visual-page-builder/#description)
 * [评价](https://cn.wordpress.org/plugins/lnbuilder-visual-page-builder/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/lnbuilder-visual-page-builder/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/lnbuilder-visual-page-builder/#developers)

 [支持](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/)

## 描述

LNBuilder is a visual drag-and-drop page builder for WordPress. It lets you create
page layouts, custom headers and footers, and single post templates from a visual
editor.

The plugin includes responsive controls, reusable templates, global styles, navigation
tools, sliders, galleries, forms, tabs, accordions, and WordPress content elements.

#### Page Builder

 * Visual drag-and-drop editing canvas
 * Desktop, tablet, and mobile editing modes
 * Responsive spacing, typography, sizing, and alignment controls
 * Undo and redo support
 * Reusable templates
 * Global styles for colours, typography, and button presets

#### Header and Footer Builder

 * Custom header and footer templates
 * Conditional display rules
 * Sticky header options
 * WordPress navigation menu integration
 * Responsive mobile menu layouts

#### Single Post Templates

 * Custom layouts for posts, pages, and supported post types
 * Post title, content, featured image, metadata, categories, tags, and breadcrumbs
 * Related posts layouts
 * Conditional template assignment

#### Elements

 * Layout: Container, Row, Column, Grid, Flexbox, Section, Div Block
 * Content: Heading, Text, Button, Image, Icon, Icon List, Icon Heading & Description,
   Divider, Spacer, Quote, Badge
 * Media: Video, Gallery, Slider, Carousel, Logo Slider, Audio
 * Interactive: Tabs, Accordion, Countdown, Counter, Progress
 * WordPress: Posts, Site Logo, Nav Menu, Shortcode, Breadcrumb
 * Forms: Contact Form, Newsletter, Input, Search
 * Navigation: Navbar, Social Links

#### Mobile Menu

The mobile menu supports slide-down, fullscreen, and off-screen (slide-in from the
left or right) layouts. The hamburger can be shown on mobile only, on tablet and
mobile, or on all devices, so the off-screen menu can also be used on desktop. Menu
submenus can use accordion behavior, with configurable colours, close buttons, and
backdrop behavior.

#### Responsive Design

LNBuilder provides responsive controls for desktop (1025px and wider), tablet (768–
1024px), and mobile (767px and narrower) breakpoints. Values can be configured independently
where supported by an element.

#### Backgrounds

Containers, sections, rows, columns, grids, flexbox blocks, and the background of
every element support a background colour, a background image, and a background 
overlay with its own colour and opacity.

#### Global Styles

Global Styles provides reusable colour variables, typography settings, and button
presets. Custom colours can be referenced as CSS variables throughout LNBuilder 
output.

#### Performance

 * Frontend output uses semantic HTML and scoped CSS where applicable.
 * Frontend interactions use vanilla JavaScript.
 * WordPress hooks and APIs are used for saving, rendering, and administration.

### Source Code

assets/js/editor.js and assets/js/frontend.js are authored directly in the compact,
single-line style you see in the shipped files — there is no separate build step,
bundler, or minifier involved, and no un-minified “source” version exists elsewhere.
What ships in this zip **is** the source code; it is written by hand this way. The
plugin’s PHP files are likewise hand-written and unobfuscated.

Third-party libraries bundled under assets/vendor (Tabler Icons, Swiper, Animate.
css) are unmodified upstream builds; see the LICENSE.txt file included alongside
each for attribution, version, and license terms.

### External Services

Tabler Icons, Swiper, and Animate.css are bundled with the plugin (assets/vendor)
and are always loaded from your own site — no data is sent to a third-party CDN 
for these.

The only third-party resource LNBuilder can load is described below, and only when
the related feature is used. No LNBuilder account is required.

#### Google Fonts

Service: Google Fonts.

Purpose: Loads a selected Google Font when a site administrator chooses to use one.

Data sent: The browser requests font resources from Google. Normal HTTP request 
metadata, including IP address, may be processed by Google.

Privacy: https://policies.google.com/privacy

### Privacy

LNBuilder does not operate a remote analytics or advertising service. Form submissions
created through LNBuilder are stored by the site in its WordPress database when 
the form feature is used. Site administrators are responsible for configuring their
form fields, notification recipients, retention policies, and privacy disclosures
as required by their jurisdiction.

Third-party resources are described in the **External Services** section above.

## 屏幕截图

[[

[[

## 安装

 1. Download the LNBuilder plugin ZIP.
 2. In WordPress, go to **Plugins > Add New Plugin > Upload Plugin**.
 3. Upload the ZIP and click **Install Now**.
 4. Activate LNBuilder.
 5. Open **LNBuilder** in the WordPress administration area and create a page or template.

## 常见问题

### Does LNBuilder replace my theme?

No. LNBuilder works alongside the active WordPress theme. Custom LNBuilder templates
can replace the theme header or footer when their display conditions match.

### Can LNBuilder be used with another page builder?

Yes. LNBuilder stores and renders its own layouts and can be used on selected pages
while other pages continue to use another builder.

### Can I use WordPress navigation menus?

Yes. The Nav Menu element can use registered WordPress menus and provides responsive
navigation options.

### Where are global colours and typography configured?

Use **LNBuilder > Global Styles** in the WordPress administration area.

### Does LNBuilder support PHP 8?

Yes. The plugin requires PHP 7.4 or later and is intended to run on supported PHP
8 releases.

### Does LNBuilder support WordPress multisite?

Standard WordPress installations are supported. Multisite has not been fully verified
and should be tested before production use.

## 评价

![](https://secure.gravatar.com/avatar/9504fd0c6ae6082a917ea257593c1871fd78c12946ade92171b510de14d2457c?
s=60&d=retro&r=g)

### 󠀁[Impressive Plugin](https://wordpress.org/support/topic/impressive-plugin-49/)󠁿

 [jahir26](https://profiles.wordpress.org/jahir26/) 2026 年 10 月 16 日

I have been using this plugin for a long time and I can say It's a very easy to 
use plugin.

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/)

## 贡献者及开发者

「LNBuilder – Visual Page Builder」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ TeamLNSEL ](https://profiles.wordpress.org/karticklnsel/)

[帮助将「LNBuilder – Visual Page Builder」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/lnbuilder-visual-page-builder)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/lnbuilder-visual-page-builder/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/lnbuilder-visual-page-builder/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/lnbuilder-visual-page-builder/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/lnbuilder-visual-page-builder/)。

## 更新日志

#### 4.0.0

 * New: Icon Heading & Description widget (icon box) with stacked, framed or plain
   icon, icon position (top, left, right) per device, alignment per device, per-
   device title and description sizes, link on icon and heading or on the whole 
   box, and hover effects.
 * New: Icon List (replaces the List widget). Each item can have its own icon and
   link (optional new tab); choose vertical or inline layout separately for desktop,
   tablet and mobile; alignment per device; dividers; text, icon and hover colours.
   Existing lists keep working.
 * New: Background overlay (colour + opacity) for containers, sections, rows, columns,
   grids, flexbox blocks and every element’s background. Background image size and
   position options added.
 * New: Off-screen menu for the Navbar (slide in from left or right, optional logo,
   Esc / backdrop / close button to dismiss). Navbar and Nav Menu can show the hamburger
   on mobile only, on tablet and mobile, or on all devices.
 * Fixed: columns inside a Row stacked on top of each other instead of sitting side
   by side.
 * Fixed: per-device font size, line height and letter spacing (Responsive tab) 
   had no effect on headings, text, buttons, badges, quotes and lists.
 * Fixed: “Hide on Desktop” hid the element on every device, and “Hide on Tablet”
   also hid it on mobile.
 * Fixed: container background size and position produced invalid CSS.
 * Fixed: Row tablet/mobile column counts used different breakpoints from the rest
   of the plugin and ignored the row gap; grid tablet/mobile column counts were 
   not applied.
 * Fixed: global mobile heading sizes overrode the sizes chosen for each element.
   Large headings are now scaled down automatically on tablet and mobile unless 
   a size is set.
 * Responsive: Form fields are full width on mobile unless a mobile width is set;
   Newsletter, Countdown, Tabs, Hero, Slider, Image Card (side image), Recent Posts(
   list view) and Team Card popup now adapt to tablet and mobile screens.
 * Fixed: an invalid CSS selector in the Recent Posts widget and an invalid font-
   family rule in the Image Card widget.

#### 3.9.9

 * Text domain restored to lnbuilder-visual-page-builder (the slug WordPress.org
   assigned), in the plugin header and all 29 translation calls; the package folder
   and main file are named to match.
 * Security: element ids are now limited to letters, digits, “_” and “-” (they were
   written into id=”” attributes and CSS selectors, so a crafted id could inject
   site-wide CSS rules).
 * Security: free-text style values (border, shadow, gradient, filter) are now checked
   against a strict allow-list and rejected if they contain anything else, instead
   of being partly cleaned.
 * Security: background-image URLs are quoted and encoded so a URL can no longer
   inject extra style declarations.
 * Fixed six more style values that were not validated as CSS: slider button 2 background
   and border, slider tablet/mobile heights, divider line style, form button alignment.

#### 3.9.8

 * The Form widget’s redirect URL is limited to http(s) and relative URLs; the HTML
   widget is filtered when displayed as well as when saved; admin scripts no longer
   evaluate code; fixed the editor’s Page Settings button.

#### 3.9.7

 * Text domain changed to lnbuilder-updated.

#### 3.9.6

 * Video widget iframes are limited to known video providers (YouTube, Vimeo, Wistia,
   Loom, Dailymotion, Twitch).
 * Map widget latitude/longitude are validated as real coordinates.

#### 3.9.5

 * Fixed an XSS issue: border/shadow/gradient/filter values could contain a quote
   character and break out of their style attribute. Quotes are now stripped.

#### 3.9.0 – 3.9.4

 * Border in Global Styles is now width/style/color controls; fixed a crash when
   a button style had a background color; more CSS value validation; admin styling
   moved into CSS classes; sanitization fix on the border-style field.

#### 3.8.3 – 3.8.9

 * Fixed the Icon, Audio and Input elements (they had no frontend output); validated
   CSS values across all widgets; removed inline JavaScript handlers from the admin
   editor.

#### 3.8.0 – 3.8.2

 * Completed the internal prefix migration (vcb_ to lnbld_) across hooks, handles,
   database tables/options/meta keys, with a safe one-time migration for existing
   sites.

#### 3.7.9

 * Removed remaining raw inline <style> tag fallbacks in favor of the standard WordPress
   style-enqueue APIs.

#### 3.7.8

 * Removed free-text per-element CSS fields (Custom/Hover/Tablet/Mobile/Animation
   CSS) from the builder entirely.

#### 3.7.7

 * Fixed the root cause of “critical error” reports: a division-by-zero in the responsive
   grid-column CSS generator.

#### 3.7.6

 * Removed the Global Styles Custom CSS textarea and the unfiltered_html exception
   on the HTML widget.

#### 3.7.5

 * Replaced esc_attr() with proper CSS-value validation throughout the Global Styles
   output.

#### 3.7.0 – 3.7.4

 * UI fixes and additions: button icon/hover colors, form step-indicator color, 
   Text Domain header correction, fixed JS errors in the Button widget’s Style panel.

#### 3.6.5 – 3.6.9

 * Bundled third-party libraries locally instead of loading from a CDN; sanitized
   the HTML widget and custom CSS fields; added nonce checks; fixed prefix and Text
   Domain warnings; fixed a broken Global Styles button.

#### 3.6.0

 * Added Logo Slider and Image Carousel widgets with responsive controls.

#### 3.5.9

 * Updated plugin metadata, slider/accordion/list widget controls, and general compatibility
   fixes.

## 额外信息

 *  版本 **4.0.0**
 *  最后更新：**6 天前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.1.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/lnbuilder-visual-page-builder/)
 * 标签
 * [drag-and-drop](https://cn.wordpress.org/plugins/tags/drag-and-drop/)[footer builder](https://cn.wordpress.org/plugins/tags/footer-builder/)
   [header builder](https://cn.wordpress.org/plugins/tags/header-builder/)[page builder](https://cn.wordpress.org/plugins/tags/page-builder/)
   [visual editor](https://cn.wordpress.org/plugins/tags/visual-editor/)
 *  [高级视图](https://cn.wordpress.org/plugins/lnbuilder-visual-page-builder/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/?filter=1)

[您的评价](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/reviews/)

## 贡献者

 *   [ TeamLNSEL ](https://profiles.wordpress.org/karticklnsel/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/lnbuilder-visual-page-builder/)