Lan's note

高速HUGOブログで脱WordPress!

2019-07-07

HUGOのフルAMPで究極のブログ爆速化 その5~最適なアドセンスサイズとコード~

今回はフルAMPのHUGOブログにおける最適なアドセンスのサイズとコードを紹介します。 フルAMPのブログの場合テンプレートにもよりますが、PCページでアドセンス広告の表示がきれいに表示されない、または、表示されないケースがあります。 そこでアドセンスに多く広告出稿されているバナーサイズを網羅できるアド ...

2019-06-19

HUGOとフルAMPで究極のブログ爆速化 その4~Lightboxの設置~

今回はHUGOブログのAMPページでLightbox機能を実装してみたいと思います。 Lightboxとは上の画像をクリックしたときのように、対象がズームアップして表示される機能です。 本HUGOブログはAMP公式テーマ一覧からテンプレートを選びカスタマイズして使っています。 LightboxもAMP公式 ...

2019-06-18

HUGOとフルAMPで究極のブログ爆速化 その3~SNSカード・ブログカードの設置~

フルAMP化されているこのHUGOブログ。 PCで見てもモバイルで見てもAMPページで高速表示(Googleのキャッシュページ)されています。 今回はフルAMP化するにあたってのナレッジ【SNSやブログのカード】の作り方を共有したいと思います。 ※これまでHexoでフルAMP化としていましたが、Hexoか ...

2019-06-04

HexoとフルAMPで究極のブログ爆速化 その2~head.ejsの解説~

前回の記事「HexoとAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~」 前回は、AMP公式ページのAMPテンプレートを使いHexoテーマをカスタマイズし、HexoブログのフルAMP化を行いました。 ※フルAMP化・・・PCページもモバイルページも全てAMP化することで更にサイトの高速化を図るこ ...

2019-05-30

HexoとフルAMPで究極のブログ爆速化 その1~テーマのカスタマイズ~

前回、HexoのフルAMP化による爆速化という記事を書きました。 ※フルAMP化とはパソコンページもAMP化するという意味で使っています。 ※現在のこの記事も、パソコンで見てもモバイルで見てもAMPページが表示されています。 前回は序章ということでフルAMP化に至る経緯を書きました。 今回から、実際にフルA ...