WordPressテーマ「Cocoon」で、記事(投稿ページ)の目次上にリンクユニット広告を表示するための設定方法です。functions.phpやプラグインなどは使用せず、Cocconの「広告」設定を変更するだけで対応可能です。成功すると そのやり方を詳しく紹介します。, Yahoo!メールのエイリアス(セーフティーアドレス)の作り方と振り分け方法を説明します。, 【Cocoon初心者】サイトイメージ・サイトアイコン(ファビコン)を設定しブログのアピールをしよう, 【WordPress+Cocoon】改行の空白が消える問題をCSS・プラグインを使わずに解決. はじめに 『OneTrend』配布中; メルマガ講座; 0からブログで稼ぐ「6step」 20%見つかりましたか? ブログで稼ぐ人がやっていること. ワードプレス cocoonでアドセンスを設置する方法・おすすめ位置はこの4つ. cocoonでアドセンスを設置する方法・おすすめ位置はこの4つ ジョイ 2019-02-27 『cocoon』を使えばアドセンスはめちゃくちゃ簡単に設置することができるし、アドセンスを貼る数も種類も場所も、ワンクリックでできちゃいます。 ショートコード&CSS プラグイン Shortcodes Ultimate 紹介シリーズ 第4回, ショートコード&CSS プラグイン Shortcodes Ultimate 紹介シリーズ 第3回, ショートコード&CSS プラグイン Shortcodes Ultimate 紹介シリーズ 第2回, ショートコード&CSS プラグイン Shortcodes Ultimate 紹介シリーズ 第1回, 階層「数値無し」か「アラビア数字(小数点以下の桁数)」か「ローマ数字」かの選択と階層数値全部表示(入れ子 例1.1)するかの選択, 表示位置 「なし」は左、「フローなし右」は右、中央、「右」と「左」は見出しと重なる, 挿入位置 「最初の見出しの前」、「最初の見出しの後ろ」、「最初のブロックの後(段落または見出し)」、「上(ページの先頭)」、「下(ページの最後)」. joism. プラグイン Getwidは、設定だけで見出しタイトルのカラー、サイズ、表示位置と見出し自体の背景色とサイズをカスタマイズできるものです。, WordPress のプラグイン EditorsKit はGutenbergブロックに関するユニークで便利な操作ができるすぐれたプラグインです。文字色や背景色の変更などのテキストの装飾、リストスタイルの変更と画像スタイルの変更 について紹介します。さらにEditorsKit にはGutenbergブロックのコピー&ペーストとインポート&エクスポートをする機能があります。, WordPress のテーマ Cocoon のテキスト入力で文字色・背景色の変更、特に文字の一部の色変更についてGutenbergの機能とWordpressプラグインEditorsKitを使用した方法を紹介しています。. 目次階層はH2が1、H3が2となります。 プレビューをしてみましょう。目次の表示位置は 最初の目次見出し の直前になります。 画面の「閉じる」は Cocoon の目次設定で「 目次切替 」にチェックが入っている時に表示されます。 ただ、自分の個性をサイトに... 今回は、Google Adsensの話をしようと思います。でも配置についてではありません。皆さんはブログには色々な広告を配置されていると思いますし、広告の適材配置について色々と考えておられると思います。 WordPressの管理画面で「Cocoon設定」をクリックします。 するとCocoonで設定出来る色んな項目が出てくるので、「目次」をクリック。 目次設定が表示されるので、各項目を確認、設定します。 ブログでは目次を作る必要がありますが、Cocoonでは目次はどのようにして作ったらいいのですか。 Cocoon の機能を使用するか、プラグイン例えばオススメの LuckyWP Table of Contents を使用するかは迷いますが、まず Cocoon で作る目次から進めます。 目次 閉じる. サイトや管理人についてはコチラをタップ! ホーム. ジョイ 2019-02-27. Cocoonの目次は見出しクリックでジャンプできて便利!でもジャンプ先の見出しがビミョ~にギリギリで表示される…。 少しだけど位置を調整したい…。, でも、ジャンプした先の見出しがギリギリ見切れそうな状態で表示されるのが気になります。, ほんと、少しだけなんですが下にずらしたいんです、気になるの自分だけかもしれませんが…。, Cocoonの通常の設定ではこの位置を調整できませんが、簡単な追加CSSを使えばこのモヤモヤは解決します。, 今回のCSSを追加すると下記のように位置が少し下にずらせます。さらに、ずらす量の調整方法も紹介します。, (1)WordPress管理画面(ダッシュボード)の 外観⇒ テーマエディターをクリックします。, (2)【Cocoon Child: スタイルシート (style.css)】の画面であることを確認し、コード入力エリアの一番下に下記のCSSコードをコピペして ファイルを更新をクリックします。, 今回のCSSで実際に機能している重要なコードは、下記の囲んだ部分です。(その他はメモ書きのようなもの), 下記の数字の部分を変更すれば、位置の微調整ができるので実際の表示を見ながら自分好みに書き換えてもOKです。(コピペ用の数値は2.5em), もしも何かしらの不具合が出てしまった場合は、今回のCSSを削除すれば元に戻ります。, 今回は、WordPress・Cocoonテーマの目次クリックでジャンプした先の位置を追加CSSで調整して、見出しを見やすくする方法をご紹介しました。, 追加CSSは使えるとサイトのカスタマイズの幅がかなり広がりますので、注意点を押さえた上でうまく活用しましょう。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。, 40代パパ(妻&子供3人)モノづくり中小企業の会社員。10年以上仕事と趣味で得たPCスキルで初心者に解りやすくをモットーに情報シェア!, 2019年6月ブログ開始 ★PV(ページ閲覧数) 最高:65,000pv (月間PV5桁継続中) ¥ブログ月間収益 2020年10月⇒5桁達成, 【好きなモノ一覧】 ・パソコン・ガジェット・ゲーム・マンガ・アニメ・ヒーローモノ映画・ジャンク・中古品・古着・無料コンテンツ, ここでは、WordPress・Cocoonテーマの目次クリックで、ジャンプする先の位置を追加CSSで調整して見出しを見やすくする方法をご紹介します。, 「サイトでカバレッジの問題が新たに検出されました」のメールがGoogle Search Consoleから届き、その原因が「sitemap.html」だった場合の対処方法を初心者にもなるべくわかりやすく解説します。カバレッジの問題を解決。, WordPressのCocoonでサイトの上部にメッセージ通知バーを設置する手順をご紹介します。世界中で蔓延している新型コロナウィルスに関する情報を少しでも促したいので「内閣官房の新型コロナウイルス感染症対策」のサイトへのリンクを設定しました。, WordPressで記事内リンクの末尾にリンクのアイコンを自動で追加する手順をご紹介します。正式名称が解りませんが四角と矢印が合体したようなアイコンでサイトでリンクの末尾にくっついているのを良く見かけますが、設定をすればできるようになります。, 【簡単】家族5人分のマイナンバーカードをオンラインで申請してみた|マイナポイントに向けての準備, Cocoon!目次クリック直後、見出しに余白を入れスッキリ見やすく!コピペCSSカスタマイズ. © 2020 WordPressを徹底解説 - インストールから集客できるブログを作るまで. 1 Cocoonの機能で作る目次. 無料のテーマでたくさんの機能がついているこのテーマにとてもお世話になっています。 上の記事も全くの意味不明でしたが、何度も読み込んでみます!頑張ります〜〜, 若干挫けそうになってましたが・・頑張って着いて行くので、仲良くして頂けたら嬉しいです♪( ´▽`), かおりさん プラグインの紹介のあと、いくつかの多彩な文字表現ができるCSSサンプルを記載していますので、ぜひ見てください。, ブログでは目次を作る必要がありますので、シンプルだけどリンク先を目次にできる Heroic Table of Contents と細かい設定ができておしゃれな LuckyWP Table of Contents を紹介しています。, WordPress のテーマ Luxeritas の文字全部の色変更と一部文字の文字色・背景色を変更します。次に、Luxeritas のカラーパレットを拡張をしたあと、プラグインを使用してさらにカラーパレットを追加してみましょう。 【Cocoonユーザー・初心者向け】Wordpressで目次のカスタマイズをやってみた結果。目次トップ横にアイコンを表示したり、見出し別に文字の表示を変えたり、ホバー時に動きをつけてみました。 好きなことを「とに」かく「書き」たいサイト. WordPressテーマ「Cocoon」では、記事内に目次を表示する機能があります。初期設定だと次のようなデザインになっています。バランスのいいデザインなので、「この形はくずさずに、色だけを変えたい」という方もいるかと思います。そこで今回は wordpressの更新状況をブログで残したい cocoonの目次デザインをシンプル・オシャレにカスタマイズ。H3見出し以下は数字では無く「・」に変更しました。フォントのサイズや色、余白や位置を調整し全体はカラム幅にして見やすくなりました。パステルカラーでスタイリッシュに。 【Cocoon】アドセンス広告の最適位置について調べ設定してみる ... 今回この3か所の中で目次の上と記事下の2か所について、Cocoonではどのようにしたら広告が出せるか調べて設定してみました。 みでは これからお話する内容が、同じように広告の貼り方が気になるあなたのお役にたてばうれしいです。 スポンサーリンク 目次. 実は、サイト運営者側でこれらをブロックできるんです! ただでさえ文章力が無いので、長文になりがちなので、私のような文は特に目次が必要だと思うのですが、作り方がわからず悪戦苦闘していましたが、色々調べてついに出来るようになりました。, 私以外にも、苦戦している方がいると思うので(というか私レベルの人が他にもいて欲しいです、、、。)作り方を紹介したいと思います。, まずはブログ入力方法を変更します。今後吹き出しとか作るにはこちらの方が良いようです(多分), 左のダッシュボードのCocoon設定クリック→Cocoon設定をクリックして下さい。, エディターをクリック→上のGutenbergにチェックが入っている場合はチェックを外してください。その後変更をまとめて保存をクリックして下さい。, 目次を挿入したい行まで行き、見出し2を選択してください。そうすると色がつきますのでそこに目次なる文を書いてください。, 注意点が一つ。目次だけに2つ以上見出しを作らないと、目次を作成してくれません。目次を作成するときは見出しを2つ以上作るようにしてください。, 見出し3を選択し入力するか、入力してある文章を左クリックして見出し3を選択してください。, 左のダッシュボードのCocoon設定から目次の詳細設定もできます。Cocoon設定から目次を選択し、各項目を入力します。, 超初心者やブログ始めたての人用の、Cocoonタイトルロゴのフォント変更方法です。超初心者用にわかりやすく画像付きで説明しています。設定しながら記事を書いたので、同じようにすれば確実に出来ますので、頑張って挑戦してみましょう。, 超初心者、始めたばかりの人用、要注意!わかりやすいパーマリンク編集方法です。パーマリンクはシンプルに人がわかりやすいようにするのが特徴ですが、それ以上に最初の段階で編集することが大事になってきます。編集方法を素人目線で教えます。, 私と同じ超初心者の皆様用にわかりやすいWordpress Cocoonで吹き出しの作り方を作成しました。 私と同じでCocoon初心者の方は一緒に頑張りましょう, 超初心者やブログを始めたばかりの人用のGoole Suarch Console の登録方法の紹介です。検索エンジンについても私なりに説明していますので、Goole Suarch Console の登録方法がわからない方はご覧ください。, Word pressのCocoonで、ブログ内の好きな所に飛ぶ方法を紹介します。方法は2ステップで、リンクとアンカーを設定することで簡単にブログ内の好きな所から好きな所に移動することが出来ます。ぜひ皆さんも試してみてくださいね。, HTMLのサイトマップの作成方法をわかりやすく消化します。このサイトマップはSEO対策ではなく、見に来てくれた方が記事を探しやすくするためのものになります。私たちのようになんでも記事にする場合は、このサイトマップがあったほうが良いと思います。, 【超初心者・これから始める人用】cocoonで吹き出しの作り方。わかりやすく説明します。, Facebook で共有するにはクリックしてください (新しいウィンドウで開きます), 【仮想通貨の自動売買(ミラートレード)】GAINSKY(ゲインスカイ)の8回目結果!. 最近、積極的にwordpressを使用してブログを更新していますが、「こういうことがしたいなぁ」と思うことがあり、それがwordpressで実現できることがわかると少しずつ身につけるよう... googleウェブマスター向け公式ブログより Cocoon設定>広告>アドセンス設定>[ad]ショートコード ☑ [ad]ショートコードを有効にする 詳細設定は「リンクユニット」にすると、このようなスポンサー検索の広告がでます。 目次上の リンクユニットが効果がある と書いてあったのでマネてみました。 Copyright © 2019-2020 とにかき。All Rights Reserved. 僕の話はそれよりももっと基本的な話... CocoonのカスタマイズでCSSを変更(一部Javascriptあり)コピペOKです, コストコでインフルエンザの予防接種ができるって知ってました。予約なし金額も他と安いおすすめです。, Wordpressでpタグやbrタグが消える現象を解決する。(根本原因不明。とりあえず対策実施済), MacBookPro 2011 lateをHDD(ハードディスクドライブ)からSSD(ソリッドステートドライブ)に交換したら体感で3倍早くなった. 2020.06.12. ブログでは目次を作る必要がありますが、Cocoonでは目次はどのようにして作ったらいいのですか。, Cocoon の機能を使用するか、プラグイン例えばオススメの LuckyWP Table of Contents を使用するかは迷いますが、まず Cocoon で作る目次から進めます。, ブロックの見出しを選んで見出しを作成します。目次階層はH2が1、H3が2となります。, プレビューをしてみましょう。目次の表示位置は最初の目次見出しの直前になります。画面の「閉じる」は Cocoon の目次設定で「目次切替」にチェックが入っている時に表示されます。, 最初にプラグイン LuckyWP Table of Contents をインストールしましょう。, 追加画面で、右上のキーワードに LuckyWP Table of Contents と入力し検索します。, プラグイン一覧画面が表示され、「有効化しました」のメッセージと一覧リストの中に LuckyWP Table of Contents が有ればインストールの終了となります。, LuckyWP Table of Contents を使用する場合は、事前に Cocoon の目次表示と重複しないように Cocoon 目次設定の中の目次を表示するのチェックを外しておきます。, プラグイン一覧の中で LuckyWP Table of Contents の設定をしていきます。, タブごとに項目説明をします。赤点線枠の項目はデフォルトではなく変更した内容です。使用する上であまり意味のない項目は除外しました。変更した時はタブごとに「変更を保存」のクリックを忘れないようにしてください。, プレビューをしてみましょう。目次の表示は設定した通り最初の見出しの前になっています。外枠の色、背景の色、タイトル色、目次文字の色は設定した色です。図の1.2と2.1はクリックして一度リンク(飛んだ)したためにグレーの色になっているのです。, 設定の目次を自動挿入が有効(オン)であれば、作成ページの右サイドの最下段にページごとにカスタマイズできる目次バーを表示します。, 設定画面が表示されます。ここでの設定はこのページ限りで元の設定には影響ありません。例えば、ボーダー色とタイトル色を変更してみます。, プレビューすると、2項目は条件変更し、他の項目は元の設定条件の画面が表示されます。, カスタマイズの隣の「目次を無効にする」をクリックすると、このページに目次が非表示になります。, 任意に目次位置を決めるには、まず設定の目次を自動挿入を無効(オフ)にします。ショートコードを挿入する方法と一般ブロックの目次ブロックを使う方法があります。このプラグインのショートコードはです。, 目次を自動挿入を有効にしてショートコードや目次ブロックで指定すると設定の自動挿入位置は無視し指定した位置表示しますしページごとの設定カスタマイズも可能です。, 以上で紹介は終わりますが、プラグイン LuckyWP Table of Contents を詳しく知りたいときはこちらを参照してください。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, WordPressのプラグイン Simple CSS は画面がシンプルなので、初心者でも直感的に使えるプラグインです。 1.1 Cocoon設定. 2 LuckyWP Table of Contentsで作る目次. Cocoonの目次ジャンプする先の位置を追加CSSで調整して見出しを見やすくする方法をご紹介します。Cocoonの目次は見出しクリックでジャンプできて便利ですが見出しがギリギリで表示されるので位置調整したい人向け。初心者もコピペで出来ます。 , WordPressのおしゃれな見出しのデザインは魅力的ですが、カスタマイズは多少CSSなどの知識も必要で面倒なものです。 目次クリック後の表示位置. そこでgooleさんに聞いてみたら「そんなの簡単!」と言わんばかりに検索結果ででてきたので、今回はこの話... Stinger8というWordPressのテーマにしてから少しずつですが、テーマのカスタマイズを行なっています。 まずはブログ入力方法を変更します。今後吹き出しとか作るにはこちらの方が良いようです(多分) 左のダッシュボードのCocoon設定クリック→Cocoon設定をクリックして下さい。 エディターをクリック→上のGutenbergにチェックが入っている場合はチェックを外してください。その後変更をまとめて保存をクリックして下さい。 これで最初の設定は完了です。 同世代なのですね(^^♪ 目次やFontAwesomeを追加するといったことをしています。これで一旦カスタマイズは最後にしようと思います。, 管理画面の外観→メニューで、各メニューのウィジェットのナビゲーションラベルに、iタグで囲まれているFontAwesomeのタグを入力すると、表示されます。, ただ一点気をつけないといけないのが、FontAwesomenoのタグの中に、という箇所のfasはfaと書き換えるということです。, 目次の背景色を変えても特に違和感がなさそうでしたので、変えてみました。変えた色は桜(#FEDFE1)にしています。, AMPではgistのembedでは表示されませんので、こちらのリンクからソースを参照してください。, Cocoonには、目次が設定される機能を持っています。仕組みとしてはhタグで定義された文字列が目次として表示され、それをクリックすると、hタグが定義されている場所に移動するというものです。, この機能、とても便利で使わせていただいていますが、ちょっとだけ気になるところがあります。, せっかくの見出しが見えないのはちょっとかなしいというかがっかりなんで、ちょっとCSSで弄くりました。, 具体的なソースですが、こちらのサイトからそのまま拝借させていただきました。ありがとうございます。, https://bibabosi-rizumu.com/cocoon-toc-padding-top/, 僕のh3タグは、文字列と左右に線が入るものなんですが、その文字の部分が先程定義した分だけ下がってしまいました。, 仕方ないので、左右の線は個別にCSSで下げました。使用したのはmargin-topです。, https://s41t0h.jp/cocoon-fa-icon-sidebar/, このCSSサイドバーに表示できるウィジェットを網羅されているのですが、アーカイブがなかったので、アーカイブについては自分で作成をしました。と言っても、大したことはしておらず、.widget_archiveというクラスを作って、そのクラスのh3タグにFont Awesomeのアイコンをくっつけるという処理をしただけです。, 機能的な追加はこのあたりにしておこうと思います。あとはデザインです。配色のことについてはちょっと色々としてみたいので、その辺を勉強しつつ、ブログのイメージを固めていこうと思います。, あと、作っている途中のプロフィールも上げていこうと思っています。今のブログは情報量はある程度溜まっているのですが、あまり作者の顔が見えないというか。なんかとても無機質な感じがします。僕が無機質な文章を書くので、どうしてもテイストが無機質になります。なので、プロフィールを作ってブログを生きた感じにしたいと思います。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。, 人事コンサル(5年)→自動車関係製造メーカー(5年)→メガファーマー(3年)→半導体関連メーカー(1年)で人事しています。, 三児の父親です。最近わざわざイクメンなんて言葉を使わないといけないのか疑問なんでもう使っていません。, 人事・総務のプロで3人の子供がいるウクレレ奏者のdaimacがいろんなことをするblog. ぜひぜひ仲良くしてくださいネ。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, 持ち物を減らしながら身も心も軽くして、楽しく生きて行きたいと思う60代ブロガーです。 目次コンテンツ(見出し)部分は「toc-content」というセレクタで扱われています。 ただし、文字色に関してはCocoonの親テーマで「toc a」に「color:#333」の指定がされているので、ここでは「toc-content a」を使って上書きしています。 目次のデザインサンプル 本当に尊敬します!私も【みではさん】みたいになりたい^ ^ 私のブログへの初コメントです~うれしいです。 お若い方が多いリベシティーの中で、同年代の方と会えるなんて本当に本当に嬉しいです!, 私なんて、やっとやっとWordPress→Conoha→cocoonで設定がどうにか終わり・・投稿が出来るかな〜っといった状態です(私の設定は合ってるのかな???) 詳しいことはgoogleのウェブマスター公式ブログを読んでいただければわかるのですが、要するに、今後googleはスマートフォン向けのサイトを作らないサイトはランキングとして低くなると... アクセス数を調べるためにはGoogleAnalyticsを使えば良いのですが、どれだけの方がRSSで登録されているのか気になります。 サイト運営(&定期報告ログ) スポンサーリンク. 目次は、その内容を検索する際において利便性を与えるために付与される箇条書き形式のページもしくはその集まりである。情報処理分野の情報検索においてはインデックスという考えもあるが(中略)ネット上の文書においては各節・章へのリンクを列記している場合が多い。https://ja.wikipedia.org/wiki/%E7%9B%AE%E6%AC%A1, 読んでもらうために使う機能なのに、目次に情報を詰め込んだばっかりに離脱されたら意味がない、と。私の親切心が見づらさに繋がってしまったようでした。, 新聞の見出しを作る感覚で、文字数を削ったり、表現を他の言葉に変えたりして洗練することも有効ですね。, 関連 Cocoonスキン「Season(シーズン)」を作りました!【WordPress】, 私が確認できたコードを置いていますので、作業環境によって反映できるコードが異なるかも。編集しやすくするため日本語で要素をあわせて書いてますが、無くても大丈夫。お好みで。, 目次タイトル:もくじ目次切り替え:open / close目次表示の深さ:H4見出しまで目次ナンバーの表示:表示しない, 「もくじ」など表記をひらがななどにしたい場合は、カスタマイズではなくCocoon設定から変更します。, ① 「icons ▼」から好きなアイコンを決める② 個別ページを開き、Unicode:欄をコピー③ CSSへ貼り付け, パソコンとモバイルでの表示が若干違うのですが、調整方法がいまいちつかめません。また今度。, 目次にカーソルを置く・タップした時に選択部分がわかりやすいと良いかなと思い、ホバー時のカスタマイズも追加。, 実際はスマホからタップても挙動なんかわからんけど、まぁ見えた方がいいかな程度ですね。, 動く幅を変えたければ『margin-left』の値を調整。もっと大きく動かすこともできます。限界を超えろ。, パソコンで操作した時の画面の様子です。※再生できない場合は閲覧ブラウザを変えてみて。でもそこまでして見なくていいです。, もっと適切なコードがあるかもわかりませんが、異常なく表示されたらオッケー!ということで。, 強制終了の原因は自分だと気づいたので、思考や心の話から趣味に関する情報まで発信中。, 【設定手順】無料プランから使えるレンタルサーバー『XREA』でWordPressをダウンロードしよう, 作ったリンクを自分好みのデザインに!カエレバ・ヨメレバをカスタマイズしたい初心者でも使えるCSSを紹介。表示されないボタンの表示/リンクのズレ調整/余白をなくす/ボタンを丸く/商品タイトル周辺/枠線の色・太さ・背景色, Wordpress無料テーマ『Cocoon』内機能「フッターモバイルボタン(モバイルスライドイン)」で表示が崩れる不具合?検証と、アイコン色・文字色・背景色変更のカスタマイズまとめ。, ガチで新規ドメインの個人サイトでも、変化はある―そんなちょっとした動きと、やってよかった&やればよかったことをまとめております。技術面以外のサイト運営記事を探している方に参考となれば。, 【ワードプレス向け・文例コピペOK】企業が使うものと思いがちな「プライバシーポリシー」。個人サイトやブログでも使えるように、作り方と文章の例をまとめました。, 【XREAの場合】Wordpressの管理画面にログインすると「403エラー」になる!原因不明 or 原因に覚えが無い状況での一時的な対処法を紹介。, レンタルサーバー「XREA(エクスリア)」を使ってWordpressをインストールする作業手順を、画像付きでわかりやすく紹介。. 1.2 見出し作成. Cocoonには、目次が設定される機能を持っています。仕組みとしてはhタグで定義された文字列が目次として表示され、それをクリックすると、hタグが定義されている場所に移動するというものです。 学長の【お礼を言いたい方】のコメントをみてブログを探しました( ^∀^) その中でWordPressの記事一覧の中に、GoogleAdsenseの広告を埋め込むことができるということで、その作業を行... D@imaclogはWordPressで運用しています。テーマは最近リリースされたCocoonというものを使用しています。 ブログで収益を上げたいと思ったとき、Google AdSense(グーグルアドセンス)の審査に合格してブログにGoogleの広告を貼るという方法があります。, グーグルアドセンスはクリック報酬型広告といい、表示されている広告がクリックされた時点で報酬が発生するプログラムになっています。, そのためアドセンスの審査に合格した後は広告を表示させるために、広告コードをブログに貼らなければいけません。, Cocoonは無料テーマですが 初心者にとてもやさしくできていています。Cocoon設定の中に広告コードを貼る場所が用意されています。, 私はアドセンス合格後、Cocoon指定の場所に広告コードを貼ったまま、ほぼ放置状態でした。, アドセンス収入が2桁から3桁に上がったのを期にもう少しクリックされやすい位置に広告が出せるように見直すことにしました。, 今回この3か所の中で目次の上と記事下の2か所について、Cocoonではどのようにしたら広告が出せるか調べて設定してみました。, これからお話する内容が、同じように広告の貼り方が気になるあなたのお役にたてばうれしいです。, 私はこのブログを始める4年ほど前にもWordPressでブログ運営をしている時期がありました。, それなのに…..ブログが続かなくて、今はサーバーも解約しているのでそのブログ自体が存在しません。, それは大丈夫!最初のブログがなくても申請できます。最初のブログを申請した時と同じアドセンスIDでログインして サイトの追加で申請です。, アドセンスIDはひとりひとつと決められています。新たに別のアドセンスIDを取得するのはNGです, Chromeなどの検索窓に site:自分のブログアドレス を入力して検索してみてください。, Cocoon設定>広告>アドセンス設定の順に進み コピーした広告コードを貼ります。, 審査用コードは青い〇で囲まれたその他アクセス解析・認証コード設定のヘッド用コードの場所です。, 「アドセンス認証コードもこちらに貼り付けて、審査を受けるのが最も楽かと思います。」というCocoon開発者わいひらさんのコメントも入っている個所です。, 合格後Google AdSenseサイトにログインすると ピンクのバーの警告が出ていることがあります。, そんな時はこちらを参考にしてください。サーバーはカラフルボックスですが、ほかのサーバーも対処法もほぼ一緒です。, ここまでしておくと 記事を公開した時に広告表示位置で☑を入れた場所に広告が表示さます。, 広告の表示位置ではインデックスページのトップも同じリンクユニットの広告にしています。, こちらも自動広告を無効にする必要がありますが 設定をすでにオフにしているので 何もしなくてOKです。, Googleは露骨な性的描写を含むコンテンツを禁止していますが、広告は別のようです。, アドセンスは自分のウェブサイトやブログに広告を設置して収益を得るシステムですがどのような広告を出すかはブログ運営者側では決められません。, アクセスが増えてきたら設置場所を変えてみたり、1個ずつ増やしてみたりして試してください。, 正解はブログごとに違いますし、同じブログでもずっと同じ位置が最適とも限りませんからね。, まずは100記事めざして亀速でもコツコツ記事を積み上げて行くことを第一していきたいと思います。, 初めまして!

Džり Aa Âマホ 38, Mac Itunes Ő期 4, Ãアノ ɛ易度 B 5, Ãロジェクタースクリーン ȇ作 ǔ地 4, Asus E203m Ãモリ増設 4, Âレナ Âバポレーター Ťし Ɩ 15, ō沢直樹 Ɯ終回 Ň向 6, Cstring Ʌ列 ň期化 22, Dmr Bct1060 Âマゾンプライム 5, Ə気扇 Ʊれる ʼnに 4, Ps4 Ãイッター Ãッシュタグ 5, Ť学 Áの数学 Áんj 6, Áどり Á Á Ãレミアム Ȥ数 ǫ末 15, Ff14 Ż築物権利証書 Âロガネ 10, Ãイクラ Âマンド Ɋ Modなし 50, Ŋ場 Ƙ画 ĺ口 20, Oanda Âンジケーター Ãウンロード 14, Âンデレラ Âキル5から6 Âキルチケット 29, Ƥ便 żっかかる Ŏ因 36, Ãチンコ St機 ĸ覧 12, Ãフオク Ņ札金額 Ť更 30, Ãザ Ű麦 Áし 4, Ɲ京 Ãヨタ Ž員 5, Âンスタントポット Âストコ ŏコミ 4, Fラン ȡく Á 53, Pubg Âラン ɚ長 ȭる 21, ſ摩 Ãン Ů Š所 15, Quick Time Player Iphone ɟが出ない 7, ǔ姜湯 ůる前 Ťる 4, ȍ野行動 Ãイス ŏ響 52, ȇ炊 Âキャナ Ãンタル 5, ɻい砂漠 Wz ś避 6, Ãイト Ⱦめる 3ヶ月 30, Vg245h Vg245he Ɂい 32, Âプレッドシート Ņ角 Â半角に 5, ĺ大 ə試 Ō学 8,