{"id":4879,"date":"2025-07-10T10:31:06","date_gmt":"2025-07-10T10:31:06","guid":{"rendered":"https:\/\/websavant.ir\/skill\/theme-skill\/visual-composer-plugin-article-developer-demo\/"},"modified":"2025-09-26T13:43:33","modified_gmt":"2025-09-26T13:43:33","slug":"visual-composer-plugin-article-developer-demo","status":"publish","type":"post","link":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/visual-composer-plugin-article-developer-demo\/","title":{"rendered":"Visual Composer Plugin Article &#8211; Developer Demo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4879\" class=\"elementor elementor-4879 elementor-2229\">\n\t\t\t\t<div class=\"elementor-element elementor-element-340ffb8 e-flex e-con-boxed e-con e-parent\" data-id=\"340ffb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22dd401 elementor-widget elementor-widget-skill_breadcrumb\" data-id=\"22dd401\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_breadcrumb.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"skill-breadcrumb\" aria-label=\"breadcrumb\"><a href=\"https:\/\/websavant.ir\/skill\/theme-skill\/en\/\">home<\/a><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4670fd e-flex e-con-boxed e-con e-parent\" data-id=\"b4670fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2a12923 e-con-full e-flex e-con e-child\" data-id=\"2a12923\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03e4f53 elementor-widget elementor-widget-heading\" data-id=\"03e4f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Visual Composer Plugin Article - Developer Demo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b47cf4 elementor-widget elementor-widget-skill_button_share\" data-id=\"8b47cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_button_share.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-share-widget\" id=\"skill-share-widget-8b47cf4\">\r\n            <button class=\"skill-share-toggle\">\r\n                                    <span>Share<\/span>\r\n                                <svg aria-hidden=\"true\" class=\"skill-share-btn-icon e-font-icon-svg e-fas-share-alt\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M352 320c-22.608 0-43.387 7.819-59.79 20.895l-102.486-64.054a96.551 96.551 0 0 0 0-41.683l102.486-64.054C308.613 184.181 329.392 192 352 192c53.019 0 96-42.981 96-96S405.019 0 352 0s-96 42.981-96 96c0 7.158.79 14.13 2.276 20.841L155.79 180.895C139.387 167.819 118.608 160 96 160c-53.019 0-96 42.981-96 96s42.981 96 96 96c22.608 0 43.387-7.819 59.79-20.895l102.486 64.054A96.301 96.301 0 0 0 256 416c0 53.019 42.981 96 96 96s96-42.981 96-96-42.981-96-96-96z\"><\/path><\/svg>            <\/button>\r\n            <div class=\"skill-share-socials\">\r\n                <div class=\"skill-share-socials-icons\" style=\"display: flex; flex-direction: row; gap: 20px; width: 100%; justify-content: flex-start;\">\r\n                                        <a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwebsavant.ir%2Fskill%2Ftheme-skill%2Fwpbakery-page-builder-demo-developer%2F\" target=\"_blank\" rel=\"noopener\" title=\"facebook\">\r\n                            <i class=\"fab fa-facebook-f\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fwebsavant.ir%2Fskill%2Ftheme-skill%2Fwpbakery-page-builder-demo-developer%2F\" target=\"_blank\" rel=\"noopener\" title=\"linkedin\">\r\n                            <i class=\"fab fa-linkedin-in\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/www.instagram.com\/?url=https%3A%2F%2Fwebsavant.ir%2Fskill%2Ftheme-skill%2Fwpbakery-page-builder-demo-developer%2F\" target=\"_blank\" rel=\"noopener\" title=\"instagram\">\r\n                            <i class=\"fab fa-instagram\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/twitter.com\/intent\/tweet?url=https%3A%2F%2Fwebsavant.ir%2Fskill%2Ftheme-skill%2Fwpbakery-page-builder-demo-developer%2F\" target=\"_blank\" rel=\"noopener\" title=\"twitter\">\r\n                            <i class=\"fab fa-twitter\"><\/i>\r\n                        <\/a>\r\n                                            <a href=\"https:\/\/t.me\/share\/url?url=https%3A%2F%2Fwebsavant.ir%2Fskill%2Ftheme-skill%2Fwpbakery-page-builder-demo-developer%2F\" target=\"_blank\" rel=\"noopener\" title=\"telegram\">\r\n                            <i class=\"fab fa-telegram-plane\"><\/i>\r\n                        <\/a>\r\n                                    <\/div>\r\n                <div class=\"skill-share-link\" style=\"width: 100%; margin-top: 0;\">\r\n                    <input type=\"text\" value=\"https:\/\/websavant.ir\/skill\/theme-skill\/wpbakery-page-builder-demo-developer\/\" readonly style=\"width: 100%; background: transparent; border: none; color: #8b8b8b; font-size: 15px; direction: ltr; outline: none; padding: 8px 8px;\">\r\n                    <button class=\"skill-share-copy\" title=\"\u06a9\u067e\u06cc \u0644\u06cc\u0646\u06a9\" style=\"font-size: 18px;\">\r\n                        <i class=\"far fa-copy\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <style>\r\n.skill-share-widget {\r\n    position: relative;\r\n    display: inline-block;\r\n    direction: rtl;\r\n}\r\n.skill-share-toggle {\r\n    background: #080708;\r\n    color: #8d8d8d;\r\n    border: 1px solid #8d8d8d;\r\n    border-radius: 10px;\r\n    padding: 10px 18px;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    transition: background 0.2s;\r\n}\r\n.skill-share-toggle:hover {\r\n    background: #22263a;\r\n}\r\n.skill-share-socials {\r\n    position: absolute;\r\n    top: 110%;\r\n    left: 0;\r\n    background: rgba(8,7,8,0.55);\r\n    border: 1px solid #8d8d8d;\r\n    border-radius: 12px;\r\n    padding: 18px 18px 10px 18px;\r\n    min-width: 260px;\r\n    box-shadow: 0 8px 32px rgba(0,0,0,0.18);\r\n    z-index: 99;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(0);\r\n    transition: opacity 0.8s cubic-bezier(.4,2,.6,1), max-height 0.8s cubic-bezier(.4,2,.6,1);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    backdrop-filter: blur(12px) saturate(160%);\r\n    -webkit-backdrop-filter: blur(12px) saturate(160%);\r\n}\r\n.skill-share-widget.active .skill-share-socials {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n    max-height: 200px;\r\n}\r\n.skill-share-socials a {\r\n    color: #8b8b8b;\r\n    font-size: 22px;\r\n    margin-left: 10px;\r\n    transition: color 0.2s, transform 0.2s;\r\n    display: inline-block;\r\n}\r\n.skill-share-socials a:hover {\r\n    color: #fff;\r\n    transform: scale(1.2) rotate(-8deg);\r\n}\r\n.skill-share-link {\r\n    margin-top: 10px;\r\n    background: #23263a;\r\n    border-radius: 8px;\r\n    padding: 0 8px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    width: 100%;\r\n}\r\n.skill-share-link input {\r\n    background: transparent;\r\n    border: none;\r\n    color: #8b8b8b;\r\n    width: 100%;\r\n    font-size: 15px;\r\n    direction: ltr;\r\n    outline: none;\r\n    padding: 8px 8px;\r\n    margin-bottom: 6px;\r\n}\r\n.skill-share-copy {\r\n    background: none;\r\n    border: none;\r\n    color: #8b8b8b;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    transition: color 0.2s;\r\n}\r\n.skill-share-copy:hover {\r\n    color: #fff;\r\n}\r\n<\/style>\r\n        <script>\r\n        (function($){\r\n            var $widget = $('#skill-share-widget-8b47cf4');\r\n            var $toggle = $widget.find('.skill-share-toggle');\r\n            var $socials = $widget.find('.skill-share-socials');\r\n            var $copyBtn = $widget.find('.skill-share-copy');\r\n            var $input = $widget.find('.skill-share-link input');\r\n\r\n            $toggle.on('click', function(e){\r\n                e.stopPropagation();\r\n                $('.skill-share-widget').not($widget).removeClass('active');\r\n                $widget.toggleClass('active');\r\n            });\r\n\r\n            $(document).on('click', function(e){\r\n                if (!$widget.is(e.target) && $widget.has(e.target).length === 0) {\r\n                    $widget.removeClass('active');\r\n                }\r\n            });\r\n\r\n            $copyBtn.on('click', function(e){\r\n                e.stopPropagation();\r\n                $input[0].focus();\r\n                $input[0].setSelectionRange(0, $input[0].value.length);\r\n                try {\r\n                    var successful = document.execCommand('copy');\r\n                    $copyBtn.html('<i class=\\\"fas fa-check\\\"><\/i>');\r\n                    setTimeout(function(){\r\n                        $copyBtn.html('<i class=\\\"far fa-copy\\\"><\/i>');\r\n                    }, 1200);\r\n                } catch (err) {\r\n                    alert('\u06a9\u067e\u06cc \u0646\u0634\u062f!');\r\n                }\r\n            });\r\n        })(jQuery);\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a9cf371 e-flex e-con-boxed e-con e-parent\" data-id=\"a9cf371\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-14e8ab9 e-con-full e-flex e-con e-child\" data-id=\"14e8ab9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f098b09 e-con-full e-flex e-con e-child\" data-id=\"f098b09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d62308 elementor-widget elementor-widget-skill_thumbnail_post_Widget\" data-id=\"6d62308\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_thumbnail_post_Widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-thumbnail-post-widget\">\r\n            <img decoding=\"async\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/2448978-1024x683.jpg\" alt=\"Visual Composer Plugin Article &#8211; Developer Demo\" \/>\r\n        <\/div>\r\n        <style>\r\n        .skill-thumbnail-post-widget {\r\n            position: relative;\r\n            margin: 2rem 0;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .skill-thumbnail-post-widget:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n        }\r\n        \r\n        .skill-thumbnail-post-widget img {\r\n            width: 100%;\r\n            height: auto;\r\n            display: block;\r\n            border-radius: 20px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .skill-thumbnail-post-widget:hover img {\r\n            transform: scale(1.02);\r\n        }\r\n        \r\n        \/* Responsive styles *\/\r\n        @media (max-width: 768px) {\r\n            .skill-thumbnail-post-widget {\r\n                margin: 1.5rem 0;\r\n            }\r\n        }\r\n        <\/style>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad31e07 elementor-widget elementor-widget-text-editor\" data-id=\"ad31e07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Introducing Visual Composer<\/h2><section id=\"markdown-section-027d5a52-b4d6-4779-bc15-c16a2ea807d6-2\" class=\"markdown-section\" data-markdown-raw=\"  Visual Composer \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062d\u0628\u0648\u0628\u200c\u062a\u0631\u06cc\u0646 \u0648 \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u062a\u0631\u06cc\u0646 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647\u200c\u0633\u0627\u0632 (Page Builder) \u0628\u0631\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0634\u0631\u06a9\u062a WPBakery \u062a\u0648\u0633\u0639\u0647 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0627\u0641\u0632\u0648\u0646\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062f\u0627\u0646\u0634 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc\u060c \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0632\u06cc\u0628\u0627 \u0648 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f. Visual Composer \u0628\u0627 \u0627\u0631\u0627\u0626\u0647 \u0631\u0627\u0628\u0637 \u06a9\u0627\u0631\u0628\u0631\u06cc drag-and-drop (\u06a9\u0634\u06cc\u062f\u0646 \u0648 \u0631\u0647\u0627 \u06a9\u0631\u062f\u0646)\u060c \u062a\u062c\u0631\u0628\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648\u0628 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u060c \u0627\u0632 \u0645\u0628\u062a\u062f\u06cc\u0627\u0646 \u062a\u0627 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u0647\u0627\u060c \u0633\u0627\u062f\u0647 \u0648 \u0644\u0630\u062a\u200c\u0628\u062e\u0634 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.\" data-section-index=\"2\">Visual Composer is one of the most popular and powerful page builder plugins for WordPress, developed by WPBakery. This plugin allows users to create beautiful and professional web pages without the need for programming knowledge. Visual Composer makes the web design experience simple and enjoyable for all users, from beginners to professionals, by offering a drag-and-drop interface.<\/section><section id=\"markdown-section-027d5a52-b4d6-4779-bc15-c16a2ea807d6-3\" class=\"markdown-section\" data-markdown-raw=\"  ## **\u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062f\u0648\u0645: \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc**\" data-section-index=\"3\"><\/section><ul><li data-indent=\"0\">Drag and drop elements<\/li><li data-indent=\"0\">Live Editor<\/li><li data-indent=\"0\">Instant preview of changes<\/li><\/ul><h2>Main features<\/h2><section id=\"markdown-section-027d5a52-b4d6-4779-bc15-c16a2ea807d6-4\" class=\"markdown-section\" data-markdown-raw=\"  \u0627\u06cc\u0646 \u0627\u0641\u0632\u0648\u0646\u0647 \u0634\u0627\u0645\u0644 \u0628\u06cc\u0634 \u0627\u0632 50 \u0627\u0644\u0645\u0627\u0646 (Element) \u0622\u0645\u0627\u062f\u0647 \u0645\u0627\u0646\u0646\u062f \u0645\u062a\u0646\u060c \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0648\u06cc\u062f\u06cc\u0648\u060c \u06af\u0627\u0644\u0631\u06cc\u060c \u0641\u0631\u0645\u200c\u0647\u0627\u060c \u062c\u062f\u0627\u0648\u0644 \u0642\u06cc\u0645\u062a\u200c\u06af\u0630\u0627\u0631\u06cc\u060c \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\u0647\u0627 \u0648 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0645\u0648\u0627\u0631\u062f \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a. \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0627\u06cc\u0646 \u0627\u0644\u0645\u0627\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc \u062f\u0631 \u0635\u0641\u062d\u0647 \u0642\u0631\u0627\u0631 \u062f\u0647\u0646\u062f \u0648 \u0628\u0627 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u060c \u0638\u0627\u0647\u0631 \u0648 \u0639\u0645\u0644\u06a9\u0631\u062f \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u06a9\u0646\u0646\u062f. Visual Composer \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 Grid \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u0627\u06cc \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0627\u0645\u06a9\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u0686\u06cc\u062f\u0645\u0627\u0646\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0648 responsive \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u0622\u0648\u0631\u062f.\" data-section-index=\"4\">This plugin includes over 50 ready-made elements such as text, images, videos, galleries, forms, pricing tables, sliders, and many more. Users can easily place these elements on the page and customize their appearance and functionality with advanced settings. Visual Composer also supports an advanced Grid system that allows for the creation of complex and responsive layouts.<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ceaf451 elementor-widget elementor-widget-image\" data-id=\"ceaf451\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-scaled.jpg\" class=\"attachment-full size-full wp-image-4862\" alt=\"\" srcset=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-scaled.jpg 2560w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-300x200.jpg 300w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-1024x683.jpg 1024w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-768x512.jpg 768w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-1536x1024.jpg 1536w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-2048x1365.jpg 2048w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-1200x800.jpg 1200w, https:\/\/websavant.ir\/skill\/theme-skill\/wp-content\/uploads\/2025\/03\/5741168-600x400.jpg 600w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e9022a elementor-widget elementor-widget-text-editor\" data-id=\"2e9022a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h2>Advanced features<\/h2><section id=\"markdown-section-027d5a52-b4d6-4779-bc15-c16a2ea807d6-6\" class=\"markdown-section\" data-markdown-raw=\"  \u06cc\u06a9\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 Visual Composer\u060c \u0642\u0627\u0628\u0644\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0627\u0632 \u0642\u0627\u0644\u0628\u200c\u0647\u0627 (Templates) \u0627\u0633\u062a. \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0635\u0641\u062d\u0627\u062a \u06a9\u0627\u0645\u0644 \u06cc\u0627 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0642\u0627\u0644\u0628 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0641\u0632\u0648\u0646\u0647 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0646\u0642\u0634\u200c\u0647\u0627 (Roles) \u0648\u0631\u062f\u067e\u0631\u0633 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u062e\u062a\u0644\u0641 \u0628\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u0622\u0648\u0631\u062f. Visual Composer \u0628\u0627 \u0627\u06a9\u062b\u0631 \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633 \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0632 \u0647\u0645\u06a9\u0627\u0631\u06cc \u06a9\u0646\u062f.\" data-section-index=\"6\">One of the standout features of Visual Composer is the ability to save and reuse templates. Users can save entire pages or parts of them as templates and use them in other projects. This plugin also supports the WordPress Roles system, allowing you to control access to different features for different users. Visual Composer is compatible with most WordPress themes and can also work with other plugins.<\/section><section data-markdown-raw=\"  \u06cc\u06a9\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 Visual Composer\u060c \u0642\u0627\u0628\u0644\u06cc\u062a \u0630\u062e\u06cc\u0631\u0647 \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u0627\u0632 \u0642\u0627\u0644\u0628\u200c\u0647\u0627 (Templates) \u0627\u0633\u062a. \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u0635\u0641\u062d\u0627\u062a \u06a9\u0627\u0645\u0644 \u06cc\u0627 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0642\u0627\u0644\u0628 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0631\u062f\u0647 \u0648 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 \u0627\u0641\u0632\u0648\u0646\u0647 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0632 \u0633\u06cc\u0633\u062a\u0645 \u0646\u0642\u0634\u200c\u0647\u0627 (Roles) \u0648\u0631\u062f\u067e\u0631\u0633 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0645\u062e\u062a\u0644\u0641 \u0628\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u0622\u0648\u0631\u062f. Visual Composer \u0628\u0627 \u0627\u06a9\u062b\u0631 \u0642\u0627\u0644\u0628\u200c\u0647\u0627\u06cc \u0648\u0631\u062f\u067e\u0631\u0633 \u0633\u0627\u0632\u06af\u0627\u0631 \u0627\u0633\u062a \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0627\u0641\u0632\u0648\u0646\u0647\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0646\u06cc\u0632 \u0647\u0645\u06a9\u0627\u0631\u06cc \u06a9\u0646\u062f.\" data-section-index=\"6\"><ul><li data-indent=\"0\">More than 50 different elements<\/li><li data-indent=\"0\">Text, images, video<\/li><li data-indent=\"0\">Gallery and Slider<\/li><\/ul><\/section><h2>Benefits and uses<\/h2><section id=\"markdown-section-027d5a52-b4d6-4779-bc15-c16a2ea807d6-8\" class=\"markdown-section\" data-markdown-raw=\"  Visual Composer \u0628\u0647 \u0637\u0648\u0631 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f \u0648 \u0627\u0645\u06a9\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0627\u062a \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0631\u0627 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc\u200c\u0622\u0648\u0631\u062f. \u0627\u06cc\u0646 \u0627\u0641\u0632\u0648\u0646\u0647 \u0628\u0631\u0627\u06cc \u0622\u0698\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648\u0628\u060c \u0641\u0631\u06cc\u0644\u0646\u0633\u0631\u0647\u0627 \u0648 \u0635\u0627\u062d\u0628\u0627\u0646 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631\u0647\u0627 \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u0646\u062f \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f\u060c \u0628\u0633\u06cc\u0627\u0631 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a. \u0628\u0627 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0637\u0631\u0627\u062d\u06cc responsive \u0648 \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc SEO\u060c Visual Composer \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u06a9\u0647 \u0635\u0641\u062d\u0627\u062a \u0627\u06cc\u062c\u0627\u062f \u0634\u062f\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627 \u0628\u0647 \u062e\u0648\u0628\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0628\u0647\u06cc\u0646\u0647 \u0647\u0633\u062a\u0646\u062f.\" data-section-index=\"8\">Visual Composer significantly reduces website development time and allows you to create complex pages without the need for coding. This plugin is very useful for web design agencies, freelancers, and business owners who want to have professional websites. With support for responsive design and SEO optimization, Visual Composer ensures users that the pages they create display well on all devices and are optimized for search engines.<\/section>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-10ebfb2 e-flex e-con-boxed e-con e-parent\" data-id=\"10ebfb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6742cdf elementor-widget elementor-widget-skill_comment_post\" data-id=\"6742cdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"skill_comment_post.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"skill-comments-widget dark-theme\" dir=\"rtl\">\r\n            <div class=\"skill-no-comments\">No comments have been posted yet.<\/div>\t<div id=\"respond\" class=\"comment-respond\">\n\t\t<h3 id=\"reply-title\" class=\"comment-reply-title\">Post a comment <small><a rel=\"nofollow\" id=\"cancel-comment-reply-link\" href=\"\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/posts\/4879#respond\" style=\"display:none;\">Cancel reply<\/a><\/small><\/h3><form action=\"https:\/\/websavant.ir\/skill\/theme-skill\/wp-comments-post.php\" method=\"post\" id=\"skill-commentform\" class=\"skill-comment-form\"><textarea id=\"comment\" name=\"comment\" placeholder=\"Comment text*\" required><\/textarea><input name=\"wpml_language_code\" type=\"hidden\" value=\"en\" \/><input id=\"author\" name=\"author\" type=\"text\" placeholder=\"Your name*\" required \/>\n<input id=\"email\" name=\"email\" type=\"email\" placeholder=\"Email*\" required \/>\n<input id=\"url\" name=\"url\" type=\"text\" placeholder=\"Website (optional)\" \/>\n\n<div class=\"skill-submit-wrap\"><button name=\"submit\" type=\"submit\" id=\"skill-submit\" class=\"skill-submit-btn\">Post a comment<\/button> <input type='hidden' name='comment_post_ID' value='4879' id='comment_post_ID' \/>\n<input type='hidden' name='comment_parent' id='comment_parent' value='0' \/>\n<\/div><\/form>\t<\/div><!-- #respond -->\n\t        <\/div>\r\n        <style>\r\n            .skill-comments-widget.dark-theme {\r\n                background: #0a090a;\r\n                color: #fff;\r\n                border-radius: 14px;\r\n                padding: 32px 24px;\r\n                margin: 24px auto;\r\n                box-shadow: 0 2px 24px rgba(0,0,0,0.18);\r\n                max-width: 1100px;\r\n            }\r\n            .skill-comments-list {\r\n                list-style: none;\r\n                padding: 0;\r\n                margin: 0 0 32px 0;\r\n            }\r\n            .skill-comment-item {\r\n                background: rgba(255, 255, 255, 0.03);\r\n                backdrop-filter: blur(15px);\r\n                -webkit-backdrop-filter: blur(15px);\r\n                border: 1px solid rgba(255, 255, 255, 0.08);\r\n                border-radius: 20px;\r\n                padding: 24px;\r\n                margin-bottom: 24px;\r\n                position: relative;\r\n                transition: all 0.3s ease;\r\n                overflow: hidden;\r\n            }\r\n            .skill-comment-item::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: linear-gradient(135deg, rgba(14, 89, 242, 0.05), rgba(255, 255, 255, 0.02));\r\n                border-radius: 20px;\r\n                z-index: -1;\r\n            }\r\n            .skill-comment-item:hover {\r\n                transform: translateY(-2px);\r\n                box-shadow: 0 8px 25px rgba(14, 89, 242, 0.15);\r\n                border-color: rgba(14, 89, 242, 0.2);\r\n            }\r\n            .skill-comment-child {\r\n                background: rgba(255, 255, 255, 0.05);\r\n                backdrop-filter: blur(20px);\r\n                -webkit-backdrop-filter: blur(20px);\r\n                border: 1px solid rgba(255, 255, 255, 0.1);\r\n                border-radius: 18px;\r\n                margin: 24px 40px 0 0;\r\n                padding: 20px;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            .skill-comment-child::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: linear-gradient(135deg, rgba(14, 89, 242, 0.08), rgba(255, 255, 255, 0.03));\r\n                border-radius: 18px;\r\n                z-index: -1;\r\n            }\r\n            .skill-comment-child:hover {\r\n                transform: translateY(-1px);\r\n                box-shadow: 0 6px 20px rgba(14, 89, 242, 0.12);\r\n            }\r\n            .skill-comment-box {\r\n                display: flex;\r\n                flex-direction: row;\r\n                align-items: flex-start;\r\n                gap: 24px;\r\n                position: relative;\r\n            }\r\n            .skill-comment-side {\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                min-width: 80px;\r\n                margin-top: 4px;\r\n            }\r\n            .skill-comment-author-avatar {\r\n                position: relative;\r\n                margin-bottom: 12px;\r\n            }\r\n            .skill-comment-author-avatar img {\r\n                border-radius: 50%;\r\n                width: 56px;\r\n                height: 56px;\r\n                object-fit: cover;\r\n                background: linear-gradient(135deg, #0e59f2, #00d4ff);\r\n                border: 3px solid rgba(255, 255, 255, 0.1);\r\n                box-shadow: 0 4px 15px rgba(14, 89, 242, 0.3);\r\n                transition: all 0.3s ease;\r\n            }\r\n            .skill-comment-author-avatar::after {\r\n                content: '';\r\n                position: absolute;\r\n                top: -2px;\r\n                left: -2px;\r\n                right: -2px;\r\n                bottom: -2px;\r\n                background: linear-gradient(135deg, #0e59f2, #00d4ff);\r\n                border-radius: 50%;\r\n                z-index: -1;\r\n                opacity: 0.3;\r\n                transition: opacity 0.3s ease;\r\n            }\r\n            .skill-comment-item:hover .skill-comment-author-avatar img {\r\n                transform: scale(1.05);\r\n                box-shadow: 0 6px 20px rgba(14, 89, 242, 0.4);\r\n            }\r\n            .skill-comment-item:hover .skill-comment-author-avatar::after {\r\n                opacity: 0.5;\r\n            }\r\n            .skill-comment-author-name {\r\n                color: #0e59f2;\r\n                font-weight: 600;\r\n                font-size: 1.1em;\r\n                margin-bottom: 4px;\r\n                text-align: center;\r\n                text-shadow: 0 0 10px rgba(14, 89, 242, 0.3);\r\n            }\r\n            .skill-comment-date {\r\n                color: rgba(255, 255, 255, 0.7);\r\n                font-size: 0.9em;\r\n                text-align: center;\r\n                background: rgba(255, 255, 255, 0.05);\r\n                padding: 4px 12px;\r\n                border-radius: 12px;\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n            }\r\n            .skill-comment-main {\r\n                flex: 1;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                min-width: 0;\r\n            }\r\n            .skill-comment-content {\r\n                color: #fff;\r\n                font-size: 1.05em;\r\n                margin-bottom: 45px;\r\n                word-break: break-word;\r\n                line-height: 1.6;\r\n                text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);\r\n            }\r\n            .skill-comment-actions {\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: flex-start;\r\n                position: absolute;\r\n                left: 24px;\r\n                bottom: 16px;\r\n            }\r\n            .skill-reply-icon {\r\n                color: #0e59f2;\r\n                font-size: 1.1em;\r\n                margin-left: 6px;\r\n                transition: all 0.3s ease;\r\n            }\r\n            .skill-comment-actions a {\r\n                color: #0e59f2;\r\n                font-weight: 500;\r\n                text-decoration: none;\r\n                transition: all 0.3s ease;\r\n                display: flex;\r\n                align-items: center;\r\n                gap: 6px;\r\n                background: rgba(14, 89, 242, 0.1);\r\n                padding: 8px 16px;\r\n                border-radius: 20px;\r\n                border: 1px solid rgba(14, 89, 242, 0.2);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n            }\r\n            .skill-comment-actions a:hover {\r\n                color: #fff;\r\n                background: rgba(14, 89, 242, 0.3);\r\n                transform: translateY(-1px);\r\n                box-shadow: 0 4px 12px rgba(14, 89, 242, 0.3);\r\n            }\r\n            .skill-comment-actions a:hover .skill-reply-icon {\r\n                transform: rotate(180deg);\r\n            }\r\n            .skill-no-comments {\r\n                color: rgba(255, 255, 255, 0.8);\r\n                margin-bottom: 32px;\r\n                text-align: center;\r\n                padding: 40px 20px;\r\n                background: rgba(255, 255, 255, 0.03);\r\n                backdrop-filter: blur(15px);\r\n                -webkit-backdrop-filter: blur(15px);\r\n                border: 1px solid rgba(255, 255, 255, 0.08);\r\n                border-radius: 20px;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            .skill-no-comments::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: linear-gradient(135deg, rgba(14, 89, 242, 0.05), rgba(255, 255, 255, 0.02));\r\n                border-radius: 20px;\r\n                z-index: -1;\r\n            }\r\n            .skill-no-comments::after {\r\n                content: '\ud83d\udcac';\r\n                font-size: 3em;\r\n                display: block;\r\n                margin-bottom: 16px;\r\n                opacity: 0.6;\r\n            }\r\n            .skill-comment-form {\r\n                margin-top: 32px;\r\n                background: rgba(255, 255, 255, 0.05);\r\n                backdrop-filter: blur(20px);\r\n                -webkit-backdrop-filter: blur(20px);\r\n                border: 1px solid rgba(255, 255, 255, 0.1);\r\n                border-radius: 20px;\r\n                padding: 32px;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            .skill-comment-form::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                right: 0;\r\n                bottom: 0;\r\n                background: linear-gradient(135deg, rgba(14, 89, 242, 0.1), rgba(255, 255, 255, 0.05));\r\n                border-radius: 20px;\r\n                z-index: -1;\r\n            }\r\n            .skill-comment-form h3 {\r\n                color: #fff;\r\n                margin-bottom: 24px;\r\n                font-size: 1.5em;\r\n                font-weight: 600;\r\n                text-align: center;\r\n                position: relative;\r\n            }\r\n            .skill-comment-form h3::after {\r\n                content: '';\r\n                position: absolute;\r\n                bottom: -8px;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                width: 60px;\r\n                height: 3px;\r\n                background: linear-gradient(90deg, #0e59f2, #00d4ff);\r\n                border-radius: 2px;\r\n            }\r\n            .skill-comment-form input,\r\n            .skill-comment-form textarea {\r\n                background: rgba(255, 255, 255, 0.08);\r\n                color: #ffffff;\r\n                border: 2px solid rgba(255, 255, 255, 0.1);\r\n                border-radius: 15px;\r\n                padding: 16px 20px;\r\n                width: 100%;\r\n                margin-bottom: 20px;\r\n                font-size: 14px;\r\n                transition: all 0.3s ease;\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n            }\r\n            .skill-comment-form input:focus,\r\n            .skill-comment-form textarea:focus {\r\n                outline: none;\r\n                border-color: rgba(14, 89, 242, 0.6);\r\n                box-shadow: 0 0 20px rgba(14, 89, 242, 0.3);\r\n                background: rgba(255, 255, 255, 0.12);\r\n                transform: translateY(-2px);\r\n            }\r\n            .skill-comment-form input::placeholder,\r\n            .skill-comment-form textarea::placeholder {\r\n                color: rgba(255, 255, 255, 0.6);\r\n                font-weight: 300;\r\n            }\r\n            .skill-comment-form textarea {\r\n                min-height: 140px;\r\n                resize: vertical;\r\n                line-height: 1.6;\r\n            }\r\n            \/* Email field: placeholder RTL, typed LTR *\/\r\n            .skill-comment-form input[type=\"email\"] {\r\n                text-align: left;\r\n                direction: ltr;\r\n            }\r\n            .skill-comment-form input[type=\"email\"]:placeholder-shown {\r\n                text-align: right;\r\n                direction: rtl;\r\n            }\r\n            .skill-comment-form input[type=\"email\"]:focus {\r\n                text-align: left;\r\n                direction: ltr;\r\n            }\r\n            .skill-comment-form input[type=\"email\"]:not(:placeholder-shown) {\r\n                text-align: left;\r\n                direction: ltr;\r\n            }\r\n            .skill-submit-btn {\r\n                background: linear-gradient(135deg, #0e59f2, #00d4ff);\r\n                color: #fff;\r\n                border: none;\r\n                padding: 15px 50px 15px 50px;\r\n                border-radius: 50px;\r\n                font-weight: 600;\r\n                cursor: pointer;\r\n                transition: all 0.4s ease;\r\n                font-size: 16px;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-shadow: 0 8px 25px rgba(14, 89, 242, 0.3);\r\n                text-transform: uppercase;\r\n                letter-spacing: 1px;\r\n            }\r\n            .skill-submit-btn::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0;\r\n                left: -100%;\r\n                width: 100%;\r\n                height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n                transition: left 0.5s ease;\r\n            }\r\n            .skill-submit-btn:hover {\r\n                background: linear-gradient(135deg, #00d4ff, #0e59f2);\r\n                transform: translateY(-3px);\r\n                box-shadow: 0 12px 35px rgba(14, 89, 242, 0.4);\r\n            }\r\n            .skill-submit-btn:hover::before {\r\n                left: 100%;\r\n            }\r\n            .skill-submit-btn:active {\r\n                transform: translateY(-1px);\r\n                box-shadow: 0 6px 20px rgba(14, 89, 242, 0.3);\r\n            }\r\n            \r\n            .skill-comment-form input[type=\"checkbox\"],\r\n            .skill-comment-form input[type=\"radio\"] {\r\n                display: none !important;\r\n            }\r\n            \r\n            .skill-comment-form .comment-form-cookies-consent {\r\n                display: none !important;\r\n            }\r\n            \r\n            .skill-comment-form .comment-notes {\r\n                display: none !important;\r\n            }\r\n            \r\n            .skill-comment-form .logged-in-as {\r\n                display: none !important;\r\n            }\r\n            \r\n            .skill-comment-form .comment-form-author,\r\n            .skill-comment-form .comment-form-email,\r\n            .skill-comment-form .comment-form-url,\r\n            .skill-comment-form .comment-form-comment {\r\n                margin-bottom: 20px;\r\n            }\r\n            \r\n            .skill-comment-form .comment-form-author input,\r\n            .skill-comment-form .comment-form-email input,\r\n            .skill-comment-form .comment-form-url input {\r\n                width: 100%;\r\n                box-sizing: border-box;\r\n            }\r\n            \r\n            @media (max-width: 768px) {\r\n                .skill-comment-form {\r\n                    padding: 20px;\r\n                }\r\n                \r\n                .skill-submit-btn {\r\n                    width: 100%;\r\n                    padding: 14px 20px;\r\n                }\r\n            }\r\n            @media (max-width: 700px) {\r\n                .skill-comments-widget.dark-theme {\r\n                    padding: 10px 2px;\r\n                }\r\n                .skill-comment-child {\r\n                    margin: 16px 0 0 0;\r\n                    padding: 16px 8px 0 0;\r\n                }\r\n                .skill-comment-box {\r\n                    flex-direction: column;\r\n                    gap: 8px;\r\n                }\r\n                .skill-comment-side {\r\n                    flex-direction: row-reverse;\r\n                    align-items: center;\r\n                    gap: 8px;\r\n                    min-width: 0;\r\n                }\r\n                .skill-comment-main {\r\n                    margin-top: 8px;\r\n                }\r\n                .skill-comment-actions {\r\n                    left: 8px;\r\n                    bottom: 8px;\r\n                }\r\n            }\r\n        <\/style>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062e\u0627\u0646\u0647 Visual Composer Plugin Article &#8211; Developer Demo Share Introducing Visual Composer Visual Composer is one of the most popular and powerful page builder plugins for WordPress, developed by WPBakery. This plugin allows users to create beautiful and professional web pages without the need for programming knowledge. Visual Composer makes the web design experience simple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4861,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-post-landing.php","format":"standard","meta":{"footnotes":""},"categories":[73],"tags":[],"class_list":["post-4879","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-demo-developer-en"],"_links":{"self":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/posts\/4879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/comments?post=4879"}],"version-history":[{"count":0,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/posts\/4879\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/media\/4861"}],"wp:attachment":[{"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/media?parent=4879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/categories?post=4879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websavant.ir\/skill\/theme-skill\/en\/wp-json\/wp\/v2\/tags?post=4879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}