【ページ内の移動をスムーズに！】WordPressでページジャンプを簡単に設定する方法を解説

Introduction:

ページジャンプとは、ページ内の特定の箇所にリンクを貼ることで、リンクをクリックするとその箇所にすぐに移動することができる機能です。HTML アンカー属性を設置することで、ページ内の任意の場所にアンカーを作成できます。アンカーを作成するには、プラスアイコンを使用して「見出し」ブロックを追加し、見出しテキストを入力した上で、詳細設定の中のHTMLアンカーフィールドにリンクとなる単語を入力します。作成したアンカーにジャンプするには、リンク先を #アンカー名 とすることで可能です。HTMLアンカーには大文字と小文字が区別され、半角記号を含めることができますが、スペースは含めることはできません。


Argument:

手順は以下のとおりです。

①HTMLアンカーを追加する
・ページ内にジャンプしたい場所にHTMLアンカーを追加します。ブロックエディターで新しいブロックを追加し、「見出し」ブロックを選択します。
・見出しのテキストを入力し、右側の「詳細設定」で「HTMLアンカー」フィールドにリンク先の単語を入力し、ブロックを保存します。

②ページ内リンクを追加する
・ジャンプ先のテキスト、ボタン、または画像を選択し、ブロックのツールバーからリンクオプションを選択します。
・作成した HTML アンカーを、ハッシュ (#) 半角記号で始まる文字で入力します。例えば、example と入力した場合、ジャンプ先のアンカーは #exampleとなります。

③サイトページを公開し、テストする
・ジャンプリンクはサイトをプレビューしたときには動作しないので、ページを公開してテストしましょう。

イメージがつきやすくするため、以下の写真を使用します。


Conclusion:

この記事では、ページジャンプについて解説しました。ページジャンプを実装することで、訪問者にとって使いやすいページを作ることができます。WordPressではHTMLの知識がなくても簡単にアンカーを追加することができます。

Home » Technology » 【ページ内の移動をスムーズに！】WordPressでページジャンプを簡単に設定する方法を解説

Katsuki Kenji

香月健児 Kenji Katsuki

196 thoughts on “【ページ内の移動をスムーズに！】WordPressでページジャンプを簡単に設定する方法を解説”

  1. Does your site have a contact page? I’m having problems locating it but, I’d like to send you an e-mail. I’ve got some suggestions for your blog you might be interested in hearing. Either way, great website and I look forward to seeing it develop over time.

  3. The other day, while I was at work, my sister stole my iphone and tested to see if it can survive a 40 foot drop, just so she can be a youtube sensation. My iPad is now broken and she has 83 views. I know this is entirely off topic but I had to share it with someone!

  5. Normally I do not read article on blogs, however I wish to say that this write-up very forced me to take a look at and do so! Your writing taste has been amazed me. Thank you, quite great article.

  7. Interesting blog! Is your theme custom made or did you download it from somewhere? A design like yours with a few simple adjustements would really make my blog shine. Please let me know where you got your design. Appreciate it

  9. Hello! Do you know if they make any plugins to help with SEO? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good results. If you know of any please share. Cheers!

  11. This is a good tip especially to those new to the blogosphere. Brief but very accurate information Thank you for sharing this one. A must read article!

  16. Aw, this was an incredibly nice post. Spending some time and actual effort to make a very good article but what can I say I put things off a lot and never seem to get anything done.

  20. It’s a shame you don’t have a donate button! I’d without a doubt donate to this excellent blog! I suppose for now i’ll settle for book-marking and adding your RSS feed to my Google account. I look forward to fresh updates and will talk about this blog with my Facebook group. Chat soon!

  24. Howdy! Quick question that’s completely off topic. Do you know how to make your site mobile friendly? My website looks weird when viewing from my iphone 4. I’m trying to find a theme or plugin that might be able to correct this problem. If you have any suggestions, please share. Cheers!

  31. I’m impressed, I must say. Rarely do I encounter a blog that’s equally educative and entertaining, and let me tell you, you have hit the nail on the head. The issue is something not enough folks are speaking intelligently about. I’m very happy that I found this in my search for something relating to this.

  33. Write more, thats all I have to say. Literally, it seems as though you relied on the video to make your point. You clearly know what youre talking about, why waste your intelligence on just posting videos to your site when you could be giving us something enlightening to read?

  37. Hi, i read your blog occasionally and i own a similar one and i was just wondering if you get a lot of spam feedback? If so how do you stop it, any plugin or anything you can advise? I get so much lately it’s driving me insane so any assistance is very much appreciated.

  38. Thank you for the auspicious writeup. It in reality was a entertainment account it. Glance complicated to far introduced agreeable from you! By the way, how can we keep in touch?

  39. Pretty component to content. I simply stumbled upon your web site and in accession capital to claim that I acquire in fact enjoyed account your blog posts. Any way I’ll be subscribing on your augment or even I achievement you get entry to persistently fast.

  44. Heya i’m for the primary time here. I came across this board and I find It truly useful & it helped me out a lot. I am hoping to offer something back and help others like you helped me.

  49. I was extremely pleased to discover this website. I want to to thank you for your time due to this wonderful read!! I definitely savored every bit of it and I have you book-marked to see new things on your website.

  50. Ищете надежного подрядчика для устройства стяжки пола в Москве? Обращайтесь к нам на сайт styazhka-pola24.ru! Мы предлагаем услуги по залитию стяжки пола любой сложности и площади, а также гарантируем быстрое и качественное выполнение работ.

  52. Современный рынок предлагает нам множество уникальных решений, включая штукатурку механизированную. Проверьте mehanizirovannaya-shtukaturka-moscow.ru для получения подробной информации.

  55. Its like you read my mind! You seem to understand so much approximately this, like you wrote the book in it or something. I think that you could do with some p.c. to drive the message house a bit, however other than that, this is magnificent blog. A great read. I’ll definitely be back.

  57. С механизированной штукатуркой стен от mehanizirovannaya-shtukaturka-moscow.ru ремонт становится не только быстрым, но и качественным. Попробуйте самостоятельно, вы не разочаруетесь!

  58. Heya this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding know-how so I wanted to get advice from someone with experience. Any help would be greatly appreciated!

  59. Link exchange is nothing else but it is simply placing the other person’s weblog link on your page at appropriate place and other person will also do same in favor of you.

  66. I will right away grab your rss as I can not in finding your email subscription link or newsletter service. Do you have any? Please allow me realize so that I may just subscribe. Thanks.

  68. Hmm it appears like your site ate my first comment (it was extremely long) so I guess I’ll just sum it up what I submitted and say, I’m thoroughly enjoying your blog. I as well am an aspiring blog blogger but I’m still new to the whole thing. Do you have any suggestions for first-time blog writers? I’d definitely appreciate it.

  76. It’s remarkable to pay a visit this website and reading the views of all friends concerning this piece of writing, while I am also eager of getting knowledge.

  77. Its like you read my mind! You seem to know so much about this, like you wrote the book in it or something. I think that you could do with some pics to drive the message home a bit, but other than that, this is magnificent blog. A great read. I’ll definitely be back.

  81. Насладитесь простотой и динамикой Lucky Jet, где каждый полет может умножить вашу ставку. Войдите в игру через сайт 1win и пускайте удачу в небо!

  83. Your style is very unique compared to other people I have read stuff from. Thanks for posting when you have the opportunity, Guess I will just bookmark this site.

  85. Pretty nice post. I just stumbled upon your blog and wanted to say that I have really enjoyed browsing your blog posts. In any case I’ll be subscribing to your feed and I hope you write again soon!

  86. I’m gone to say to my little brother, that he should also visit this weblog on regular basis to take updated from newest information.

  99. Hey there are using WordPress for your blog platform? I’m new to the blog world but I’m trying to get started and create my own. Do you need any coding knowledge to make your own blog? Any help would be greatly appreciated!

  137. I think what you postedtypedbelieve what you postedwrotethink what you postedwrotesaidbelieve what you postedtypedsaidWhat you postedtyped was very logicala bunch of sense. But, what about this?consider this, what if you were to write a killer headlinetitle?content?typed a catchier title? I ain’t saying your content isn’t good.ain’t saying your content isn’t gooddon’t want to tell you how to run your blog, but what if you added a titlesomethingheadlinetitle that grabbed people’s attention?maybe get people’s attention?want more? I mean %BLOG_TITLE% is a little plain. You could look at Yahoo’s home page and see how they createwrite news headlines to get viewers to click. You might add a related video or a related pic or two to get readers interested about what you’ve written. Just my opinion, it might bring your postsblog a little livelier.

  148. Hello would you mind stating which blog platform you’re working with? I’m planning to start my own blog in the near future but I’m having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something completely unique. P.S My apologies for getting off-topic but I had to ask!

  187. Howdy, I do think your website could be having browser compatibility issues. When I look at your web site in Safari, it looks fine but when opening in IE, it has some overlapping issues. I just wanted to give you a quick heads up! Apart from that, great website!

Leave a Reply

Your email address will not be published. Required fields are marked *