{"id":8,"date":"2022-07-15T08:13:26","date_gmt":"2022-07-15T08:13:26","guid":{"rendered":"https:\/\/en.andrasweb.com\/wpgraphicator\/?page_id=8"},"modified":"2022-08-27T07:08:23","modified_gmt":"2022-08-27T07:08:23","slug":"wpgraphicator","status":"publish","type":"page","link":"https:\/\/en.andrasweb.com\/wpgraphicator\/","title":{"rendered":"Home"},"content":{"rendered":"
<\/linearGradient><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/svg><\/div>
\n
<\/linearGradient><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/linearGradient><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g>Hello!<\/tspan><\/text><\/g><\/g><\/svg><\/div>\n\n\n

Welcome to WPGraphicator<\/h1>\n\n\n\n

WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.<\/p>\n\n\n\n

<\/div>\n\n<\/div><\/div>\n\n\n
\n
\n
<\/g><\/svg><\/div>\n\n\n

Transform Shapes<\/h2>\n\n\n\n

Bring your shapes to life by moving, rotating, scaling, and skewing them.<\/p>\n<\/div>\n\n\n\n

<\/g><\/svg><\/div>\n\n\n

Animate Colors<\/h2>\n\n\n\n

Change color in time for both stroke, and fill.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
<\/g><\/g><\/g><\/svg><\/div>\n\n\n

Free Hand Drawing<\/h2>\n\n\n\n

Animate stroke dasharray, and stroke dashoffset for self-drawing, and self-erasing effects.<\/p>\n<\/div>\n\n\n\n

<\/g><\/svg><\/div>\n\n\n

Morph Animation<\/h2>\n\n\n\n

Change a shape into another one by animating path.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
<\/defs><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/g><\/svg><\/div><\/div>\n\n\n\n
\n

The Idea<\/h2>\n\n\n\n

Adding motion graphics to a website is a great idea if we want to get attention of our customers or visitors. SVG is one of the best solution to this, because this is an XML-based file format just like HTML, so you can embed this on websites as well as it can be animated well. But creating and animating SVG and then embedding it on a website is not always easy, you need to write a lot of code and spend a lot of time to build complex animation keyframes.<\/p>\n\n\n\n

WPGraphicator comes with an alternative solution that lets you make SVG animations from WordPress admin dashboard in minutes, and allows them to be easily managed, and published on your website.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\n

Advanced WYSIWYG Editor<\/h2>\n\n\n\n

This plugin provides you a beautiful and advanced HTML5 canvas based editing interface with which you can implement any ideas, whether you want to design an animated logo or create eye-catching advertising banners.<\/p>\n<\/div>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Get WordPress Plugin On CodeCanyon<\/h2>\n\n\n\n

One-time payment, six months support, lifetime free updates!<\/p>\n\n\n\n

\n
Get It For Only $25<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Transform Shapes Bring your shapes to life by moving, rotating, scaling, and skewing them. Animate Colors Change color in time for both stroke, and fill. Free Hand Drawing Animate stroke dasharray, and stroke dashoffset for self-drawing, and self-erasing effects. Morph Animation Change a shape into another one by animating path. The Idea Adding motion graphics […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"\nWPGraphicator<\/title>\n<meta name=\"description\" content=\"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/en.andrasweb.com\/wpgraphicator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WPGraphicator\" \/>\n<meta property=\"og:description\" content=\"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/en.andrasweb.com\/wpgraphicator\/\" \/>\n<meta property=\"og:site_name\" content=\"WPGraphicator\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-27T07:08:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/editor-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"1065\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"WPGraphicator\" \/>\n<meta name=\"twitter:description\" content=\"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/editor-2.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/\",\"url\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/\",\"name\":\"WPGraphicator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/07\\\/projects-1024x766.jpg\",\"datePublished\":\"2022-07-15T08:13:26+00:00\",\"dateModified\":\"2022-08-27T07:08:23+00:00\",\"description\":\"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/07\\\/projects.jpg\",\"contentUrl\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2022\\\/07\\\/projects.jpg\",\"width\":1440,\"height\":1077},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/#website\",\"url\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/\",\"name\":\"WPGraphicator\",\"description\":\"Just another AndrasWeb Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/en.andrasweb.com\\\/wpgraphicator\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WPGraphicator","description":"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/en.andrasweb.com\/wpgraphicator\/","og_locale":"en_US","og_type":"article","og_title":"WPGraphicator","og_description":"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.","og_url":"https:\/\/en.andrasweb.com\/wpgraphicator\/","og_site_name":"WPGraphicator","article_modified_time":"2022-08-27T07:08:23+00:00","og_image":[{"width":1440,"height":1065,"url":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/editor-2.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"WPGraphicator","twitter_description":"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.","twitter_image":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/editor-2.jpg","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/","url":"https:\/\/en.andrasweb.com\/wpgraphicator\/","name":"WPGraphicator","isPartOf":{"@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#website"},"primaryImageOfPage":{"@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#primaryimage"},"image":{"@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#primaryimage"},"thumbnailUrl":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/projects-1024x766.jpg","datePublished":"2022-07-15T08:13:26+00:00","dateModified":"2022-08-27T07:08:23+00:00","description":"WPGraphicator WordPress plugin is an intuitive and easy-to-use tool which allows you to create stunning SVG animations for your WordPress website.","breadcrumb":{"@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/en.andrasweb.com\/wpgraphicator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#primaryimage","url":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/projects.jpg","contentUrl":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-content\/uploads\/sites\/3\/2022\/07\/projects.jpg","width":1440,"height":1077},{"@type":"BreadcrumbList","@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/en.andrasweb.com\/wpgraphicator\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/en.andrasweb.com\/wpgraphicator\/#website","url":"https:\/\/en.andrasweb.com\/wpgraphicator\/","name":"WPGraphicator","description":"Just another AndrasWeb Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/en.andrasweb.com\/wpgraphicator\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":39,"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/pages\/8\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/en.andrasweb.com\/wpgraphicator\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}