カスタム スクリプト ローダーをまだ持っていない場合は、次のようなものをテーマの functions.php に追加します。

function addScripts() {

    if ( !is_admin() ) { 

        wp_register_script('navScript', get_template_directory_uri() . "/js/navScript.js")); 

        wp_enqueue_script('navScript');

}
}

add_action( 'wp_print_scripts', 'addScripts');

WordPress ダッシュボードで、[外観]->[マイ カスタム ウィジェット] に移動し、新しいウィジェットを作成し (名前を付け、タイプとして HTML を選択します)、これのバージョンを追加します (div を除外して、含める/スタイルすることができます)。あなたの好み):

<form>

    <select id="superNav">
        <option value="">Choose a destination...</option>
        <option value="http://www.yahoo.com/">YAHOO</option>
        <option value="http://www.google.com/">GOOGLE</option>
        <option value="http://www.amazon.com/">AMAZON</option>
    </select>

</form>

次に、[外観] -> [ウィジェット] の下で、新しいカスタム ウィジェットを配置したい場所に追加します。

navScript.js (上記の適切なテンプレート JS ディレクトリ) で、次のようなコードを追加できます。私はこれを jQuery で行っていますが、addEventListener() を使用して単純な JavaScript 用に簡単に作り直すことができます。

$(document).ready(function() {

    $('#superNav').change(function() {

        var curUrl = $("option:selected", this).val();

        if (curUrl) {

            window.open(curUrl, '_top')

        }

    });

get_pages( $args )関数を使用して、ページのリストとそれぞれのリンクを取得してみてください。次に、@Spencer Hoffman によってリストされた jQuery を使用すると、探しているものを得ることができます。

http://codex.wordpress.org/Function_Reference/get_pages#Displaying_pages_in_dropdown_list

その例は、(インライン JavaScript を除いて) 実行するのに最適な例です。