LWN Pro

Installation #

You can install LWN Icons directly from the WordPress.org plugin repository:

1. In your WordPress dashboard, go to Plugins → Add New.
2. Search for “LWN Icons” in the search bar.
3. Click Install Now next to the plugin.
4. After installation, click Activate to start using the plugin.

Adding a New Icon #

To insert a new icon into your content:

1. Add the LWN Icons block to your page or post.
2. Click Select an Icon.
3. Choose your desired icon.
4. Close the dialog to apply it.

Delete an Icon #

To remove an icon from your page or post:

1. Select the icon you want to delete.
2. Click the Trash button in the upper toolbar.
3. (Optional) Delete the entire LWN Icons block if you want to remove the block

Replace an Icon #

To swap an existing icon with a new one:

1. Select the icon you want to replace.
2. Click the Pen (Edit) icon in the upper toolbar.
3. Choose a new icon from the dialog.
4. Close the dialog to apply the change.

Search for an Icon #

When adding or replacing an icon:

1. Click Select an Icon.
2. In the modal window, use the search bar to find the icon you need.
3. Select your desired icon from the results and close the modal.

Customize Icon Color & Size #

After selecting an icon:

1. Open the Block Attributes sidebar.
2. Adjust the color and size settings to customize your icon’s appearance.

(Tip: You can experiment with different colors and sizes to match your theme.)

Add Link & Title to an Icon #

To make an icon interactive:

1. Select the icon you want to add a link to.
2. In the Block Attributes sidebar, enter the URL for the icon.
3. Add a Title (tooltip) to display on hover.
4. Choose whether the link should open in the same tab or a new tab.

(Tip: Use descriptive titles for better accessibility and usability.)

Sync with Google Material Icons #

Keep your icon library up-to-date:

1. Click Sync with Google in the icon selection modal.
2. To remove outdated icons, click Clear Cache.
3. Click Fetch and Cache Material Icons to download the latest icons from Google.

(Tip: Regularly syncing ensures you have access to the newest icons and categories.)

Conclusion #

With LWN Icons, adding, customizing, and managing icons in your WordPress site is simple and intuitive. You can:

• Quickly add icons to posts and pages.
• Customize their color, size, and style to match your theme.
• Make icons interactive with links and titles.
• Replace or delete icons effortlessly.
• Search and sync with the latest Google Material Icons.

By following this guide, you can enhance your content visually, improve usability, and keep your icon library up-to-date with minimal effort.