آماده سازی فوتر قالب وردپرس و منو بالای سایت – بخش سوم

<!--007-->
<!--start footer section-->
<footer>
    <div id="footer">
        <div class="container">
            <div class="footer-details">
                <div class="newsletter">
                    <!--Your codes put here-->
                </div>
                <div class="social-share-links">
                    <a href="#"><i class="fa fa-google-plus"></i></a>
                    <a href="#"><i class="fa fa-instagram"></i></a>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-facebook"></i></a>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="footer-menu">
                    <!--Your menus codes put here-->
                </div>
                <div class="copyright">کلیه حقوق برای وبمستر وردپرس محفوظ می باشد</div>
            </div>
        </div>
    </div>
</footer>
<!--end footer section-->
<!--<script src="<?php /*echo get_theme_file_uri().'/js/vendor/jquery-1.11.3.min.js'*/ ?>"></script>-->
<!--<script src="<?php /*echo get_theme_file_uri().'/js/responsiveslides.min.js'*/ ?>"></script>-->
<!--<script src="<?php /*echo get_theme_file_uri() . '/js/plugins.js' */?>"></script>-->
<!--<script src="<?php /*echo get_theme_file_uri().'/js/main.js'*/ ?>"></script>-->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<!--<script>
    //    (function (b, o, i, l, e, r) {
    //        b.GoogleAnalyticsObject = l;
    //        b[l] || (b[l] =
    //                function () {
    //                    (b[l].q = b[l].q || []).push(arguments)
    //                });
    //        b[l].l = +new Date;
    //        e = o.createElement(i);
    //        r = o.getElementsByTagName(i)[0];
    //        e.src = 'https://www.google-analytics.com/analytics.js';
    //        r.parentNode.insertBefore(e, r)
    //    }(window, document, 'script', 'ga'));
    //    ga('create', 'UA-XXXXX-X', 'auto');
    //    ga('send', 'pageview');
</script>-->
<!--009-->
<?php wp_footer(); ?>
</body>
</html>

add_filter('show_admin_bar', '__return_false'); //put it in functions.php

function msntheme_setup()
{
    //If you have one menu, you only need to add this line of code in the following:
    //register_nav_menu('top-bar-menu','A Menu For Top Bar');
    $menus = array(
        'top-bar-menu' => 'A Menu For Top Bar',
        'header-menu' => 'A Menu For Header',
        'footer-menu' => 'A Menu For Footer'
    );
    register_nav_menus($menus);
}

add_action('after_setup_theme', 'msntheme_setup');

//Use to create one menu
register_nav_menu( $location, $description );

//Example:
register_nav_menu( 'primary', __( 'Primary Menu', 'theme-slug' ) );

//Use to create multiple menus
register_nav_menus( $locations );

//Example:
register_nav_menus( array(
  'pluginbuddy_mobile' => 'PluginBuddy Mobile Navigation Menu',
  'footer_menu' => 'My Custom Footer Menu',
) );

<!--008-->
<!--Top Bar-->
<div id="top-bar">
    <div class="container">
        <nav id="top-right-menu">
            <!--011-->
           <?php if (has_nav_menu('top-bar-menu')): ?>
               <?php wp_nav_menu(array('theme_location' => 'top-bar-menu')) ?>
           <?php else: ?>
               <div class="top-bar-menu-item">لطفا برای این قسمت یک منو انتخاب کنید</div>
           <?php endif; ?>
            
           <!--This part is commnented because I have changed it with above codes 
           <ul>
                <li><a href="#"><i class="fa fa-file-text-o"></i>وبلاگ</a></li>
                <li><a href="#"><i class="fa fa-list-alt"></i>استخدام</a></li>
                <li><a href="#"><i class="fa fa-bullhorn"></i>پشتیبانی</a></li>
                <li><a href="#"><i class="fa fa-globe"></i>انگلیسی</a></li>
            </ul>
             -->
        </nav>
        <div id="top-left-social">
            <ul>
                <li><a href="#"><i class="fa fa-facebook-official"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<!--End Top Bar-->

<!--008-->
<!--Top Bar-->
<div id="top-bar">
    <div class="container">
        <nav id="top-right-menu">

            <!--This is another way to write php codes-->
            <?php
                if (has_nav_menu('top-bar-menu')){
                    wp_nav_menu(array('theme_location' => 'top-bar-menu'));
                } else {
                    echo '<div class="top-bar-menu-item">لطفا برای این قسمت یک منو انتخاب کنید</div>';
                }
            ?>
            <!--  
            <ul>
                <li><a href="#"><i class="fa fa-file-text-o"></i>وبلاگ</a></li>
                <li><a href="#"><i class="fa fa-list-alt"></i>استخدام</a></li>
                <li><a href="#"><i class="fa fa-bullhorn"></i>پشتیبانی</a></li>
                <li><a href="#"><i class="fa fa-globe"></i>انگلیسی</a></li>
            </ul>
            -->
        </nav>
        <div id="top-left-social">
            <ul>
                <li><a href="#"><i class="fa fa-facebook-official"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            </ul>
        </div>
    </div>
</div>
<!--End Top Bar-->