Arkhe サイトタイトルのURLを書き換える方法

2024年7月30日

WordPressのArkheで作ったサイトで、サイトタイトルをクリックしたときに開くURLを変更する必要があった。

子テーマのfunctions.phpに下のコードを追加し

/* サイトタイトルのリンク先を変更 */
function my_child_theme_scripts() {
    wp_enqueue_script('custom-js', get_stylesheet_directory_uri() . '/js/custom.js', array(), null, true);
}
add_action('wp_enqueue_scripts', 'my_child_theme_scripts');

子テーマの中に「js」フォルダを作り、その中に「custom.js」ファイルを設置し、下のコードの2行目のURLが、クリックしたときに開くURLを設定する。

document.addEventListener('DOMContentLoaded', function() {
    var newUrl = 'https://example.com';
    var logoLink = document.querySelector('a.c-headLogo');

    if (logoLink) {
        logoLink.href = newUrl;
    } else {
        console.log('指定されたクラス名のリンクが見つかりません。');
    }
});

これで、変更できる。