THORでアンカー設定ってできるの?〜プラグインなしでアンカー設定をしてみた件〜こんにちは、テンテンです。THORとは、相性が良くないプラグインなんですよね。THORの相性悪いプラグイン一覧ということで、今回はプラグインなしでアンカー設定できましたので、今回はその方法について備忘録用として記録に残しておきます。今回の作業時間:1〜3分ほどでは、早速解説に進みます。さいごにアンカー設定とは?文章で説明するより、動画で実際に見た方が早いので、まずは下記動画をご覧ください。※動画の時間は7秒です。このように、同じページ内で指定の場所まで移動できる機能をアンカー設定と言います。・サイトのユーザービリティ(利便性)向上の為このようにアンカータグを使うことで、指定の場所まで素早く移動できるので、ユーザーからもありがたい機能だと考えています。THORでも目次に関しては、アンカー設定が施されています。気になる方は確認してみてください!アンカータグの設定方法とは?〜プラグインなしで設定する〜ここからは、実際にアンカー設定をしてみましょう。プラグラミングコードを実際に入力することになりますので、まずはこれから解説することと同じようにやってみましょう。Tentenプラグラミングの知識が0の人でもわかりやすいように解説していきますので、まずは手順通り進めてください。アンカー設定手順1(1)テキストを入力します。※今回は、サンプルの為、「ここをクリック」というテキストにしています。(2)リンクの挿入をします。※コマンド+Kでリンクの挿入を呼び出すことができます。※WordPressには、様々なショートカットキーがあるので、覚えておくと効率化できます。(3)#aと入力します。※aでなくても良い!1でも2...とりあえず、aとしています。「#」は忘れずに付けてください。(4)適用をクリックします。アンカー設定手順2移動させたい場所のテキストを入力します。※今回は、わかりやすく「これがアンカー設定だよ!」というテキストを入力しています。アンカー設定手順3(1)「テキスト」に進みます。id=”a”></a>というコードを追加します※aとidの間のスペースは、半角スペースです。※”a”は、アンカー設定手順1でリンクの挿入をした際に入力したaのことです。(3)最後に「プレビュー」に進んで、動作を確認をしてみてください。これでアンカー設定はできました。Tentenなんとなく理解できましたか?余談ですが、WordPressには様々なショートカットキーがあります。覚えておくと記事を書くスピードも早くなりますので、後ほど覚えておくと良いですよ。下記の記事では、WordPressで使えるショートカットキーについてまとめていますので、興味があったら読んでみてください。あわせて読みたい記事WordPressでブログ記事を書く時にガチで使えるショートカットキー17選〜ランキング化してみた〜こんにちは、テンテンです。今回は、WordPressで記事を書く時にガチで使えるショートカットキーをランキング化してご紹介します。ランキングにつきまして[...]アンカータグの設定方法〜もう少し詳しく解説します〜ここからは、もう少し詳しく知りたい方向けの内容となります。アンカー設定の手順は以下2つです。id属性をつけて、特定の場所を伝達している例)ここに飛んできて(a)と指定しているTentenなんとなくイメージできましたか?はじめはざっくり程度で理解しておけば良いかと思います。さいごにアンカーの設定方法は、しっかり習得できましたか?『俺のブログ運営』では、ブログで学んだ来たことや副業についてなどを多数アウトプットしていますので、もし良かったらいろいろ読んでみてください。THORの初期設定から細かい設定などについても教科書をイメージしてまとめていますので、もし良かったらブックマークなどして参考にしてみてください。最後まで読んでいただき、ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。運営者情報Tenten当ブログでは、ブログ運営していく中でインプットしたことをアウトプットメモしています。THORの使い方、SEOなどについて発信中。ブログ初心者の方にもわかりやすく画像付きで解説しています。俺のブログ運営.お問い合わせシェアメニューTOPへ。