{"id":18046,"date":"2024-01-10T09:40:38","date_gmt":"2024-01-10T02:40:38","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual-4&p=18046"},"modified":"2024-01-10T09:40:38","modified_gmt":"2024-01-10T02:40:38","slug":"customize-footer","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/customize-footer\/","title":{"rendered":"Customize Footer"},"content":{"rendered":"

Customizing Footer; <\/span><\/b>This section that will be attached to every page of the website. It is located at the bottom of the website. It is the section that shows contact information, including address and telephone number. Social channels or other additional menus<\/span>. The methods for customizing the lower menu format are divided into 4 topics as follows.<\/span><\/p>\n

    \n
  1. How to add Footer Menu<\/span><\/li>\n
  2. How to set Layout<\/span><\/li>\n
  3. How to set up Design<\/span><\/li>\n
  4. How to set Footer Background<\/span><\/li>\n<\/ol>\n

    1. How to add a footer menu<\/span><\/b>. When you click on Footer Menu, you will find the Manage section where you can set the menu name Template to choose the display format and the Custom Design section to adjust the color and text of the bottom menu. The method is as follows.<\/span><\/p>\n

    2. Click on the button<\/span> \u201cManage<\/span>\u201d<\/span><\/b><\/p>\n

    \"\"<\/p>\n

    3. Modal display system to manage footer menu<\/span><\/p>\n

    4. Click the button\u00a0<\/span>\u201cAdd Menu<\/span>\u201d<\/span><\/b><\/p>\n

    \"\"<\/p>\n

    5. Modal display system\u00a0\u00a0<\/span>\u201cAdd Menu<\/span>\u201d <\/span><\/b>Users can define the name of the submenu and choose the type of menu you want.\u00a0<\/span><\/p>\n

    \"\"<\/p>\n

    6. Click on the option Dropdown. The system will display 2 options:\u00a0<\/span><\/p>\n

      \n
    • URL<\/span><\/b>\u00a0:<\/span><\/b>\u00a0 Used if the menu is an internal website. Click and the menu will go outside.<\/span><\/li>\n
    • Page : <\/span><\/b>If the menu has content, images, either custom design or product system, this is the menu, and we have to create it on the homepage menu first, and when we create it, it gives you options.<\/li>\n<\/ul>\n

      \"\"<\/p>\n

      6.1 If the menu type is selected as a link (URL), the system will require you to fill in the information as shown in the picture.<\/span><\/p>\n

      \"\"<\/p>\n

      6.2 In the case of selecting the menu type as Page, the system will require you to fill in information as shown in the picture.<\/span><\/p>\n

      \"\"<\/p>\n

      7. Click on the button<\/span> \u201cSave<\/span>\u201d\u00a0<\/span><\/b><\/p>\n

      \"\"<\/p>\n

      2.<\/span><\/b>The Layout menu sets the display of the Footer menu, where the user can select a total of six display modes, when the system selects to change the automatic display, each of which has a different part of the design. The 3rd mode can turn on\/off different settings.<\/p>\n

      1. Click <\/span>\u201cFooter<\/span>\u201d<\/span><\/b><\/p>\n

      \"\"<\/p>\n

      2. Go to <\/span>\u201cLayout<\/span>\u201d<\/span>\u00a0<\/b>and select according to your needs<\/span><\/p>\n

      \"\"<\/p>\n

      3. Design<\/span><\/b>\u00a0 Click on the Footer > Design tab. Users can enable\/disable The display of various information on the Footer is possible. The settings here will depend on the user’s choice of format in<\/span>\u00a0\u201cItem 2\u201d<\/span><\/b>\u00a0The display settings for each format are as follows.<\/span><\/p>\n

      Settings for formats 1 and 2\u00a0<\/span><\/b><\/p>\n

        \n
      • Footer Menu<\/span><\/li>\n
      • Logo<\/span><\/li>\n
      • Subscribe<\/span><\/li>\n
      • Partner<\/span><\/li>\n
      • Text<\/span><\/li>\n
      • Social media<\/span><\/li>\n
      • Copyright<\/span><\/li>\n
      • Stat Counter<\/span><\/li>\n<\/ul>\n

        \"\"<\/p>\n

        \"\"<\/p>\n

        Example of displaying the Footer format 1<\/span><\/i><\/p>\n

        3rd Pattern Settings\u00a0<\/span><\/b>The system will be available to enable\/disable. Total of 2 message boxes as follows<\/span><\/p>\n

          \n
        • Footer Menu<\/span><\/li>\n
        • Logo<\/span><\/li>\n
        • Subscribe<\/span><\/li>\n
        • Partner<\/span><\/li>\n
        • Text box 1<\/span><\/li>\n
        • Text box 2\u00a0<\/span><\/li>\n
        • Social media<\/span><\/li>\n
        • Copyright<\/span><\/li>\n
        • Stat Counter<\/span><\/li>\n<\/ul>\n

          \"\"<\/p>\n

          \"\"<\/p>\n

          Example of display of bottom menu (Footer) format 3<\/span><\/i><\/p>\n

          In the 4th format setting, the system will allow you to turn on\/off Facebook Likebox.<\/span><\/b><\/p>\n

            \n
          • Footer Menu<\/span><\/li>\n
          • Logo<\/span><\/li>\n
          • Subscribe<\/span><\/li>\n
          • Social media<\/span><\/li>\n
          • Facebook Likebox<\/li>\n
          • Partner<\/span><\/li>\n
          • Text box 1<\/span><\/li>\n
          • Copyright<\/span><\/li>\n
          • Stat Counter<\/span><\/li>\n<\/ul>\n

            \"\"<\/p>\n

            \"\"<\/p>\n

            \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/b> An example of displaying the bottom menu (Footer),\u00a0 format 4<\/span><\/i><\/p>\n

            The 5th format setting will be available to enable\/disable the system. Total 4 message boxes<\/span><\/b><\/p>\n

              \n
            • Footer Menu<\/span><\/li>\n
            • Logo<\/span><\/li>\n
            • Subscribe<\/span><\/li>\n
            • Social media<\/span><\/li>\n
            • Text box 1\u00a0<\/span><\/li>\n
            • Text box 2\u00a0<\/span><\/li>\n
            • Text box 3<\/span><\/li>\n
            • Text box 4\u00a0<\/span><\/li>\n
            • Partner<\/span><\/li>\n
            • Copyright<\/span><\/li>\n
            • Stat Counter<\/span><\/li>\n<\/ul>\n

              \"\"<\/p>\n

              \"\"<\/p>\n

              Example of display of bottom menu (Footer) format 5<\/span><\/i><\/p>\n

              Format Setting 6\u00a0<\/span><\/b>The system will be available to turn on\/off. Payment channels, shipping carriers, and tags are as follows.<\/span><\/p>\n

                \n
              • Footer Menu<\/span><\/li>\n
              • Payment channels<\/span><\/li>\n
              • Shipping carriers<\/span><\/li>\n
              • Subscribe<\/span><\/li>\n
              • Social media<\/span><\/li>\n
              • Tags<\/span><\/li>\n
              • Partner<\/span><\/li>\n
              • Copyright<\/span><\/li>\n
              • Stat Counter<\/span><\/li>\n<\/ul>\n

                \"\"<\/p>\n

                \"\"<\/p>\n

                \u00a0An example of displaying the Footer format 6<\/span><\/i><\/p>\n

                4. Footer Background<\/span><\/b><\/p>\n

                  \n
                1. Click on<\/span> \u201cFooter<\/span>\u201d<\/span><\/b><\/li>\n<\/ol>\n

                  \"\"<\/p>\n

                  \u00a0 \u00a0 \u00a0 2. Go to\u00a0<\/span>\u201cFooter Background<\/span>\u201d<\/span><\/b><\/p>\n

                  \"\"<\/p>\n

                  \u00a0 \u00a0 \u00a0 3. Click the \u201cBackground<\/span>\u201d option<\/span>. The system will display 4 format options as follows\u00a0<\/span><\/p>\n

                    \n
                  • Transparent is based on the website’s background.<\/span><\/li>\n
                  • Color can be customized as desired.\u00a0<\/span><\/li>\n
                  • Gradient can adjust the color from dark to light. and can adjust the gradient position<\/span><\/li>\n
                  • Image scale, position, and color can be adjusted.<\/span><\/li>\n<\/ul>\n

                    \"\"<\/p>\n

                      \n
                    1. Example select background style as<\/span>\u00a0\u201cColor<\/span>\u201d<\/span><\/b><\/li>\n
                    2. \u00a0Click on<\/span>\u00a0\u201cColor Box<\/span>\u201d<\/span><\/b>\u00a0to select the desired background color<\/span><\/li>\n<\/ol>\n

                      \"\"<\/p>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1796],"yoast_head":"\nCustomize Footer - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/customize-footer\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Customize Footer - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"Customizing Footer; This section that will be attached to every page of the website. It is located at the bottom of the website. It is the section that shows contact information, including address and telephone number. Social channels or other additional menus. The methods for customizing the lower menu format are divided into 4 topics […]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%A0%E0%B8%B2%E0%B8%9E65.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4\/18046"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=18046"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=18046"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}