{"id":7245,"date":"2012-11-15T18:55:42","date_gmt":"2012-11-15T18:55:42","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=7245"},"modified":"2012-11-15T18:55:42","modified_gmt":"2012-11-15T18:55:42","slug":"how-to-add-a-slideshow-to-your-wordpress-website-homepage-using-the-custom-theme-angular","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-add-a-slideshow-to-your-wordpress-website-homepage-using-the-custom-theme-angular\/affordablewebsitestips\/tutorials","title":{"rendered":"How to add a slideshow to your WordPress website homepage using the custom theme Angular"},"content":{"rendered":"

In this tutorial I will show you how to add a slodeshow to your WordPress website that uses the custom theme Angular. If you haven't created your homepage yet, please do so according to this tutorial 'How to setup the home page using the custom WordPress theme Angular<\/a>'.<\/p>\n

Adding a slideshow to your homepage<\/h3>\n
    \n
  1. Click on 'Angular tab'.<\/li>\n
  2. Click on 'Template Builder'.<\/li>\n
  3. Select your homepage template.<\/li>\n
  4. Select 'Slideshow' from the 'Add Elements' menu.<\/li>\n
  5. Click the 'Add Element' button.
    \nA large slideshow tab should have appeared inside your template. Click the large 'Slideshow' tab.
    \n    \"\"<\/a><\/li>\n
  6. Select your homepage page for the 'Select Page' area.<\/li>\n
  7. Click the 'Save all changes' button.<\/li>\n<\/ol>\n

    Creating the actual slideshow<\/h3>\n
      \n
    1. First you have to create your slideshow images using Adobe Photoshope or a free image editing program like Picasa<\/a>. The slideshow images should be 900x340 pixels in size.<\/li>\n
    2. Click on the 'Pages' tab.<\/li>\n
    3. Click on your homepage page.<\/li>\n
    4. Set the 'Autorotation actiive' option to 'yes'.<\/li>\n
    5. Click the 'Add Image to slideshow' button and add your slide images one by one.<\/li>\n
    6. Click the 'Update' button.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      In this tutorial I will show you how to add a slodeshow to your WordPress website that uses the custom theme Angular. If you haven’t created your homepage yet, please do so according to this tutorial ‘How to setup the home page using the custom WordPress theme Angular’. Adding a slideshow to your homepage Click […]<\/p>\n","protected":false},"author":1,"featured_media":4718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[],"class_list":["post-7245","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=7245"}],"version-history":[{"count":2,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7245\/revisions"}],"predecessor-version":[{"id":7248,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/7245\/revisions\/7248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/4718"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=7245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=7245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=7245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}