{"id":8905,"date":"2018-01-12T12:05:42","date_gmt":"2018-01-12T12:05:42","guid":{"rendered":"http:\/\/rifetheme.com\/help\/docs\/content-management\/shortcodes\/writing-effect\/"},"modified":"2018-11-19T10:35:18","modified_gmt":"2018-11-19T10:35:18","slug":"writing-effect","status":"publish","type":"docs","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/content-management\/shortcodes\/writing-effect\/","title":{"rendered":"Writing effect"},"content":{"rendered":"<h2>Available as Elementor widget!<\/h2>\n<p>If you are using Elementor page builder, you can now use Writing effect in a more convenient way, like other widgets in Elementor. Install <a href=\"https:\/\/wordpress.org\/plugins\/rife-elementor-extensions\/\">Rife Elementor Extension<\/a> plugin to add writing effect easily.<\/p>\n<h2>What is it for<\/h2>\n<p>Writing effect shortcode will make your text appear like it is just typed on a keyboard. This fun way to make user focus on your introduction. Text can be looped or just printed out once.<\/p>\n<p>You can check <a href=\"http:\/\/rifetheme.com\/rebro\/about-me\/\">example use here<\/a>.<\/p>\n<h2>Shortcode and its parameters<\/h2>\n<p>First, let&#8217;s see some examples:<\/p>\n<pre>&#91;a13fe-writing-effect color=\"#ffffff\" bg_color=\"#000000\" loop=\"0\"]My name is James|James Bond|Aston Martin?&#91;\/a13fe-writing-effect]\r\n&#91;a13fe-writing-effect]My name is James|James Bond|Aston Martin?&#91;\/a13fe-writing-effect]\r\n&#91;a13fe-writing-effect loop=\"0\"]Text 1|Text 2|Last Text that stays visible&#91;\/a13fe-writing-effect]<\/pre>\n<p>So shortcode is named <code>a13fe-writing-effect<\/code>. Texts that should be typed are divided by pipe char <code>|<\/code> .<\/p>\n<p>Shortcode has following parameters that you can use:<\/p>\n<ul>\n<li><strong>loop<\/strong> &#8211; (default <em>1<\/em>) should text be looped forever. <em>1<\/em> for yes, <em>0<\/em> for no.<\/li>\n<li><strong>color<\/strong> &#8211;\u00a0(no default value) color of typed text in correct CSS value.<\/li>\n<li><strong>bg_color<\/strong> &#8211; (no default value) background color of typed text in correct CSS value.<\/li>\n<\/ul>\n<p>Also, an interesting effect is to use it with static text, where last words changes. Try this Example:<\/p>\n<pre>I am &#91;a13fe-writing-effect]perfect|creative|Designer!&#91;\/a13fe-writing-effect]<\/pre>\n<h2>Using it with page builder plugins<\/h2>\n<p>When a shortcode is entered in page builder with live preview, like <a href=\"http:\/\/rifetheme.com\/apollo13-framework\/docs\/plugins-recommendations\/elementor\/\">Elementor<\/a>, you will not see the result right away. However, after save, and visiting your page you should see effect fine.<\/p>\n<p>This is caused by &#8220;partly refreshing&#8221; in those tools, however, we are working on better integrations.<\/p>\n<h2>Displaying effect on Mobiles<\/h2>\n<p><span class=\"description\">It is good to disable this effect on mobiles to save CPU of your user device. Also if your text loop forever your user can experience \u201cjumping screen\u201d effect on smaller screens, cause text is entered and deleted.<br \/>\n<\/span><\/p>\n<p>You have to decide depending on how you use it. You can switch mobile view on &amp; off in <strong><a href=\"http:\/\/rifetheme.com\/apollo13-framework\/docs\/customizing-the-theme\/miscellaneous-settings\/\">Appearance \u2192 Customize \u2192 Miscellaneous Settings \u2192 Writing effect<\/a>.<\/strong><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8470,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-8905","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/comments?post=8905"}],"version-history":[{"count":7,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8905\/revisions"}],"predecessor-version":[{"id":9139,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8905\/revisions\/9139"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8470"}],"next":[{"title":"Gallery","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/content-management\/shortcodes\/gallery\/","href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/9098"}],"prev":[{"title":"Scroller","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/content-management\/shortcodes\/scroller\/","href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8639"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/media?parent=8905"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/doc_tag?post=8905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}