フォーラムへの返信

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック投稿者 okuusan703

    (@okuusan703)

    自己解決しましたので、今後、同様の事例でお困りになった方のために、私の方法を記載しておきます。
    結論から言えば、カスタマイズ部分は jQuery で行いました。

    前準備として、アイキャッチ画像は表示させたいページのスラッグ名をファイル名として保存し、各ページでアイキャッチ画像として指定しておきます。

    まず、以下のリンク先を参考に、functions.php に追記しました。
    http://inspire-tech.jp/2011/12/wordpress_use_image_for_nav_menu/

    このままだと、アイキャッチ画像が img タグで書き出されて、テキストリンク部分と置き換わっているので、アイキャッチ画像を a タグの背景になるようにし、さらに img タグ内の alt をテキストリンクとして表示させるため、以下のスクリプトをテンプレートの <?php get_footer(); ?> の直前にいれました。(位置はここで正しいのかわかりませんが…)

    <script type=”text/javascript”>
    jQuery(document).ready(function(){
    jQuery(‘#your-nav-id li a’).each(function(){
    var eyecatchurl = jQuery(‘#your-nav-id li a img’).attr(‘src’);
    var useThis = ‘url(‘+ eyecatchurl + ‘)’;
    var pagetitle = jQuery(‘#your-nav-id li a img’).attr(‘alt’);
    jQuery(this).css({
    ‘background-image’: useThis
    });
    jQuery(this).html(pagetitle);
    jQuery(‘#your-nav-id li a img’).hide();
    });
    });
    </script>

    これで、アイキャッチ画像を背景画像とした、カスタムメニューがテキストと共に表示されるようになりました。

    トピック投稿者 okuusan703

    (@okuusan703)

    追記です。

    背景画像の指定方法に CSS を使うのも避けたいです。自動的に紐づけられたアイキャッチ画像がカスタムメニューに表示されるのが目指しているところです。

    よろしくお願いいたします。

    トピック投稿者 okuusan703

    (@okuusan703)

    Fumito MIZUNO 様、迅速なお返事をありがとうございます。
    ご提案いただいた方法を全て試していたため、お返事が遅くなりました。
    (オプション3つ目の別サーバーでのチェックに手間取りました)

    結論から申し上げると、どれも該当しませんでした。
    サーバーの仕様にクセがあるのか、諦めるしかないか…と思っていましたが、
    どうせ希望しているパーマリンクのカスタム化ができずにデフォルトに戻すなら、
    その前にパーマリンクの別のカスタム化も試してみようと思い、
    希望していた「投稿名」から「数字ベース」に変更したところ、
    親なし固定ページがちゃんと表示されるようになりました。

    でもURLは私が希望していた「スラッグを使用したURL」になっていて、全然数字ベースではない…

    謎が謎を呼んで、原因も正しい解決法もわからないままなのですが、とりあえず、私が当初苦しんでいた「親なし固定ページが表示されない」事象は解決しましたので、このトピックを解決済みとさせていただきます。

    最後になりましたが、お忙しい中、的を得ない私の質問に端的に解凍してくださった Fumio MIZUNO 様、本当にありがとうございました。心よりお礼申し上げます。

3件の返信を表示中 - 1 - 3件目 (全3件中)