2

私は自分のサイトでメタ言語を使用するためにワードプレス用の「qtranslate」プラグインを使用しています。

フラグのみを表示するコンボを作成するにはどうすればよいですか？

次のコードを使用してドロップダウンを生成しようとしましたが、リストにフラグのみが表示されます。

echo qtrans_generateLanguageSelectCode('image');
$header_shortcodes = html_entity_decode(get_option(PREFIX.'_header_shortcodes'), ENT_QUOTES, 'UTF-8');
echo $header_shortcodes = apply_filters('themefuse_shortcodes',$header_shortcodes);

ありがとう

4

2 に答える 2

2

私は最終的にここで解決策の1つを取り、それをmsdropdownプラグインと組み合わせました

ステップ1：プラグインフォルダーに移動し、qtranslate/qtranslate_widget.phpを開きます。行番号があります。112あなたはケースを見つけるでしょう：'両方'; ここで、そのケースはその行を終了します。123その下に次のコードを追加します（別のケースが記述されています）

case 'bothkria': ?>
     <div id="language_chooser">
        <select name="langchooser" id="langchooser" onchange="$(window.location).attr('href',this.value);">
        <?php 
            /************************
            * go over the enabled languages and create all the languages options
            * the first marked "selected" is reffered to the current chosen language
            * the value is the relevant url and the title is the url of the image.
            * 
            * After creating the selectbox we will run the msdropdown plugin to make it a designed select box
            * Of corse dont forget to have a reference to the msdropdown js library
            * <script type="text/javascript" src="js/jquery.dd.js"></script>
            * you can find it here http://www.marghoobsuleman.com/jquery-image-dropdown
            *************************/
            foreach(qtrans_getSortedLanguages() as $language)
            {
                if($q_config['language']==$language) {?>
                    <option selected="selected" value="<?php echo qtrans_convertURL($url, $language);?>" title="<?php echo get_option('home');?>/wp-content/<?php echo $q_config['flag_location'];?><?php echo $q_config['flag'][$language] ?>"><?php print strtoupper($q_config['pre_domain'][$language]); ?></option>
          <?php } else {  ?>
                    <option value="<?php print qtrans_convertURL($url, $language);?>" title="<?php echo get_option('home');?>/wp-content/<?php echo $q_config['flag_location'];?><?php echo $q_config['flag'][$language] ?>"><?php print strtoupper($q_config['pre_domain'][$language]); ?></option>
          <?php }
            } ?>
        </select> 
        <div id="selectbox_script" style="display:none;">
                 <script type="text/javascript">
                 /* <![CDATA[ */
                    $(document).ready(function(e) {
                        try {
                        $("#langchooser").msDropDown();
                        } catch(e) {
                        alert(e.message);
                        }
                    });
                 /* ]]> */
                 </script>
        </div>
     </div>
    <?php break; ?>
于 2012-02-23T10:37:39.717 に答える
0

あなたの質問から私が理解していることは、旗の画像と言語の両方を含むドロップダウンリストが必要な場合は、以下のコードを使用することです。

このコードは、qtranslateバージョン2.5.28で作成およびテストしましたが、他のバージョンでも機能し、参照行番号はこのバージョンに従って示されています。

ステップ1：プラグインフォルダーに移動し、qtranslate/qtranslate_widget.phpを開きます。行番号があります。112case:'both'; ここで、そのケースがその行を終了する場所が見つかります。123その下に、次のコードを追加します（別のケースが記述されています） `

case 'bothkria':
            if($_REQUEST['lang']!=""){ $kria = $_REQUEST['lang'];}else{$kria = $q_config['default_language'];}
            echo '<span class="s_selected"><img src="'.get_option('home').'/wp-content/'.$q_config['flag_location'].''.$q_config['flag'][$kria].'" alt="'.$q_config['flag'][$kria].'" /> '.$q_config['language_name'][$kria].'</span>
                    <ul class="s_options">';
            foreach(qtrans_getSortedLanguages() as $language){
                      echo '<li><a href="'.qtrans_convertURL($url, $language).'"><img src="'.get_option('home').'/wp-content/'.$q_config['flag_location'].''.$q_config['flag'][$language].'" alt="'.$q_config['language_name'][$language].'" />'.$q_config['language_name'][$language].'</a></li>';
            }
                    echo '</ul>';
            break;

ステップ2：表示したい場所に以下のコードを貼り付けるだけです <div id="language_switcher" class="s_switcher"><?php echo qtrans_generateLanguageSelectCode('bothkria'); ?></div>

ステップ3：CSSクラスは、テーマに応じて変更できるように、ここで提供されるように設計されています。`

.s_switcher {
              z-index: 10;
              position: absolute;
              top:6px;
              right:255px;
              font-size: 11px;
              background: #f6f6f6 url(../images/dropdown.gif) no-repeat 100% 6px;
              border-top: 1px solid #e9e9e9;
              border-left: 1px solid #e9e9e9;
              border-right: 1px solid #f6f6f6;
              border-bottom: 1px solid #f6f6f6;
              border-radius: 3px;
              -moz-border-radius: 3px;
              -webkit-border-radius: 3px;
            }
            .s_switcher ul {
              margin-bottom: 0;
            }
            .s_switcher span.s_selected,
            .s_switcher li,
            .s_switcher li a
            {
              display: block;
              height: 22px;
              line-height: 20px;
              text-indent: 7px;
            }
            .s_switcher span.s_selected {
              cursor: default;
              color: #999;
            }
            .s_switcher .s_options {
              cursor: pointer;
              display: none;
            }
            .s_switcher img {
              display: inline;
              margin: -1px 3px 0 0;
              vertical-align: middle;
              margin-left:10px;
            }

            #language_switcher .s_selected, #language_switcher .s_options li a {
                font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
                text-decoration:none;
                font-size:12px;
                color:#333;
                }

            #language_switcher .s_options li a{
                color:#999;}
            #language_switcher .s_options li a:hover{
                color:#333;}

`ファイルのアップロードと確認が完了しました。これがあなたが望んでいたものであることを願っています。楽しみ

ありがとうございました！

于 2012-02-07T19:05:53.697 に答える