Weston Ruter

Payton Swick

Important note: This project was first started before the Gutenberg feature plugin was started. As such, the JS Widgets plugin should now be considered a prototype which may inform the way that widget blocks get implemented in Gutenberg. This plugin will no longer be actively developed.
Also could be known as Widget Customizer 2.0, Widgets 3.0, or Widgets Next Generation.
Warning: The APIs provided by this plugin are still in flux. If creating new widgets that extend the <code>WP_JS_Widget</code> class, please look at the changelog and ensure compatibility with your extended widgets before deploying.
This plugin implements:
<ul>
<li><a href="https://core.trac.wordpress.org/ticket/33507" rel="nofollow ugc">WP-CORE#33507</a>: Allow widget controls to be JS-driven.</li>
<li><a href="https://core.trac.wordpress.org/ticket/35574" rel="nofollow ugc">WP-CORE#35574</a>: Add REST API JSON schema information to WP_Widget.</li>
<li><a href="https://github.com/WP-API/WP-API/issues/19" rel="nofollow ugc">WP-API#19</a>: Add widget endpoints to the WP REST API.</li>
</ul>
Features:
<ul>
<li>Integrates with <a href="https://wordpress.org/plugins/shortcode-ui/" rel="ugc">Shortcake (Shortcode UI)</a> to allow all JS widgets to be made available as Post Elements in the editor.</li>
<li>Widget instance settings in the Customizer are exported from PHP as regular JSON without any PHP-serialized base64-encoded <code>encoded_serialized_instance</code> anywhere to be seen.</li>
<li>Previewing widget changes in the customizer is faster since the <code>update-widget</code> Ajax request can be eliminated since the JS control can directly manipulate the widget instance data.</li>
<li>Widgets control forms use JS content templates instead of PHP to render the markup for each control, reducing the weight of the customizer load, especially when there are a lot of widgets in use.</li>
<li>Widgets that extend <code>WP_JS_Widget</code> will editable from both the customizer and the widgets admin page using the same <code>Form</code> JS interface. This <code>Form</code> is also able to be embedded in other contexts, like on the frontend and as a Shortcake (Shortcode UI) form. See <a href="https://github.com/xwp/wp-js-widgets/issues/11" rel="nofollow ugc">#11</a>.</li>
<li>Widgets employ the JSON Schema from the REST API to define an instance with validation and sanitization of the instance properties, beyond also providing <code>validate</code> and <code>sanitize</code> methods that work on the instance array as a whole.</li>
<li>A widget instance can be blocked from being saved by returning a <code>WP_Error</code> from its <code>validate</code> or <code>sanitize</code> method. For example, the RSS widget will show an error message if the feed URL provided is invalid and the widget will block from saving until the URL is corrected.</li>
<li>Widgets are exposed under the <code>js-widgets/v1</code> namespace, for example to list all Recent Posts widgets via the <code>/js-widgets/v1/widgets/recent-posts</code> or to get the Text widget with the “ID” (number) of 6, <code>/js-widgets/v1/widgets/text/6</code>.</li>
<li>Customizer settings for widget instances (<code>widget_{id_base}[{number}]</code>) are directly mutated via JavaScript instead of needing to do an <code>update-widget</code> Admin Ajax roundtrip; this greatly speeds up previewing.</li>
<li>Widget control forms can be extended to employ any JS framework for managing the UI, allowing Backbone, React, or any other frontend technology to be used.</li>
<li>Compatible with widgets stored in a custom post type instead of options, via the Widget Posts module in the <a href="https://github.com/xwp/wp-customize-widgets-plus" rel="nofollow ugc">Customize Widgets Plus</a> plugin.</li>
<li>Compatible with <a href="https://github.com/xwp/wp-customize-snapshots" rel="nofollow ugc">Customize Snapshots</a>, allowing changes made in the Customizer to be applied to requests for widgets via the REST API.</li>
<li>Includes adaptations of all core widgets using the new <code>WP_JS_Widget</code> API.</li>
<li>The adapted core widgets include additional raw data in their REST API item responses so that JS can render them client-side.</li>
<li>The Notifications API is utilized to display warnings when a user attempts to provide markup in a core widget title or illegal HTML in a Text widget’s content.</li>
<li>The Pages widget in Core is enhanced to make use of <a href="https://wordpress.org/plugins/customize-object-selector/" rel="ugc">Customize Object Selector</a> if available to display a Select2 UI for selecting pages to exclude instead of providing page IDs.</li>
<li>An bonus bundled plugin provides a “Post Collection” widget which, if the <a href="https://wordpress.org/plugins/customize-object-selector/" rel="ugc">Customize Object Selector</a> plugin is installed, will provide a UI for curating an arbitrary list of posts to display.</li>
</ul>
This plugin doesn’t yet implement any widgets that use JS templating for frontend rendering of the widgets. For that, please see the <a href="https://github.com/xwp/wp-next-recent-posts-widget" rel="nofollow ugc">Next Recent Posts Widget</a> plugin.
Limitations/Caveats:
<ul>
<li>Only widgets that extend <code>WP_JS_Widget</code> will be exposed via the REST API. The plugin includes a <code>WP_JS_Widget</code> adapter class which demonstrates how to adapt existing <code>WP_Widget</code> classes for the new widget functionality.</li>
</ul>

JS Widgets

A prototype of next generation of widgets in core, embracing JS for UI and powering the Widgets REST API.

Adnan

Hardeep Asrani

The <a href="https://loginpress.pro/?utm_source=login-customizer-lite-readme&?&utm_medium=link&utm_campaign=pro-loginpress" rel="nofollow ugc">Custom Login Page Customizer</a> is an excellent solution for your WordPress website if you want to customize the login page to match your website’s branding. By customizing the login page, you can provide your users with a better experience, improve the security of your website, and make your website look more professional and trustworthy.
With Custom Login Page Customizer, you can change the login page’s background, colors, and fonts and add custom logos or images. Moreover, login Customizer allows you to create a login page that matches your website’s design, making it more visually appealing and professional-looking.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/mOmgmN1iRac?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Why Use Login Customizer?
The Login Customizer plugin is an excellent solution for WordPress website owners who want to customize the login page to match their website’s branding. Here are some of the benefits of using Login Customizer:
<ul>
<li>
Customization options: The plugin offers a wide range of customization options that allow you to change the login page’s appearance to match your website’s branding. You can customize the logo, background image, color scheme, font size, and more.
</li>
<li>
User experience: By customizing the login page, you can give your users a better experience. A branded login page makes your website look more professional and trustworthy, which can help increase user engagement and loyalty.
</li>
</ul>
Features of Login Customizer
The Login Customizer plugin has many features that allow you to customize the login page to match your website’s branding. Here are some of the key features:
<ul>
<li>
User-Friendly Interface: LoginCustomizer has a user-friendly interface that makes it easy for both beginner and advanced developers. You don’t need coding or technical knowledge to customize your login page and form.
</li>
<li>
Easy Customization: Custom Login Page Customizer allows you to customize every aspect of your login page, including the logo, background color, text color, font size, button style, and many more. You can also add custom CSS code to enhance the customization further.
</li>
<li>
Live Preview: With the live preview feature, you can see your changes to your login page and form in real time. It lets you make quick and easy adjustments until you achieve the desired look and feel.
</li>
<li>
Responsive Design: The plugin is fully responsive, which means your custom login page and form will look great on all devices, including desktops, laptops, tablets, and smartphones.
</li>
<li>
Multisite Support: Custom Login Page Customizer is compatible with WordPress multisite. You can customize the login page and form for all sites in your network from a single location.
</li>
<li>
Custom Logo: You can upload your logo to the login page and adjust its size and position.
</li>
<li>
Background Image: You can add a background image to the login page, a static image, or a slideshow.
</li>
<li>
Color Scheme: You can choose from various color schemes or create your custom color scheme.
</li>
<li>
Font Size: You can adjust the font size for the login form, links, and other elements on the login page.
</li>
<li>
Custom CSS: You can add your own CSS to customize the login page further.
</li>
</ul>

Custom Login Page Customizer


10/10. Does what it's supposed to and does it well.


Works great


최고의 wp 로그인 플러그인 훌륭합니다.


멋진 Login 플러그인

Custom Login Customizer allows you to easily customize your admin login page, straight from your WordPress Customizer!

JS Widgets vs Custom Login Page Customizer