WPテーマLuxeritasでコメントリンクの#（ハッシュ）を削除しないようにする

Luxeritas はわりと人気のあるWordPressテーマだと思いますが、実際につかってみると様々な問題に遭遇します。

今回の問題はハッシュつきのリンクにアクセスするとハッシュが削除されるというものです。

たとえば

example.com/#comment-123 というリンクにアクセスした場合は自動的にハッシュが削除されます

↓

exsample.comになる

これはreplaceStateというjavascriptの関数でハッシュが削除されるようになっています。

Luxeritasでurlのハッシュを削除しないようにする
Luxeritasで親テーマのコードを変更すると別の問題が発生する可能性があることに注意
まとめ

Luxeritasでurlのハッシュを削除しないようにする

Luxeritasは複雑な仕組み？

正直に言いますとLuxeritasはブラックボックス的な側面が非常に強いテーマであるため、使用をするのはやめておいたほうがいいと思うくらいに仕組みがどうなっているのかがわかりません。

通常は親テーマ内のjavascriptファイルが読み込まれるようになっていると思うのですが、Luxeritasの場合は下記のファイルでjavascriptファイルが生成されるようになっています。

/wp-content/themes/luxeritas/inc/create-javascript.php

実際にページのソースをみてみると、min.jsではなくmin.jsのあとに一意の番号がついているのが確認できます。これはどうやらluxceritasでなんらかのメニューを保存するとjavascriptファイルが保存されるようになっているようです。しかしこれは親テーマのjsディレクトリには存在しないファイルのように見えますがもしかすると隠しファイルになっているのかもしれません。

このようにLuxeritasはわけのわからない仕組みで実装されている部分があるため新規の人は使わないほうがいいと思います。

urlのハッシュを削除しないようにするにはどうしたらいいのか

前半は話がそれてしまいましたが、どうすればurlのハッシュが削除されないようにできるかを書いていきます。

さきほどのcreate-javascript.phpでこのコードを消してください

			if( !isset( $luxe['smooth_scroll_hash'] ) ) {
			/* ブラウザの履歴からアンカーリンクの # 消す */
			$ret .= <<< SCRIPT
w.history.replaceState(null, "", location.pathname + location.search);

SCRIPT;
			}

コメントアウトで「ブラウザの履歴からアンカーリンクの # 消す」って書いてあるので検索しやすいと思います。このあとにwordpressの管理画面でluxceritasのなにかしらのメニューを保存します。するとそれがトリガーになってjavascriptファイルが再構築されるはず…