Let's Hack Tech

あらゆるモノにHackする、探究者の読み物。

ワードプレス

賢威8カスタマイズ用HTMLパーツ一覧。ボタン、アイコン等装飾タグまとめ|チートシート

ショートコードで呼び出せるものもいくつかありますが、ショートコードは結局HTML形式に変換して出力するので、よりダイレクトにHTMLでそのまま記述することも可能です。この記事ではショートコードが用意されていないHTMLパーツも紹介しています。
アコーディオン

1行追加で出来る賢威の目次のH3以下を表示しない設定とアコーディオン化

何もしない状態だと冒頭で全ネタバレ必至な状態になりがちな賢威の目次。「H2までの表示にしたいなぁ」って方も多いと思いますので、その方法を紹介します。更に、「H3以下のアコーディオン化」にも挑戦しています。

【コピペで解決】”レンダリングを妨げるリソースの除外”をプラグインなしで対応

Google PageSpeed Insights に表示される警告、改善ポイントの一つ、"レンダリングを妨げるリソースの除外"と言う項目があります。PageSpeed Insights スコアを気にし過ぎても仕方ない部分もあるのですが、どうしても気になる方向けに簡単な解決方法を紹介してみました。
JQuery

ワードプレスでJQueryを動かすための記述方法

ワードプレスのサイトで会員登録をさせたい場合など、ユーザーの入力を受け付ける場合はJQueryは非常に便利です。ワードプレス上でJQueryを動かしたいけど、どんな記述の仕方をすればいいのかわからない。そんな方向けの記事です。
Google検索結果にサムネイルをさせる方法

ワードプレスのSEO対策に!Google検索結果にサムネイルをさせる方法

検索順位はもちろんですが、目を引いてクリックを促してサイトに訪れてもらうことも非常に大事です。ワードプレス初心者の方には少し難しいかもしれませんが、一度作業してしまえば永続的に効果がありますので、是非挑戦してみてください。
AMP

ワードプレスのAMP化プラグイン|AMP for WPの設定を解説

AMPに関してお調べですか?このページではAMPのメリットや、ワードプレスにAMPの導入をするためのオススメのプラグインの紹介と、必ずやるべき初期設定、AMPにアドセンスを表示するための設定など、網羅的に解説しています。
ワードプレスでサイドバーの要素をスクロールに応じて固定・追従させるCSS

ワードプレスでサイドバーの要素をスクロールに応じて固定・追従させるCSS

スクロールに応じてサイドバーの要素を固定させる、position: sticky;の使い方を詳しく解説しています。floatレイアウト→flexレイアウトへの変換も実践紹介していますので、ネチネチついてくるサイドバーを実現したい方は、是非参考にしてみてください!
ワードプレス・賢威でサイドバーへアドセンスをきれいに挿入する

ワードプレス・賢威でサイドバーへアドセンスをきれいに挿入する

ワードプレスのサイドバーにきれいにアドセンスのレクタングル広告ユニットを挿入する方法を解説しています。例として、当サイトのテーマテンプレート賢威8を参考に解説しています。カスタムHTMLウィジェットで挿入してきれいに表示出来ていないとお困りの方はぜひ見てみてください。