如何在标题中放置语言切换器?

时间:2013-12-29 22:38:59

标签: php wordpress wordpress-plugin

所以,我正在使用Wordpress在我的网站上工作。在开始时说,我不是php编码器,我只是在我的wordpress网站上运行这个东西。我买了一个主题并安装了Simple Language Switcher插件。它有效,但我不知道如何将它放在我想要的地方。我在header.php文件中到处尝试过但没有运气。您可以在下面的图片中看到它现在和我想要的位置(对,我在这里写的地方)。以及插件的链接:

http://www.mendoweb.be/blog/wordpress-plugin-simple-language-switcher/

enter image description here

这是我的语言栏的代码:

<?php if( function_exists( 'simple_language_switcher' ) ) { ?>
<div id="simple-language-switcher"><?php simple_language_switcher(); ?></div>
<?php } ?>

现在这是我的header.php文件:

<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <main id="main">
 *
 * @package Terrifico
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<?php global $data; ?>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php if ($data['enable_favicon'] == 1 ) { ?>
    <link rel="shortcut icon" href="<?php echo $data['favicon']; ?>" type="image/x-icon" />

<?php } ?>
<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->

<?php terrifico_custom_styling(); ?>
<?php wp_head(); ?>
<?php if ($data['custom_css'] <> "") { ?>
    <style type="text/css">
        <?php echo $data['custom_css']; ?>
    </style>
<?php } ?>  
</head> 

<body <?php body_class(); ?>>

<div id="grid-container">
    <?php if ( $data['top_panel_enable'] == 1 ) { get_template_part( 'top-panel' ); }; ?>


<?php if( function_exists( 'simple_language_switcher' ) ) { ?>
<div id="simple-language-switcher"><?php simple_language_switcher(); ?></div>
<?php } ?>

    <div class="clear"></div>

    <div id="branding" class="<?php echo $data['layout']; ?>">
        <header id="header">
            <div id="logo">

                <?php if ( $data['text_logo_enable'] != 1 ) { ?>
                    <a href="<?php echo home_url(); ?>/"><img src="<?php echo $data['logo']; ?>" alt="<?php echo $data['logo_alt_text']; ?>"/></a>
                <?php } else { ?>
                    <a href="<?php echo home_url(); ?>/"><?php echo $data['logo_alt_text']; ?></a>
                <?php } ?>
            </div>      
            <?php if ( $data['menu_separated'] != 1 ) { ?>
                <div id="nav-holder">
                    <nav id="site-navigation-in" class="main-navigation" role="navigation">
                        <?php wp_nav_menu(array('theme_location' => 'main_navigation', 'container' => false,'menu_id'=>'menu-main-navigation','menu_class' => 'sf-menu sf-js-enabled sf-shadow', 'fallback_cb'=> 'terrifico_selectmenu', )); ?>
                    </nav><!--site-navigation-->
                </div>
            <?php } ?>
            <script type="text/javascript">
                var sf=jQuery.noConflict();
                sf(window).load(function(){
                // superFish
                sf('ul.sf-menu').supersubs({
                minWidth:    16, // minimum width of sub-menus in em units
                maxWidth:    40, // maximum width of sub-menus in em units
                extraWidth:  1 // extra width can ensure lines don't sometimes turn over
                })
                .superfish(); // call supersubs first, then superfish
                });
            </script>
    </div><!--branding-->
<?php if ( $data['menu_separated'] == 1 ) { ?>
    <div id="nav-holder" class="<?php echo $data['layout']; ?>">
        <nav id="site-navigation" class="main-navigation" role="navigation">
            <?php wp_nav_menu(array('theme_location' => 'main_navigation', 'container' => false,'menu_id'=>'menu-main-navigation','menu_class' => 'sf-menu sf-js-enabled sf-shadow', 'fallback_cb'=> 'terrifico_selectmenu', )); ?>
        </nav><!--site-navigation-->
    </div>
<?php } ?>
    <?php if ( $data['front_page_blog_index'] == 1 ) {?>
        <?php if (! is_home()) { ?>
            <?php if ( $data['page_header_on'] == 1 ) { ?>
                <?php get_template_part( 'page-header' ); ?>
            <?php } ?>
        <?php } ?>
    <?php } else { ?>
        <?php if ( $data['page_header_on'] == 1 ) { ?>
            <?php get_template_part( 'page-header' ); ?>
        <?php } ?>
    <?php } ?>

1 个答案:

答案 0 :(得分:1)

您需要编辑的文件是top-panel.php,与header.php位于同一目录中。它包含主题中标题部分的扩展PHP代码。您可以在header.php中看到它的引用位置,就在您目前拥有语言条形码的位置上方:

<?php if ( $data['top_panel_enable'] == 1 ) { get_template_part( 'top-panel' ); }; ?>

WordPress主题越来越普遍,当他们的设计师想要保持一切整洁时,将通常的主题部分(如header.php,footer.php等)进一步划分为子文件。换句话说,top-panel.php是header.php,就像header.php是index.php一样。

首先,备份您编辑的所有文件,然后小心地在 top-panel.php 中插入语言条形码,以便文件看起来像这样:

<?php
/**
 * @package Terrifico
 */
global $data; ?>
    <div id="top-panel" class="<?php echo $data['layout']; ?>">
        <div id="info-box">
            <?php if ( $data['top_contact_enable'] == 1 ) { get_template_part( 'contact-bar' ); }; ?>
            <?php if(class_exists('Woocommerce')) { ?>
                <?php if ( $data['header_social_enable'] == 1 && $data['shopping_cart_enable'] == 0 ) { get_template_part( 'social-bar' ); }; ?>

                <?php if ( $data['shopping_cart_enable'] == 1 ) { get_template_part( 'shopping-cart' ); } ;?>
            <?php } else { ?>
                <?php if ( $data['header_social_enable'] == 1 ) { get_template_part( 'social-bar' ); }; ?>
            <?php } ?>

    /* INSERT LANGUAGE BAR CODE */
    <?php if( function_exists( 'simple_language_switcher' ) ) { ?>
    <div id="simple-language-switcher"><?php simple_language_switcher(); ?></div>
    <?php } ?>
    /* END LANGUAGE BAR CODE */

        </div><!-- #info-box -->
    </div><!-- #top-panel -->

基本上,您希望语言条形码顶部<div>内。这是包含“有任何疑问吗?”,社交图标等其他div的div。

我实际上并没有安装主题来进行实验,但是您可能需要使用CSS或上面的代码来完美地定位它。希望我能够清楚地解释清楚,这会有所帮助。