Let's Hack Tech

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

「ワードプレス」の記事一覧

アコーディオン

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

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

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

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

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

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

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

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

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

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

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

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

【スコア30→94点】重いワードプレスを高速化する効果抜群プラグイン4つとテクニック

Webサイトの表示速度は、非常に重要な要素です。モバイル サイトの読み込み時間が 5 秒を超えると利用をやめるユーザーが平均 74%。ページの読み込みが 1 秒遅くなるごとに、ユーザーの満足度は 16%、ページ ビュー数は 11% 低下するとの調査結果があり、遅いサイトは大きな機会損失をだしているかもしれません。

初心者にやさしい、ワードプレスを使ったブログの始め方

初心者の方向けにワードプレスの導入の詳細を紹介しています。ドメインの決め方のコツ、サーバーの選び方など。ブログ用CMSは他にOne Page、Drupal、MovableTypeなど様々なものがありますが、その中でもワードプレスはもっとも普及しており、全ウェブサイトの33.6%という調査結果があります。
スマホのフッターパネルをスクロールに応じて表示/非表示を切り替える

【賢威8】スマホのフッターパネルをスクロールに応じて表示/非表示を切り替える

賢威8のフッターパネルを、必要ない時(ユーザーが記事を読み進めているとき)は非表示に、必要になったら(記事途中で立ち止まってスクロールアップで戻ろうとすると)表示させる、という仕様にカスタマイズします。

カッコよくソースコードを表示するワードプレスプラグインCrayonが文字化けする・・・。

基本的に入れるだけで適用されてソースコード入力をすれば、勝手にビジュアルがカッコよくなるという優れもの。Crayon Syntax Highlighter が文字化けして困った時に見ると解決できる記事です。