カスタマイズの設定方法 Yet Another Related Posts Pluginがインストールされると、サイドバーの設定表示が以下のように変更されます。 なお、日付のフォントにはGoogleFontsのを使っています。 5rem;font-family:inherit;font-weight:500;line-height:1. 投稿ページに表示したい場合は「sigle. 関連記事を表示させない なお、関連記事は表示させないこともできます。
とはいえ「非公式のものを使いたい」などの理由でオフにしたいという方も多いかと思います。 基本的にデフォルトで設定されているものが推奨されていますが、一つずつ見ていきます。
なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。
期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
ネットニュースやブログの記事を読み終わった後に、つい 関連記事のリンクに興味を引かれてクリックしてしまった経験はありませんか？ 本文の後方などに、記事内容に関連する 他のコンテンツのリンクを載せておくと、サイト内の 回遊率や滞在時間を向上できます。
Archive• 今回の記事は以上です。 関連記事はこちら• WordPressの投稿は、アーカイブページに時系列表示されます。 下記はBootstrapのみで動作します。
そのため「モバイル表示のときだけ公式の関連記事を表示させる」というようなこともできます。 しかし、カスタマイズは初心者の方には難しいかもしれません。
ホームページ作成のヒントは「グーペ」のWebメディアで ホームページをつくる上でのヒントや小ワザを、ホームページ作成サービス【グーペ】のスタッフがご紹介！ 書いている人は、Webディレクター、デザイナー、エンジニア、カスタマーサポートと職種もいろいろ。
ぜひ、WordPressの使い方を覚えましょう！ 大石ゆかり 関連記事が表示されているとビューア数が伸びそうですね 田島悠介 そうだね。
WordPress WordPressのプラグインの使い方を初心者向けに紹介する記事です。
WordPressにいれるべきプラグインはをご覧ください。 自動で記事を紹介してくれるのはいいね。 こんな記事もおすすめ• まだ安定していないのかもしれませんね。
2利用していくと、クリック数やPVが表示されるので、記事の改善にも役立てていきましょう。 また、 ショートコードとHTMLを使って自在なカスタマイズができます。
WordPress Related Postsの使い方 このプラグインは、管理画面から「プラグインを検索」してインストールもできますし、プラグイン公式サイトからダウンロードすることも可能です。
関連記事の画像のサイズを変えたり、文字のサイズを変更することが可能です。
今回は両方の方法をご紹介しますので、利用しやすいものを試してみてください。
関連記事をサイドバーに表示したい場合は、ウィジェットから追加します。 関連スコア設定 記事との関連性について設定を変更することができます。
24rem;background: fdfdfd;border:0;border-radius:6px;box-shadow:0 5px 5px 0 rgba 18,63,82,. ・有効インストール数：７万件 ・WordPressユーザーによる星評価：５ 関連記事を 自由にカスタマイズしたいならContextual Related Postsがオススメです。 簡単な設定だけで関連記事を表示させることができます。
今回は、WordPressで関連記事を表示することができるプラグイン、Yet Another Related Posts Pluginの使い方を紹介します。
両方とも教えてください！！！ 目次 WordPressで関連記事を表示させるには大きく2通りの方法があります。
関連性も自分で決められますし、投稿ページの下・サイドバーなど様々な位置に表示できます。
同じくプラグインのインストールが完了すると、投稿ページにこのように表示されます（文言は変更しています）。
たぶん分からなくても人生には困りません。
フッターなどを生かして回遊を促したい場合はこちらの設定も意外とおすすめです。
ご了承ください。
・WordPress Related Postsはサムネ付き関連記事を簡単に表示することができ、また記事の取得について自動・手動の選択ができる。 あとコンフリクトでバグったりする原因にもなるので、使いすぎないことをオススメします。
12ちょろちょろコメントいれてますが、わからない場合はググってみてください。 「関連記事」という見出しのデザインも合わせて変えてみました。
ご了承ください。
phpを触る方であればバックアップは不要ですが、すでに何らかの追記を行っている方は、念のためバックアップを取っておいてくださいませ。
Yet Another Related Posts Pluginをインストールして、有効化してください。
はてなブログが公式に関連記事に対応するように 2017年6月13日〜はてなブログ公式で 記事下に関連記事が表示されようになりました。
20今回は、WordPressで関連記事を表示することができるプラグイン、WordPress Related Postsの使い方について解説していきます。
インストール直後は表示する関連記事の数や、「この記事を読んだ人はこんな記事にもご興味があるかも」部分の表記変更画面が表示されます。
早めの設定をおすすめします）。
はてなさんが、文脈などから関連性を判断するとは思えないので、上記のどちらかだと思うのですが…。
少しクドく見えてしまうかもしれませんね。 必要最低限の数を出してあげるのがおすすめです。 [PR] WordPressで挫折しない学習方法を動画で公開中プラグインを設定する 細かい設定を行います。
13まとめ けっこう時間がかかりました。
設定するところも「Basic settings」と「Advanced settings」しかないので、初心者でも簡単に設置できるはずです。
その他にも、WordPressに投稿者が複数人いる場合には、関連記事を 同じ投稿者の記事だけに絞ることもできます。
デフォルトではタイトルしか表示されていませんが、更に内容を追加することもできますし、テキスト表示をサムネイルに変更することも可能です。
関連記事 ・ ・ ・ ・. そのため、訪問者の目に留まりやすい新しい投稿とは対照的に、アーカイブページの奥に埋もれた古い投稿は、サイト内で アクセスされるチャンスが減ってしまいます。 ・Similar Postsはカスタマイズ性が高いが、初心者には扱いにくい。
8ソースコードで表示位置を指定する場合 PHPのコードで表示位置を変更したい場合は、下記のソースコードを直接記述しましょう。
簡単ですね。
自分で表示させたい関連記事なども指定ができたり、デザインもカスタマイズできるので、初心者から上級者まで便利に使えるでしょう。
Bootstrapじゃない人は頑張ってCSS書いてください。