{"id":413299,"date":"2024-11-15T08:00:00","date_gmt":"2024-11-15T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/smart-social-media-buttons\/"},"modified":"2024-11-16T04:14:00","modified_gmt":"2024-11-16T04:14:00","slug":"smart-social-media-buttons","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/smart-social-media-buttons\/","title":{"rendered":"Smart Social Media Buttons"},"content":{"rendered":"<p><strong>Smart Social Media Buttons \u2013 The easiest way to add customizable, responsive social media buttons to WordPress.<\/strong><\/p>\n<p>Key Features:<br \/>\n\u2013 Flexible Integration: Add customizable social media buttons as blocks or widgets to pages, sidebars, and footers.<br \/>\n\u2013 Built-in Icon Picker: Use the integrated FontAwesome icons or upload custom SVGs with ease.<br \/>\n\u2013 Customizable Designs: Adjust button size, color, alignment, and hover effects using the user-friendly interface.<br \/>\n\u2013 Custom Links: Add unique links to each button, with options to open links in a new tab and add link attributes like nofollow for SEO optimization.<br \/>\n\u2013 One-Click Style Copying: Seamlessly copy and paste button styles across different blocks to maintain design consistency.<br \/>\n\u2013 Responsive & Mobile-Friendly: Optimized for desktops, tablets, and mobile devices to ensure a seamless user experience across all screens.<br \/>\n\u2013 No Coding Required: Effortlessly customize layout, styles, icons, and more with easy-to-use settings.<br \/>\n\u2013 Performance-Optimized: Efficiently loads resources to keep your WordPress site running smoothly, without impacting performance.<br \/>\n\u2013 Flexible Hover Effects: Add animations such as scale, lift, darken, blink, rotate, and more to create engaging interactions.<br \/>\n\u2013 Enhanced User Experience: Manage button settings through an intuitive right-sidebar panel or toolbar, offering a streamlined editing process.<\/p>\n<h3>Usage Instructions<\/h3>\n<ol>\n<li>\n<p><strong>Adding the Widget:<\/strong><\/p>\n<ul>\n<li>Open the Block Editor or navigate to the <em>Widgets<\/em> section in the WordPress Customizer.<\/li>\n<li>Search for \u201cSmart Social Media Buttons\u201d and insert it into the desired location (page, post, sidebar, or footer).<\/li>\n<li>Configure the widget using the settings panel, adjusting layouts, styles, and alignments as needed.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Uploading Custom SVGs:<\/strong><\/p>\n<ul>\n<li>In the widget\u2019s settings panel, click the <em>Upload SVG<\/em> button.<\/li>\n<li>Choose an SVG file from your computer and customize its size, color, and other attributes.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Adding Links to Icons:<\/strong><\/p>\n<ul>\n<li>Enter the desired URL in the settings panel for each social media button.<\/li>\n<li>Choose options such as opening links in a new tab and specifying <code>rel<\/code> attributes for better SEO control.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Using the Icon Picker:<\/strong><\/p>\n<ul>\n<li>Search for any icon in the Icon Picker and select it from the list.<\/li>\n<li>You can add or change icons directly from the toolbar panel.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Adding Links in the Toolbar:<\/strong><\/p>\n<ul>\n<li>Use the <em>Add Link<\/em> button in the toolbar panel to add or edit links for your icons.<\/li>\n<li>Adjust link attributes like opening in a new tab and adding <code>rel<\/code> values directly from the panel.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Setting up Responsive Controls:<\/strong><\/p>\n<ul>\n<li>Customize settings for desktop, tablet, and mobile devices to ensure optimal display across all screen sizes.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Using Different Backgrounds:<\/strong><\/p>\n<ul>\n<li>Choose between solid, gradient, or image backgrounds in the settings sidebar, making it easy to match your website\u2019s style.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Copy and Paste Styles:<\/strong><\/p>\n<ul>\n<li>Use the <em>Copy Styles<\/em> button in the toolbar to copy CSS styles of a button.<\/li>\n<li>Use the <em>Paste Styles<\/em> button to apply the copied styles to another button.<\/li>\n<li><strong>Note:<\/strong> Only CSS styles are copied; icons and links are not transferred.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Development Instructions<\/h3>\n<p>For developers looking to make modifications or rebuild the plugin from source, follow the steps below:<\/p>\n<h3>Setup<\/h3>\n<ol>\n<li><strong>Install Dependencies<\/strong>: Ensure you have <a href=\"https:\/\/nodejs.org\/\" rel=\"nofollow ugc\">Node.js<\/a> installed on your machine.<\/li>\n<li>Run the following command in the plugin\u2019s root directory to install dependencies:<br \/>\nnpm install<\/li>\n<li>Build the Plugin for Production:<br \/>\nnpm run build \u2013 this command will generate the minified files in the build folder<\/li>\n<li>Start Development Mode (Optional):<br \/>\nnpm run start \u2013 this command will watch for changes in your source files and recompile them automatically<\/li>\n<li>Update Packages (Optional):<br \/>\nnpm run packages-update \u2013 update WordPress packages to the latest versions<\/li>\n<\/ol>\n<p>Starting with WordPress 6.7, it is recommended to set __nextHasNoMarginBottom = { true } on components such as BaseControl, ToggleControl, TextControl and RangeControl to ensure compatibility with upcoming changes in WordPress 7.0.<\/p>\n<h3>Compatibility<\/h3>\n<ul>\n<li><strong>WordPress Version:<\/strong> Tested with 6.1, compatible with newer versions.<\/li>\n<li><strong>PHP Version:<\/strong> 7.0 and above recommended.<\/li>\n<li><strong>Browsers:<\/strong> Compatible with major browsers (Chrome, Firefox, Safari, Edge).<\/li>\n<li><strong>Themes:<\/strong> Designed to work with most WordPress themes; minor adjustments may be required for styling.<\/li>\n<\/ul>\n<h3>Support and Documentation<\/h3>\n<p>For support, please reach out to us at <a href=\"mailto:levik.company@gmail.com\" rel=\"nofollow ugc\">levik.company@gmail.com<\/a>. We aim to respond within 24-48 hours during business days.<br \/>\nFor more information on how to use the plugin, refer to the included user documentation (PDF) in the plugin package.<\/p>\n<p>Support includes:<br \/>\n\u2013 Assistance with installation and setup.<br \/>\n\u2013 Help with configuring plugin features.<br \/>\n\u2013 Guidance on troubleshooting common issues.<\/p>\n<p>Support does not include:<br \/>\n\u2013 Custom development or major modifications.<br \/>\n\u2013 Troubleshooting third-party conflicts.<\/p>\n<h3>FontAwesome Attribution<\/h3>\n<p>FontAwesome Free icons are integrated under the <strong>SIL OFL 1.1, CC BY 4.0, and MIT licenses<\/strong>. Proper attribution is provided in the plugin code. Learn more about the FontAwesome Free license <a href=\"https:\/\/fontawesome.com\/license\/free\" rel=\"nofollow ugc\">here<\/a>.<\/p>\n<h3>Credits<\/h3>\n<ul>\n<li>This plugin uses FontAwesome Free, licensed under <strong>SIL OFL 1.1, CC BY 4.0, and MIT licenses<\/strong>.<\/li>\n<li>WordPress contributors for inspiration and guidance.<\/li>\n<\/ul>\n<h3>Privacy and Data Collection<\/h3>\n<p>This plugin does not collect, store, or transmit any user data to external servers. It only uses cookies for necessary functionality and does not track users.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A flexible widget for adding customizable social media icon buttons with options for custom URLs, SVG uploads, and more.<\/p>\n","protected":false},"author":65,"featured_media":413300,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Smart Social Media Buttons - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"A flexible widget for adding customizable social media icon buttons with options for custom URLs, SVG uploads, and more."},"footnotes":""},"categories":[1],"tags":[288,1730,236,241,120],"class_list":["post-413299","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-block","tag-buttons","tag-icons","tag-social-media","tag-widget"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/413299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=413299"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/413299\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/413300"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=413299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=413299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=413299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}