{"id":79,"date":"2020-05-03T12:39:23","date_gmt":"2020-05-03T12:39:23","guid":{"rendered":"http:\/\/redhost:8888\/documentation\/?page_id=79"},"modified":"2023-11-11T14:25:26","modified_gmt":"2023-11-11T14:25:26","slug":"footer","status":"publish","type":"page","link":"https:\/\/docs.redsun.design\/marni\/footer\/","title":{"rendered":"The Footer"},"content":{"rendered":"\n

The Instagram Area<\/a>
The Social Icons Area<\/a>
The Footer Logo Area<\/a>
The Footer Text Area<\/a><\/p>\n\n\n\n

The Instagram Area<\/h4>\n\n\n\n
    \n
  1. Install & Activate the plugin Smash Balloon Social Photo Feed<\/a>.<\/li>\n\n\n\n
  2. Go to\u00a0Instagram Feed \u2192<\/strong><\/strong> <\/strong> 1. Configure<\/strong>\u00a0and click on the large blue button to connect your Instagram account.<\/li>\n\n\n\n
  3. Go to\u00a02. Customize<\/strong>\u00a0to customize your Instagram feed.
    In order to display the feed like on the Marni Demo page,\n
      \n
    • set Number of Photos to 9<\/li>\n\n\n\n
    • set number of Columns to 9<\/li>\n\n\n\n
    • set Padding around Images to 0<\/li>\n\n\n\n
    • if your images look blurry on smaller screens, change Image Resolution to Medium or Full Size<\/li>\n\n\n\n
    • uncheck the Show Feed Header checkbox<\/li>\n\n\n\n
    • uncheck the Show the Load More button checkbox<\/li>\n\n\n\n
    • uncheck the Show the Follow button checkbox<\/li>\n\n\n\n
    • Save your Changes<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • Now go to\u00a0Appearance \u2192<\/strong><\/strong> <\/strong> Widgets\u00a0<\/strong>and add the\u00a0Custom HTML<\/strong>\u00a0widget to the “Instagram Footer” widget area, you can add a title like “Instagram” and add the shortcode\u00a0[instagram-feed]<\/code>into the Content field:<\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      The Social Icons Area<\/h4>\n\n\n\n
        \n
      1. Go to\u00a0Appearance \u2192<\/strong><\/strong><\/strong><\/strong> Customize \u2192<\/strong><\/strong><\/strong><\/strong> Layout > Footer\u00a0<\/strong>and enable “Display social icons in footer”.<\/li>\n\n\n\n
      2. Go to\u00a0Appearance \u2192<\/strong><\/strong><\/strong><\/strong> Customize \u2192<\/strong><\/strong><\/strong><\/strong> Connect \u2192<\/strong><\/strong><\/strong><\/strong> Social Accounts.<\/strong><\/li>\n\n\n\n
      3. Click Add new social account<\/strong>, select an account Type and fill in the Account Url and optionally some text like “like us on facebook”, to display next to the social icon. Repeat for each social account.<\/li>\n<\/ol>\n\n\n\n

        The Footer Logo<\/h4>\n\n\n\n
          \n
        1. Go to\u00a0Appearance \u2192<\/strong><\/strong><\/strong><\/strong><\/strong> <\/strong> Customize \u2192<\/strong><\/strong><\/strong><\/strong><\/strong> <\/strong> Layout \u2192<\/strong><\/strong><\/strong><\/strong><\/strong> <\/strong> Footer.<\/strong><\/li>\n\n\n\n
        2. Click Select File <\/strong>and upload your logo.
          (It is recommended to upload your logo twice the width and height that you actually want to display it so it looks sharp on Retina screens. For example if you wish to display a logo with a width of 100px and a height of 50px, upload a logo with a width of 200px and a height of 100px.)<\/li>\n\n\n\n
        3. Below, enter your logo’s height.
          (For example if you uploaded a logo with a height of 100px, enter 50.)<\/li>\n<\/ol>\n\n\n\n

          The Footer Text Area<\/h4>\n\n\n\n

          Here you can for example enter copyright text. (In order to display the copyright sign, enter &copy;<\/code> )<\/p>\n\n\n\n

            \n
          1. Go to\u00a0Appearance \u2192<\/strong><\/strong><\/strong><\/strong><\/strong> Customize \u2192<\/strong><\/strong><\/strong><\/strong><\/strong> Layout > Footer.<\/strong><\/li>\n\n\n\n
          2. Enter your text into the “Footer Text Left”, “Footer Text Middle” and “Footer Text Right” field.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"The Instagram AreaThe Social Icons AreaThe Footer Logo AreaThe Footer Text Area The Instagram Area Install & Activate the plugin Smash Balloon Social Photo Feed. Go to\u00a0Instagram Feed \u2192 1. Configure\u00a0and ...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":36,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-79","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":2,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/79\/revisions"}],"predecessor-version":[{"id":5230,"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/pages\/79\/revisions\/5230"}],"wp:attachment":[{"href":"https:\/\/docs.redsun.design\/marni\/wp-json\/wp\/v2\/media?parent=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}