ロゴ
【note:検索上位を狙うブログ理論】一騎当千SEO

Manablog Copy まとめ:ステップ③④⑤ 【応用編】


Manablog Copyを快適に使うために【応用テクニック】を身につけましょう。

応用編には、投稿を便利にする【おすすめプラグイン】やよりユーザーの興味を惹いたり見やすくするための【外観デザイン】の方法、その他調整などをまとめました。

手順通りやれば失敗することはありません。

応用編を身につければ、あなたもManablog Copy マスターです。
身につければ、今後は記事の執筆が3倍は楽しくなるカスタマイズです。

さあ、はじめましょう。

【ステップ③】おすすめプラグイン実装の目次

【③-1】文字装飾プラグインの設定

グーテンベルグエディターを利用した文字装飾プラグインについて学ぶことができます。
本記事の内容:
1.文字装飾プラグインの設定
2.Add RichText Toolbar Buttonを導入

» この記事を読む

【③-2】物販用アフィリエイトプラグインの導入

アフィリエイトに便利な物販商品を紹介するためのプラグインの導入方法を紹介します。
本記事の内容:
1.マナブログコピーに物販用プラグイン『Rinker』を導入する方法
2.物販用プラグイン『Rinker』の設定
3.Amazonアソシエイトの設定
4.楽天アフィリエイトの設定
5.物販用プラグイン『Rinker』の使い方
6.Rinkerで登録した商品を記事で紹介する

» この記事を読む

【③-3】目次の追加設定

投稿記事に目次をつけるための設定を学ぶことができます。
本記事の内容:
1.Manablog Copy 目次の追加設定
2.プラグイン『Table of Contents Plus』の導入
3.CSSの設定

» この記事を読む

【③-4】Google XML Sitemap(サイトマップ)の設定

Google XML Sitemapsの設定について学ぶことができます。 Google XML Sitemapsを設定すると、ブログにGoogleのクローラーが巡回しやすくなるので、結果的に新規記事など検索結果に掲載されやすくなります。
本記事の内容:
1.Manablog Copy Googleサイトマップの設定
2.Google Search Consoleへの登録

» この記事を読む

【③-5】All in One SEO Packの設定

マナブログコピーの公式サイトで推奨されるプラグイン『All in One SEO Pack』の導入について学ぶことができます。
本記事の内容:
1.マナブログコピー All in One SEO Packを導入すると何ができるか?
2.トップページリード文の変更
3.Googleなどの検索結果に表示されるタイトルや概要文を変更できる
4.マナブログコピー All in One SEO Packのインストール
5.ディスクリプションの設定

» この記事を読む

【ステップ④】外観デザイン設定の目次

【④-1】記事にリンクカードを設置する方法

記事内にリンクカードを設置する方法を学べます。
本記事の内容:
1.記事にリンクカードを設置する方法

» この記事を読む

【④-2】スマホ表示中のTwitterツイート埋込幅調整

マナブログコピーのスマホ表示の際のツイート埋め込みが【横幅いっぱい】な状態の修正方法を紹介します。
本記事の内容:
1.スマホ表示 ツイート横幅調整

» この記事を読む

【④-3】スマホでYoutube埋込動画がはみ出してしまう件を修正

ブログにYoutube動画を埋め込んだ際にスマホではみ出してしまう現象の修正方法を紹介します。
本記事の内容:
1.マナブログコピーでYoutube動画を埋め込む方法
2.マナブログコピー 埋め込んだYoutube動画がスマホ表示ではみ出してしまう時の処置

» この記事を読む

【④-4】記事の最下部に人気記事を出す方法

記事の最下部に人気記事を出す方法を紹介します。
本記事の内容:
1.記事の最下部に人気記事を出す方法

» この記事を読む

【④-5】アフィリエイト用申し込みボタンの追加

アフィリエイトでよく使う「申し込みボタン」を設置する方法を紹介します。
本記事の内容:
1.マナブログコピー アフィリエイト用申し込みボタンの追加
2.CSSの設定
3.再利用ブロックの使い方

» この記事を読む

【④-6】トップページ上部のピックアップ部分の修正方法

マナブログコピーのトップページ上部に表示されている『ピックアップ部分』の修正方法が学べます。
本記事の内容:
1.トップページ上部のピックアップ部分の修正方法
2.コードの修正箇所
3.画像のURLの調べ方

» この記事を読む

【④-7】記事下にイチオシ記事を掲載する方法

マナブログコピーの記事下にイチオシ記事を掲載する方法を学ぶことができます。
本記事の内容:
1.記事下にイチオシ記事を掲載する方法

» この記事を読む

【④-8】シェアボタンの修正

シェアボタンの修正方法を学ぶことができます。
本記事の内容:
1.シェアボタンの修正

» この記事を読む

【④-9】検索結果一覧、タグ一覧にリード文を出す方法

検索結果一覧とタグ一覧にリード文を出す方法を紹介します。
本記事の内容:
1.Manablog Copy 検索結果一覧、タグ一覧にリード文を出す方法
2.検索結果一覧にリード文を出す
3.タグ一覧にリード文を出す

» この記事を読む

【④-10】記事冒頭にイラスト付きのリード文を挿入する方法

記事冒頭にイラスト付きのリード文を挿入する方法を紹介します。
本記事の内容:
1.記事冒頭にイラスト付きのリード文を挿入する方法

» この記事を読む

【ステップ⑤】その他の追加設定の目次

【⑤-1】スマホ表示の横ずれを修正する方法

スマホで表示した際の画面が『横にズレる』現象を修正する方法を紹介します。
本記事の内容:
1.スマホ表示の横ずれを修正する方法

» この記事を読む

【⑤-2】Google AdSenseの設置方法

マナブログコピーへのGoogleアドセンスの設置方法が学べます。
本記事の内容:
1.Google AdSenseの設置方法
2.アドセンスのコードを取得する
3.WordPressでの設定

» この記事を読む

【⑤-3】Twitter用のOGP設定をする方法

ツイッター用のOGP設定について学べます。
本記事の内容:
1.Twitter用のOGP設定をする方法

» この記事を読む

【⑤-4】サイドメニューを消したLP(ランディングページ)の制作方法

サイドメニューを消したLP(ランディングページ)の制作方法を学ぶことができます。
本記事の内容:
1.【Manablog Copy】サイドメニューを消したLP(ランディングページ)の制作方法
2.manablogで使っている画像とテキストのレイアウト

» この記事を読む

【⑤-5】グーテンベルグの表組み(テーブル)を使う方法

マナブログコピーで表組み(テーブル)を使う方法を紹介します。
本記事の内容:
1.表組み(テーブル)を使う方法
2.グーテンベルグならテーブルのスタイルが変更できる

» この記事を読む

【⑤-6】ブログ名(ヘッダー)を画像にする方法【スマホのブログ名は別の画像に変更】 

マナブログコピーでブログ名(ヘッダー)を画像にする方法【スマホのブログ名は別の画像に変更】を紹介します。
本記事の内容:
1.ブログ名(ヘッダー)を画像にする方法(ブログ名画像の準備)
2.ブログ名(ヘッダー)を画像にする方法(PHPファイルの編集)
3.ブログ名(ヘッダー)を画像にする方法(CSSを追加する)

» この記事を読む

【⑤-7】ページTOP(最上部)に戻るボタンを設置する方法

マナブログコピーでページTOP(最上部)に戻るボタンを設置する方法を紹介します。
本記事の内容:
1.ページTOP(最上部)に戻るボタンを設置する方法

» この記事を読む

【⑤-8】スマホのハンバーガーメニュー内に検索窓を設置する方法

マナブログコピーでスマホのハンバーガーメニュー内に検索窓を設置する方法を紹介します。
本記事の内容:
1.スマホのハンバーガーメニュー内に検索窓を設置する方法

» この記事を読む

【⑤-9】記事最下部に大きなバナーを設置する方法

マナブログコピーで記事最下部に大きなバナーを設置する方法を紹介します。
本記事の内容:
1.バナーを制作する
2.バナーをアップロードする
3.テーマファイルへのコード追加
4.補足:文字装飾

» この記事を読む

【⑤-10】ヘッダー下にインフォメーション欄を追加する方法

マナブログコピーでヘッダー下にインフォメーション欄を追加する方法を紹介します。
本記事の内容:
1.ヘッダー下にインフォメーション欄を追加する方法

» この記事を読む

【⑤-11】PC版:グローバルナビゲーションの背景色を変更する方法(1月21日)

マナブログコピーのPCのグローバルナビゲーションの背景色を変更する方法を紹介します。
本記事の内容:
1.PC版:グローバルナビゲーションの背景色を変更する方法

» この記事を読む

【⑤-12】スマホ版:ヘッダーの背景色とハンバーガーメニューの背景色を変更する方法

マナブログコピーのスマホのヘッダーの背景色とハンバーガーメニューの背景色を変更する方法を紹介します。
本記事の内容:
1.スマホ版:ヘッダーの背景色とハンバーガーメニュー背景色を変える方法

» この記事を読む

【⑤-13】文字装飾とサイズの微調整(追加:2020年2月1日)

マナブログコピーの文字装飾とサイズの微調整をする方法を紹介します。
本記事の内容:
1.h2タグの文字の太さ
2.h3タグの太さ、大きさ、横の罫線の色
3.bタグの太さ 調整
4.【Manablog Copy】文字装飾とサイズの微調整(h2,h3,bタグ) 設定方法

» この記事を読む