{"id":27679,"date":"2021-08-02T15:00:12","date_gmt":"2021-08-02T13:00:12","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=27679"},"modified":"2021-08-02T13:48:40","modified_gmt":"2021-08-02T11:48:40","slug":"how-to-display-random-quotes-in-wordpress-sidebar","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-display-random-quotes-in-wordpress-sidebar\/","title":{"rendered":"How to Display Random Quotes in Your WordPress Sidebar"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Quotes are an excellent example of how powerful words can be. When used properly, they can be that tiny detail that makes a huge difference and keeps a user coming back. Sometimes their power lies in the perfect combination of words and other times it is more about who said those words that produces the effect. Finding <strong>a quote that perfectly reflects the idea behind your website is a great way to add value to your brand<\/strong> and create the desired atmosphere on your pages.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Apart from the common use of quotes in articles, <strong>the sidebar can also be an excellent location for quotes<\/strong>. You can choose one powerful quote or select a few that you feel resonate with you the most and set them to show randomly in your sidebar. This way you <strong>provide a richer user experience<\/strong>, visitors feel like there is more to your website and they are intrigued to explore your pages.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This is precisely what we want to talk about in this article and show you <strong>how to easily display random quotes<\/strong>. We are sure you can come up with some great ideas on how to use quotes on your website effectively, and in this article, we will show you <strong>how to display random quotes in your sidebar, or in your post\/page with a plugin<\/strong>. Read on to find out about:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#using-a-plugin-to-display-random-quotes\">Using a Plugin to Display Random Quotes<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#displaying-random-quotes-in-your-wordpress-sidebar\">Displaying Random Quotes In Your WordPress Sidebar<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#displaying-quotes-on-pages-and-posts\">Displaying Quotes on Pages and Posts<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-quotes-as-blocks-in-the-block-editor\">Adding Quotes as Blocks in the Block Editor<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"using-a-plugin-to-display-random-quotes\"><\/a>Using a Plugin to Display Random Quotes<\/h2>\n<p>[\/vc_column_text][vc_column_text]<a href=\"https:\/\/wordpress.org\/plugins\/quotes-collection\/#:~:text=Quotes%20Collection%20plugin%20helps%20you,your%20WordPress%20website%20or%20blog.&amp;text=Admin%20interface%3A%20A%20robust%20admin,manage%20the%20collection%20of%20quotes.\" target=\"_blank\" rel=\"noopener\">Quotes Collection<\/a> is a great free plugin, trusted by more than 10.000 active users. It is a <strong>robust and easy-to-use tool with stellar ratings<\/strong>, that allows you to <strong>display and collect quotes on your WordPress website<\/strong>. With this plugin, you can show quotes in any available widget area.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The main advantage of the Quotes Collection plugin is that it allows you to create your own collection of quotes<\/strong> and provide a more personalized user experience while most other plugins of this type usually let you display quotes from popular quotes websites. The thing is, <strong>quotes added to your website from another website usually link back to that other website<\/strong> which is of no use to you, plus it can even drive your audience away from your pages.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;84px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Installing the Quotes Collection Plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]The Quotes Collection plugin is installed just like any other WordPress plugin so we are not going to dive into installation details. In case you need some assistance, make sure to check out our tutorial on <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">how to install a WordPress plugin<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]After the installation, you will see the new Quotes Collection tab in your WordPress admin panel menu.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection.jpg\" class=\"attachment-full size-full\" alt=\"Quotes Collection\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Creating Your Quotes Collection<\/h3>\n<p>[\/vc_column_text][vc_column_text]Before you set everything to display quotes randomly on your site, you need to actually create a collection of them. After picking the quotes that you believe will be most effective for your website, go to <em>Quotes Collection \u00bb Add New<\/em> page to add the desired quotes. Each quote will have its own \u201cpage\u201d in the backend, much like product singles in a WooCommerce shop.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"559\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-New-Quote.jpg\" class=\"attachment-full size-full\" alt=\"Add New Quote\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-New-Quote.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-New-Quote-300x173.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-New-Quote-768x443.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Add-New-Quote-620x358.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the menu on this page, you will see several fields. Enter the quote in the first field. The following fields are optional, you can but don&#8217;t have to enter the quote author&#8217;s name, mention the source and add a tag. The <em>Public<\/em> box is checked by default, in case you uncheck it the quote will only be saved as a draft.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Repeat the procedure for every quote that you want to add. We added three quotes. To check how your collection looks like, go to <em>All Quotes<\/em> page. They will be arranged in the order you entered them:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"439\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/All-Quotes.jpg\" class=\"attachment-full size-full\" alt=\"All Quotes\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/All-Quotes.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/All-Quotes-300x136.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/All-Quotes-768x348.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/All-Quotes-620x281.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This is also the page where you can <em>Edit \/ Delete<\/em> your quotes.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Setting the Quotes Collection Options<\/h3>\n<p>[\/vc_column_text][vc_column_text]To adjust the plugin settings, go to <em>Quotes Collection \u00bb Options page<\/em>. This is where you can set the number of iterations to load on refresh. The last option \u2018Dynamically fetch the first random quote in widget\u2019 will help you in case your cache plugin causes your website to display the same quote to visitors &#8211; if this happens, make sure to check this option. After you adjust the settings, click the <em>Update Options button<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"440\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-Options.jpg\" class=\"attachment-full size-full\" alt=\"Quotes Collection Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-Options-300x136.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-Options-768x349.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Collection-Options-620x282.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Displaying Random Quotes In Your WordPress Sidebar<\/h3>\n<p>[\/vc_column_text][vc_column_text]The next step is to display random quotes on your website. Specifically, today we\u2019re interested in displaying quotes in the sidebar. The easiest and most straightforward way to do it is to use the plugin\u2019s built-in widget and add it to the sidebar widget area.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Go to the <em>Appearance \u00bb Widgets<\/em> page in your WordPress admin panel. Look at the list of available widgets and you will notice the new Random Quote widget. All there is to do now is to drag and drop the widget to the sidebar where you want to display your quotes.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"527\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Random Quote Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Widget-300x163.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Widget-768x418.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Widget-620x337.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]But before you do that, you may want to change the title that will show above the quote section. The default title in the <em>Title<\/em> field is \u201cRandom Quotes\u201d. Simply enter the title you want. In our case we changed it to \u201cDaily Dose of Inspiration\u201d:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"454\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Title.jpg\" class=\"attachment-full size-full\" alt=\"Random Quote Title\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Title.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Title-300x141.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Title-768x360.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Title-620x290.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]There are more settings you may want to adjust. For example, the default setting is to show widgets randomly, but you can also change this if you want to. Click on the <em>Advanced options<\/em> to access more detailed settings:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"531\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Advanced.jpg\" class=\"attachment-full size-full\" alt=\"Random Quote Advanced\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Advanced.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Advanced-300x164.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Advanced-768x421.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Random-Quote-Advanced-620x340.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You can set your own refresh time, so that a different quote is displayed every 5 seconds, for example. You can set any time you want here.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you entered the quote tags, you can also set the tag filter, to display only inspirational quotes or any other tag that you created. After you have adjusted all the settings, remember to click <em>Done<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, you can go and check how the quotes look like in your sidebar.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Sidebar-Quote-Live-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Sidebar Quote Live Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Sidebar-Quote-Live-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Sidebar-Quote-Live-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Sidebar-Quote-Live-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Sidebar-Quote-Live-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As we mentioned, you can add quotes as widgets to any widget area on your pages. This is how it looks like when added to the footer area:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quote-Live-Preview-Footer.jpg\" class=\"attachment-full size-full\" alt=\"Quote Live Preview Footer\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quote-Live-Preview-Footer.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quote-Live-Preview-Footer-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quote-Live-Preview-Footer-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quote-Live-Preview-Footer-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"displaying-quotes-on-pages-and-posts\"><\/a>Displaying Quotes on Pages and Posts<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you want to display your random quotes within the page itself, or in a post, you can do so using a shortcode you get with the plugin.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]All you need to do is to add this shortcode to a post or page where you want the quote to be displayed:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[quotcoll]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Notice that the quotes added this way will be displayed in a form of a plain list.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"443\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Post-Quotes.jpg\" class=\"attachment-full size-full\" alt=\"Post Quotes\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Post-Quotes.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Post-Quotes-300x137.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Post-Quotes-768x351.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Post-Quotes-620x283.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]But, there is a way to set the quotes to reiterate randomly, simply by setting specific parameters in the shortcode. So, to display a random quote that will automatically refresh every five seconds, use:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[quotcoll ajax_refresh=true]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]There is a variety of parameters you can use to control how the quotes will be displayed in the post\/page.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For example, the shortcode:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">[quotcoll tags=\"inspirational,motivational,life\"]<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]will display quotes tagged with tags \u201cinspirational\u201d, \u201cmotivational\u201d, and \u201clife\u201d.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To see the complete list of possible parameters, visit <a href=\"https:\/\/wordpress.org\/plugins\/quotes-collection\/#other_notes\" target=\"_blank\" rel=\"noopener\">the plugin\u2019s documentation page<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-quotes-as-blocks-in-the-block-editor\"><\/a>Adding Quotes as Blocks in the Block Editor<\/h2>\n<p>[\/vc_column_text][vc_column_text]The plugin also adds two blocks to the Block Editor:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Blocks.jpg\" class=\"attachment-full size-full\" alt=\"Quotes Blocks\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Blocks.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Blocks-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Blocks-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/08\/Quotes-Blocks-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you decide on a post or page you want to add your quotes to, you will have two choices. You can add a list of all quotes to the post by adding the <em>Quote<\/em> block, or if you want the quotes to reiterate randomly you can simply add the <em>Random Quote<\/em> block to the post, and all the quotes from the quotes collection you made will reiterate every five seconds.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Wrapping It All Up<\/h2>\n<p>[\/vc_column_text][vc_column_text]Thanks to the Quotes Collection plugin,<strong> you can now finally have your own set of randomly displaying quotes right there on your pages, without linking back to other websites<\/strong>. This collection can be anything from just a couple to dozens of quotes, as long as you are sure they work to your advantage. Adding inspirational quotes to a website and social media has been a huge trend for a long time now, so you have to be careful when choosing the quotes to display on your pages. <strong>Make sure they truly reflect your values and that they are not overly used<\/strong> or they could have the opposite of the intended effect.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Learn how to easily add random quotes to your sidebar with a plugin and add enrich user experience with style. <\/p>\n","protected":false},"author":42889,"featured_media":27717,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[4,13],"class_list":["post-27679","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/27679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/42889"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=27679"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/27679\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/27717"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=27679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=27679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=27679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}