Godiosに乗り換えた話

Godios

とにかく速いWordPress用のテーマファイルがGodiosです。

非同期処理とかをはさんでいるせいで、速さを犠牲に様々なJSを利用するプラグインが動かなくなっている。

  • AmazonJS
    • 永遠にロードが終わらない
  • SyntaxHighlighter Evolved
    • 設定が反映されない

などなど結構問題があったのだがなんとか修正することができた。

対応方法

それぞれ載せていくので参考にして欲しい。

AmazonJS

そもそもブロックエディタであるGutenbergに対応していなかったので今回切り捨てることにした。

代わりに採用したのが “WP Associate Post R2” なのだが、こっちはブロックエディタに対応しているので1000倍くらい便利である。

最初からこっち使えばよかった。

ただ、表示がちょっと気に食わなかったのでCSSにて修正した。

.wpap-tpl-detail {
	max-width: 100%;
}
.wpap-tpl-detail .wpap-link, .wpap-tpl-detail .wpap-link:hover {
	border: 2px solid #CCC !important;
	padding: 0.5em 0.5em 0.5em;
}
.wpap-tpl-detail .wpap-link, .wpap-tpl-detail .wpap-link:hover {
	box-shadow: none;
}
.wpap-service {
	display: none;
}

どうせアマゾンしか使わないのでいろいろ表示を削った感じである。

あと、フラットデザインなのに影があるのがホント気に食わなかった。

ちなみに表示させるとこんな感じになる。

SyntaxHighlighter Evolved

Godモードを使わなければちゃんと動作する(Diosモードなら大丈夫)ので当面はこのまま利用することにした。

まあいずれは何か別の対策を考えても良いかもしれないが、とりあえずはこれでいいかと。

テーブルの表示がダサい

基本的には全てがかっこいいくせに、テーブルの表示だけはとてもダサい。

何故か左に偏っているし、必要もないのに “display: inline-block” を指定している。

わけがわからないのでCSSにて修正した。

.wp-block-table {
	width: 100%;
}
#entry-content table {
	text-align: center;
	display: table;
}
table td {
	overflow: hidden;
 	text-overflow: ellipsis;
	white-space: nowrap;
}

これでちゃんと横幅いっぱいに表示してくれる。

文字は中央揃えにしているが、全てのテーブルが中央揃えになっても困りそうなのでまあここは追加CSSの設定とかでも良いと思う。

ブログカード

何故かGodiosはブログカードに対応していない。

そこで、下記のサイトを参考にはてなブログカードに対応させた。

WordPressエディターに外部URLをコピペするだけで、どんなサイトでも「はてなブログカード」を表示させるカスタマイズ方法

https://nelog.jp/wordpress-hatena-blog-card

ただ、ここがどうも変な感じで設定してもすぐに効かなかったりよくわからない。効くことは効くので、何度も読み込んだりキャッシュクリアしたりが必要かもしれない。

ちゃんと効くので設定するのはこれだけでいいです。

.hatenablogcard {
	width: 100%;
}

あとはCSSで横幅指定するだけなのだが、何故か外部WPサイトを表示しようとするとへんてこな引用扱いになって困る。

ただの外部サイトなら問題ないのだが…

他にもいくつか横幅が正しくないサイトがでてくるので適時CSSなどで指定が必要かもしれない。

ツイッター投稿

何故かツイッター投稿ができなくなりました。

AWSのアクセス制限のせいか知りませんが、投稿と同時にツイートできなくなるのは予約投稿のときにちょっと不便かも。

近々直すか、代替機能を搭載する予定。

HP改修具合

作業報告をちょっとばかしやりたいと思います。

LanPlay

無事にサーバが動いているはずなので使えます。

ラグがどうなったかについてはよくわからないので誰か試してください。

ガチホコカウントマップ

ハコフグ倉庫だけなんかバグって消えちゃったけど、それ以外は多分戻っているはずです。

Hack記事

https://tkgstrator.work/?page_id=12185

内部リンクの表示がおかしいけれど、一応リンク自体は戻っています。

アマゾンアソシエイト

全部は戻すのがめんどくさいので、アクセス数が多いところからちまちま直してます。

まあ今週中に目に見えるところは直したいですね。

まとめ

なれてみればまあまあGodiosも良いところがあるなという感じです。

とりあえずアマゾンアソシエイトのリンクが貼りやすくなったのはいいですね(これが当HPの唯一の財源なのでw)

いまはAWSの最も安いサーバを借りていますが、1GBのメモリ制限であと250MBしか空いていないので収益が安定してきたらワンランク上のモデルにしてもいいかなと思っています。