{"id":2772,"date":"2011-06-22T21:10:00","date_gmt":"2011-06-23T04:10:00","guid":{"rendered":"http:\/\/www.yola.com\/blog\/?p=2772"},"modified":"2013-03-12T06:19:38","modified_gmt":"2013-03-12T13:19:38","slug":"widget-wednesday-picture-widget","status":"publish","type":"post","link":"https:\/\/www.yola.com\/blog\/widget-wednesday-picture-widget\/","title":{"rendered":"Widget Wednesday: Picture Widget"},"content":{"rendered":"<p>If content is king, and a picture is worth a thousand words, it&#8217;s safe to say adding photos to your website is a crucial step in your website creation process.<\/p>\n<p>Simply drag and drop a Picture Widget where you&#8217;d like to see an image on your page. This will open a dialog box where you be given several options about where to get the picture you want to add to your Yola website.<\/p>\n<ul>\n<li>Upload New Image: This opens a window displaying the folders on your computer. Browse your folders for the image file you wish to use. We recommend that you use internet-friendly image formats such as .jpg, .png or .gif.<\/li>\n<li>Browse Uploaded  Images: Click here to open your File Manager so you can select an image you&#8217;ve already uploaded into your Sitebuilder.<\/li>\n<li>Find Stock Images: Here you have one-click access to stock image photography from our partner Fotolia. Fotolia provides high quality, attractive images for your website at prices everyone can  afford. If you want to achieve a more  credible and professional web presence, we highly recommend Fotolia  images.<\/li>\n<\/ul>\n<p style=\"text-align: left;\"><img loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/farm4.static.flickr.com\/3029\/5862402200_bd0d87a4e5.jpg\" alt=\"Picture Widget\" width=\"466\" height=\"356\" \/><br \/>\nOnce your picture is placed on your page you can customize it by clicking &#8220;Edit&#8221; on the upper  left hand corner of the widget. The widget will open, and you will see the following options:<\/p>\n<p style=\"text-align: center;\"><a title=\"Edit Picture Widget by Yola Yabber, on Flickr\" href=\"http:\/\/www.flickr.com\/photos\/yabber\/5861849987\/\"><img loading=\"lazy\" class=\"aligncenter\" src=\"https:\/\/farm4.static.flickr.com\/3291\/5861849987_901e042b6d.jpg\" alt=\"Edit Picture Widget\" width=\"500\" height=\"375\" \/><\/a><\/p>\n<ul>\n<li> Upload or Browse Image : You can replace your current picture by uploading or browsing for a new one. Click &#8220;Upload&#8221; to upload a new image from your computer, or click  &#8220;Browse&#8221; to select an image already uploaded to your file manager.<\/li>\n<li>Choose a link: Use this feature to make your image a link. In the next dialog box you can choose between four different types of links. For more information, see the post &#8220;How do I create links to my website?&#8221;.<\/li>\n<li>Alternative  Text: The text you enter here will be displayed when visitors mouse over your picture. More importantly, alternative text helps to provide good search results when people  search for specific images.<\/li>\n<li>Edit Margin: This allows you to set the spacing of the picture widget to the surroundings on the page. If  you edit the margin in the dialog window using the slider, the width of the margin varies uniformly around the picture  widget. Alternately you can enter different values \u200b\u200bif the distances of image widgets to  its environment at specific sites should be different.<\/li>\n<li>Edit  with Picnik: This option takes you straight to our partner Picnik, a free online photo editor. Using Picnik you can crop, resize, remove red-eye, add frames or text &#8212; the possibilities are endless! Once you&#8217;re satisfied with your changes, click &#8220;Save To Yola&#8221;.\u00a0 Note that the original image is then replaced in your File Manager with the newly edited picture.<\/li>\n<li>Align: This feature allows you to align your picture to the left, right or center of your page.<\/li>\n<li>Optimize On\/Off: If  you upload large image files to your page, it can slow down the load time of your website. You can avoid this by clicking the &#8220;On&#8221; button which will automatically optimize your picture, allowing the image to load faster without creating a loss of quality  when displayed. If you don&#8217;t like the way your image looks while optimized, click the &#8220;Off&#8221; button and Image Optimization will be removed.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>If content is king, and a picture is worth a thousand words, it&#8217;s safe to say adding photos to your website is a crucial step in your website creation process. Simply drag and drop a Picture Widget where you&#8217;d like to see an image on your page. This will open a dialog box where you&hellip;&nbsp;<a href=\"https:\/\/www.yola.com\/blog\/widget-wednesday-picture-widget\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Widget Wednesday: Picture Widget<\/span><\/a><\/p>\n","protected":false},"author":378,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","neve_meta_reading_time":"","_themeisle_gutenberg_block_has_review":false},"categories":[130],"tags":[],"_links":{"self":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/2772"}],"collection":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/users\/378"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/comments?post=2772"}],"version-history":[{"count":7,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/2772\/revisions"}],"predecessor-version":[{"id":2809,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/posts\/2772\/revisions\/2809"}],"wp:attachment":[{"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/media?parent=2772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/categories?post=2772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yola.com\/blog\/wp-json\/wp\/v2\/tags?post=2772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}