POSTSダウンロードDOWNLOADマニュアルMANUALレイアウト見本LAYOUTフォーラムFORUMS商品・サービスランキングを作成して配置する方法テーマ設定TwitterFacebook0はてブ0Pocket7LINEコピー2018.02.16この記事は約3分で読めます。Cocoonでは、手軽に商品(サービス)ランキングを作成できるようになっています。商品ランキングを本文下に表示することによって、コンバージョン率が高くなるような使い方も可能かもしれません。以下ではランキング作成&配置方法を説明したいと思います。一歩進んだ入力方法ウィジェットでランキングを配置する表示の確認まとめランキングを作成する方法ランキングを作成するには、WordPress管理画面から「Cocoon設定→ランキング作成」を選択してください。「ランキング」画面が表示されたら「新規作成」をクリックしてください。ページURL、ページURL(もしくはアフィリエイトタグ)を入力します。サーバー紹介でMixHostを紹介する場合は、こんな感じです。「ページURL」は公式サイトへのURL等を入力します。ASPの規約により、タグは変えられない場合は、「リンクタグ」にAテキストリンクを入力するとボタン表示されるようになっています。入力を終えたら「追加」ボタンを押してください。入力がうまくいったら、次の入力項目が表示されます。あとは、ランキング順に商品(サービス)入力項目を追加していけばOKです。Cocoonは、追加すればするだけランキング順位を作成することが可能です(そんなに必要ないと思うけど)。商品ランキング自体も何個でも作成することが可能です。一歩進んだ入力方法Cocoonの機能である「アフィリエイトタグ」機能と組み合わせることで、ショートコードで入力することも可能です。ショートコード入力が可能な入力欄はこちら。このように入力することで、アフィリエイトをタグを一元管理することが可能です。アフィリエイトタグの一元管理機能の使い方アフィリエイトタグのマネージャー機能の使い方です。広告タグを一元管理することで、タグの張り替えや、テキスト修正などを容易に行えるようになります。wp-cocoon.com2018.02.14スポンサーリンクウィジェットでランキングを配置する次に、ランキングの配置です。ランキングは、ウィジェットで表示場所を設定します。WordPress管理画面から「外観→ウィジェット」を選択します。「ランキング」ウィジェットを表示したいウィジェットエリアにドラッグ&ドロップで配置します。あとは、ウィジェットの「ランキング」項目から作成した商品ランキングを選択します。タイトル入力は任意です。商品ランキングは何個でも作成して選ぶことができます。サイドバーにも配置可能です。表示の確認あとは、「ランキング」ウィジェットを配置した場所の表示を確認すればOKです。ランキングはこんな感じで表示されます。細かなデザインについては、スタイルシート(CSS)で修正していただければと思います。まとめこんな感じで、手軽にWordPress上で入力するだけでランキングを作成することができます。「おすすめしたい商品を本文下にランキング形式で表示したい」なんて場合には重宝する機能です。テーマ設定おすすめスポンサーリンクわいひら無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。わいひらをフォローするシェアするTwitterFacebook0はてブ0Pocket7LINEコピーわいひらをフォローするスポンサーリンクおすすめレンタルサーバーカラフルボックス性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。○サーバ引っ越しオプションあり(有料)サービス運営期間:1年6ヶ月1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。クーポンコード:PK4JK4RJクーポンの使用方法はこちら。安定感抜群のサーバーです。急激なアクセス変動がないアフィリエイトサイトに向いています。詳細ページエックスサーバーMixHostプラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。WINGとにかく速い。サイトに表示スピードを求めるならココ。WINGJETBOY格安な値段で始められる高機能サーバーです。性能も備えつつ最安ならここ。サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。切り替える方法エントリーカードの補足情報表示を切り替える機能の紹介です。投稿者表示は、複数運営者がいるメディア向けです。2018.04.18テーマ設定フッターメニューを設定する方法サイトフッターにある補助メニューの設定方法です。2018.02.22テーマ設定コメント入力欄表示をボタンで切り替えられるようにする方法コメント入力フォームの表示をトグルボタン状に切り替えられるようにする方法です。コメント下に2019.07.12テーマ設定httpページを簡単https化(SSL対応)する方法Cocoonは、簡単にhttpサイトからhttpsサイトに変更できる機能をサポートしています。SSL対応で最も危険なのはデータベース内容の置換です。Cocoonでは、データを置換することなく表示前にSSL対応されたコンテンツとして出力します。テーマ設定から変更する方法です。2018.04.14テーマ設定フッターデザインの変更方法フッターにある「ロゴ」と「フッターメニュー」と「クレジット表記」の配置を変更する設定方法です。2018.03.19テーマ設定フッターのクレジット表記を自由に変更する方法Cocoonテーマのフッター部分にあるクレジット表記を意図通りのものに変更する方法です。2018.03.19テーマ設定プロフィール画像やプロフィール情報、SNSページを設定する方法Cocoonでは、記事の投稿者ごとにプロフィールを設定することが可能です。自前のプロフィール画像設定機能も保持しており、手軽に設定できるようになっています。2018.02.08テーマ設定httpsサイト化後http時代のシェア数を取得する方法サイトのSSL対応後、以前のhttpスキームのSNSシェア数を取得したい場合の設定方法です。00:56申し訳ないですが、ちょっと質問内容の意味が分からないです。詳しく書いていただけると助かります。03:12大変申し訳ありません。ランキング作成で画像・バナータグ部分に画像を入れたいです。横の注釈にイメージ画像のタグを入力して下さいと書いていますがイメージ画像のタグとはどのようなものでしょうか?メディアのライブラリから参照する事は出来るのでしょうか?初歩的な質問で大変申し訳ございません。20:40通常はASP(アフィリエイトサービスプロバイダー)のタグなどを入力します。普通の画像を入力したい場合は、以下のようなimg画像タグを挿入します。alt="">※hrefに入力するURLはメディアライブラリに画像をアップしてURLを取得したものを入力してください。03:33出来ました。本当にありがとうございました。素人すぎて質問の仕方が分からず大変失礼をいたしました。これからももっと勉強します。ありがとうございます。14:33ランキングの画像はアフィリエイトタグ以外の画像を使用できないのでしょうか?例えば、ワードプレスにアップした画像をランキング画像として使用したいです。20:06普通に、アップロード画像でimgタグを作成して入力すれば、使用できると思います。22:02わいひら様お世話になります。cocoonの設定でツイッターカードが上手く反映できません。cocoonの設定に何か不具合があるのでしょうか?xoke2363.comご回答よろしくお願いします。22:54サイトがnoindex状態になっています。http://xoke2363.com/robots.txtおそらくWordPress設定の「表示設定」にある「検索エンジンでの表示」にチェックがついているのではないかと思います。違うようであれば、できればコメントの案内にあるように、質問はフォーラムの方に書き込んでいただいてよろしいでしょうか。https://wp-cocoon.com/community/当ページのように、関連性のないページのコメントに書かれた場合、同様の問題に行き当たった方が見つけづらいですし、コメント機能は低機能なので画像とかがアップしづらいので。ご協力、よろしくお願いいたします。00:12素晴らしいテーマありがとうございます一つ質問があります。すみません教えて下さいこのページのランキングを見ると、左に「詳細ページ」右が「エックスサーバー」と表示されていますが、私の場合は右が「公式ページ」となっています。こちらのページのように、右に「好きな表示名」を表示するにはどのようにしたら良いのでしょうか?教えて下さいませ。私の設定方法の確認不足でしたら申し訳ありません。22:37「ページURL」の代わりに「タグで入力」リンクをクリックしてaタグを用いて入力してみてください。タグ入力だと自由にテキストを変更できます。09:46ありがとうございました。単純な事だったのですねコメントで質問してすみませんでした。次回からは質問などはフォーラムへ参加させて頂きます。19:52ありがとうございます。していただけると、画像もアップしてよりわかりやすく説明できるかと思います。コメントをキャンセルメールアドレスが公開されることはありません。フォーラムにお願いします。Cocoon設定の「スキン」タブで変更できます。新着記事Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】2019.09.092020.02.03Cocoon既知の不具合。