Gladiusマニュアルサイト。コピペ記事。その１０．　＃サイトアフィリエイト

サンプル投稿記事

クリックで各見出しに飛びます。右下のマルをクリックすると戻って来ます。

1 サンプル投稿記事
2 サイトアフィリの基礎知識から具体的な取り組み方法を解説しています。 Gladiusマニュアルサイト。コピペ記事。
3 保護中: 【期間限定特典】キーワード選定のポイント動画集。
4 【特典】イラスト素材集
5 保護中: 【特典】サイト作成実例（仮想通貨ジャンル）
6 【特典】検索エンジン最適化（SEO）スターターガイド解説動画
7 【特典】サイト作成/ライバルチェックシート
8 保護中: 【特典マニュアル】グラディウス[黒]
9 【特典】簡単に枠装飾やボタンを追加する方法（ワードプレス）
10 サンプル投稿記事
11 AddQuicktagの設定手順と使い方
12 まとめ。絶望的な状況でこそ、生物は進化する。
13 ボーダーの活動拠点を紹介します。

サイトアフィリの基礎知識から

具体的な取り組み方法を解説しています。

Gladiusマニュアルサイト。コピペ記事。

保護中: 【期間限定特典】キーワード選定のポイント動画集。

保護中: 【特典】サイト作成実例（仮想通貨ジャンル）

【特典】検索エンジン最適化（SEO）スターターガイド解説動画

【特典】サイト作成/ライバルチェックシート

保護中: 【特典マニュアル】グラディウス[黒]

【特典】簡単に枠装飾やボタンを追加する方法（ワードプレス）

AddQuicktagの設定手順と使い方

【保護中】となっているコンテンツは既に更改が終了したコンテンツとなります。パスワードをご存じの方以外は閲覧できませんのでご了承下さい。

保護中: 【期間限定特典】キーワード選定のポイント動画集。

特典
この投稿はパスワードで保護されているため抜粋文はありません。

【保護中】となっているコンテンツは既に更改が終了したコンテンツとなります。

【特典】イラスト素材集

特典
このページで配布している素材はGladius購入者様限定で利用いただけるオリジナルのイラスト素材です。基本的に自由に利用いただけますが、著作権は放棄していませんので素材利用規約を確認した上で使用してください。素材は随 […]

このページで配布している素材はGladius購入者様限定で利用いただけるオリジナルのイラスト素材です。

基本的に自由に利用いただけますが、著作権は放棄していませんので素材利用規約を確認した上で使用してください。

素材は随時追加していきます。

また、もし追加してほしいイラスト素材がある場合は質問・お問い合わせフォームよりご連絡ください。すべての要望にお答えできる保証はありませんが、要望が多いものについては優先して素材を追加していきます。

目次
イラスト素材（男性）
ビジネスA（18種類）
ビジネスB（18種類）
ビジネスC（18種類）

医療系A（18種類）
医療系B（18種類）
医療系C（18種類）

店員A（18種類）
店員B（18種類）
店員C（18種類）

私服A（18種類）
私服B（18種類）
私服C（18種類）

イラスト素材（女性）
ビジネスA（18種類）
ビジネスB（18種類）
ビジネスC（18種類）

医療系A（18種類）
医療系B（18種類）
医療系C（18種類）

店員A（18種類）
店員B（18種類）
店員C（18種類）

私服A（18種類）
私服B（18種類）
私服C（18種類）

素材利用規約
受け取られたイラスト素材は個人、法人、商用、非商用を問わず無料で利用可能です。利用に当たって編集・改変を加えることができます。クレジットの表記やメール連絡も必要ありません。しかし、著作権は放棄しておりませんので、以下の禁止事項を確認した上での利用をお願いします。

禁止事項
以下の形での利用は禁止です。

公序良俗に反する目的での使用
素材のイメージを著しく損なう形での利用
素材をそのまま、あるいは改変して再配布・販売すること（LINE クリエイターズスタンプ等も含みます）
その他著作者が不適切と判断した場合
その他
イラスト素材を利用することによって発生したトラブルについては一切責任を負いかねます。
https://gladius-o.com/sa-manual/sozai-illust/

保護中: 【特典】サイト作成実例（仮想通貨ジャンル）

特典
この投稿はパスワードで保護されているため抜粋文はありません。

【特典】検索エンジン最適化（SEO）スターターガイド解説動画

特典
ZIGです。ここではGoogleが公開している「検索エンジン最適化（SEO）スターターガイド」の解説動画をまとめています。検索エンジン最適化（SEO）スターターガイド https://support.google.c […]
ここではGoogleが公開している「検索エンジン最適化（SEO）スターターガイド」の解説動画をまとめています。

検索エンジン最適化（SEO）スターターガイド
https://support.google.com/webmasters/answer/7451184?hl=ja

読んでみたけど内容がよく分からない・・・という方は参考にしてください。

目次
このガイドの対象読者

はじめに

Google がコンテンツを見つけられるようにする

Google（とユーザー）がコンテンツを理解できるようにする

▼Fetch as Googleのレンダリングリクエスト画面▼

ページが同じように表示されていれば、クローラーにも訪問者と同じようにサイトが認識されているという事です。

Google 検索結果での表示を管理する
構造化データの話なので、とりあえず確認する程度でOKです。

ちなみに構造化データのマークアップ自体が重要ではないという事はありません。やれるならやった方が良いという事も覚えておいてください。

ただ、緊急性が高いものではないので、とりあえず後回しにしておいて良いという意味です。

サイトの階層を整理する

コンテンツを最適化する

画像を最適化する

サイトをモバイルフレンドリーにする

ウェブサイトを宣伝する
あまり大したことは書いてありません（爆

要するにリンクを集めるために色々と施策すること自体は理解するけど、極端なことやるとペナルティ受けるよ、という話。

検索のパフォーマンスとユーザーの行動を分析する
要するにサイトの評価を上げる上でサーチコンソールとGoogleアナリティクスを使ってね！

という話です。

まとめ
ざっくりまとめるとこんな感じですね。

・スターターガイドで解説してることをひとつひとつちゃんとやると検索順位が上がる可能性がある
サイトは基本的に自動でインデックスされるけど、サーチコンソールに登録＆サイトマップ送信が確実
ちゃんとしたサイト作った方がインデックスはされやすい。そういうサイトを作るには専門家のアドバイスも参考に
・検索ユーザーにも検索エンジンにも分かりやすいサイトを作ること
・インデックス登録させたくないページはちゃんと設定すること
・固有のタイトル・ディスクリプションを使用すること
・見出しを適度に、正しく使うこと
・構造化データを活用すること
・分かりやすい階層構造でサイトを作ること
・分かりやすいURLを付けること
・質の高いコンテンツを作ること
・アンカーテキストは分かりやすく簡潔に
・画像のファイル名とaltテキストは分かりやすく簡潔に
・モバイルフレンドリーなサイトを作ること
・サイトを宣伝するのはOK。しかし過度にやるのはダメ
・サーチコンソールとGoogleアナリティクスを活用すること

常に意識するようにしてください。
https://gladius-o.com/sa-manual/google-seo-guide/

【特典】サイト作成/ライバルチェックシート

特典
サイト作成/ライバルチェックシートはグラディウスで解説している作業をチェック形式でまとめたシートになります。

ひとつひとつチェックして作業を進めて行けば、作業の漏れ・抜けを防げるよう作成していますので、サイト作成・ライバルチェックに活用して下さい。

目次
サイト作成/ライバルチェックシートダウンロード
以下よりダウンロードできます。

チェックシートダウンロード

チェックシートの使い方
チェックシートは「サイト作成チェックシート」と「ライバルチェックシート」がセットになっています。

サイト作成シート
サイト作成シートはジャンル・案件選定からコンテンツの作成までの作業において、クリアしておくべき点をまとめました。

作業を勧めながら、クリアした項目にチェックを入れて行けばポイントを外さないようになっています。

サイト作成に慣れていない方はチェックを入れながら作業を進めてください。

ライバルチェックシート
ライバルチェックシートはライバルチェックの際に確認しておきたい項目をまとめています。

項目は以下の通り。

サイトタイトル
サイトURL
上位表示しているページのコンテンツ内容
インデックス数
バックリンク数
文字数
単語数
インデックス数・バックリンク数・文字数・単語数については数値を入力していくと平均値が自動的に算出されるようになっています。

この数値を確認すればおおよそどの程度のコンテンツを作ればいいか？どの程度のSEO対策をしなければならないかの参考になります。

また「上位表示しているサイトのコンテンツ内容」は自サイトのコンテンツを考える際の参考にしてください。

ライバルサイトがどんな内容を記載しているか？シートにまとめておくとコンテンツも作りやすいでしょう。

※ちなみにインデックス数・バックリンク数はトップページが上位表示しているアフィリエイトサイトの情報のみ入力してください。個別ページが上位表示しているサイト・そもそもアフィリエイトサイトではないサイトの情報まで入力すると参考になりません。
https://gladius-o.com/sa-manual/checksheet/

保護中: 【特典マニュアル】グラディウス[黒]

特典
この投稿はパスワードで保護されているため抜粋文はありません。

【特典】簡単に枠装飾やボタンを追加する方法（ワードプレス）

特典

このページではプラグインを活用し、ワードプレスで手軽に枠線やボタンのバリエーションを増やす方法を紹介します。

コンテンツのアクセントにもなりますので、ワードプレスでサイトを作成する方は是非活用して下さい。

目次
簡単に様々な枠線・ボタンを投稿に挿入できます
ここで紹介する方法で、以下のようなボタンや枠線を簡単に利用できるようになります。

ちなみに以下のボタンバナーは全て画像ではなくCSSのみで作られています。

試しにボタンにカーソルを合わせてみてください。様々な動きをするのが分かるはずです。

サンプルボタン１

サンプルボタン２

サンプルボタン３

サンプルボタン４

サンプルボタン５

こうした動きは画像ボタンではなかなか再現できません。

しかし、CSSを使えば簡単に作れてしまいます。

枠線も様々なバリエーションを簡単に導入できます。

枠線サンプル１
枠線サンプル２
枠線サンプル３
枠線サンプル４
枠線サンプル５
使用するプラグイン
AddQuicktagとSimple Custom CSSのプラグインを使用します。

なので先にこの2つのプラグインをインストールしておいてください。

AddQuicktagは以下のページでインストールから使い方まで詳しく解説しています。

AddQuicktagのインストールおよび使い方

Simple Custom CSSはインストール＆有効化すれば特に設定の必要なくそのまま使えます。

設定手順
それでは例として、以下のボタンを投稿に挿入する手順を解説します。

サンプルボタン

このボタンは以下のHTMLタグとCSSで構成されています。

HTML

サンプルボタン
1
サンプルボタン
CSS

.btn-sample {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #e74c3c;
border: solid 2px #e74c3c;
border-radius: 3px;
transition: .3s;
}

.btn-sample:hover {
background: #e74c3c;
color: #fff;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.btn-sample {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #e74c3c;
border: solid 2px #e74c3c;
border-radius: 3px;
transition: .3s;
}

.btn-sample:hover {
background: #e74c3c;
color: #fff;
}
まず、Simple Custom CSSに上記ボタンのCSSを登録します。

ワードプレスの管理画面、「外観」⇒「カスタムCSS」をクリックします。

Simple Custom CSSの編集画面が表示されます。

「*/ カスタムCSSをここに入力してください */」の記載は削除してOKです。

ここで先ほどのボタン用のCSSをコピペしてください。

コピペしたら「カスタムCSSの更新」をクリックします。

更新すると「カスタムCSSの更新に成功しました」と表示されます。

これでCSSの設定は完了です。

次は先ほどのHTMLタグをAddQuicktagに設定します。

↓HTMLタグはこれですね。

サンプルボタン
1
サンプルボタン
「設定」⇒「AddQuicktag」をクリック。

ボタン名とタグを入力します。

ボタン名：サンプルボタン（ここは分かりやすい名前でOKです）
開始タグ：
終了タグ：
ボタン名・開始タグ・終了タグを入力し、右側のチェックボックスにすべてチェックを入れたら「変更を保存」をクリックします。

これでタグの登録も完了しました。

さっそく記事にボタンを投稿してみましょう。

①まず、投稿画面で「サンプルボタン」とテキストを入力

②クイックタグの中から先ほど設定したボタン用のタグを呼び出します

※実際ボタンを作る際は「●●はこちら」といった感じのテキストを入力してください。

今回は「サンプルボタン」と入力したので、サンプルボタンを選択ですね。

これで投稿にボタンが挿入されました。

このようにカスタムCSSにCSSを登録・AddQuicktagにHTMLタグを登録しておけば、いつでも上記のボタンを呼び出すことが出来るようになります。

同じように枠線も追加してみましょう。

今回は以下のシンプルな枠線を追加します。

サンプルの枠線
この枠線は以下のHTMLとCSSで構成されています。

HTML

サンプルの枠線

CSS

.box-sample {
border: 3px solid #f1c40f;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
1
2
3
4
5
6
.box-sample {
border: 3px solid #f1c40f;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
手順は先ほどのボタンと同様です。

まずSimple Custom CSSに枠線用のCSSを追加します。

先ほどのボタン用のCSSの下に追加する形でOKです。

（その後も追加したいCSSは改行して追加していけばOKです）

追加したら忘れず「カスタムCSSの更新」をクリックしておきましょう。

次に、AddQuicktagに枠線用のタグを登録します。

ボタン名：サンプル枠線（ここは分かりやすい名前でOKです）
開始タグ：

終了タグ：

右側のチェックボックスにも忘れずチェックを入れ、「変更を保存」をクリックします。

これでタグの登録も完了です。

では、同じように投稿画面で枠線タグを呼び出してみましょう。

①まず、投稿画面で「サンプルの枠線」とテキストを入力

②クイックタグの中から先ほど設定した枠線用のタグを呼び出します

※実際は枠線内に入れたい文章を入力してくださいね！

すると、先ほどの枠線が投稿に挿入されます。

以下のページで実物が確認可能です。

サンプル投稿記事

このように、予めCSSとHTMLタグを登録しておけば、様々なデザインのボタンや枠線を呼び出すことが出来るようになります。

コンテンツの見栄えも大きく変わりますので、是非活用してください。

ボタンバリエーション
以下に最初に紹介したボタンのHTMLとCSSを記載しておきます。

こちらをSimple Custom CSSとAddQuicktagに登録しておけば、投稿画面でいつでも投稿に挿入することが可能です。

サンプルボタン１

HTML

サンプルボタン１
1
サンプルボタン１
CSS

.btn1 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #fff;
border: solid 2px 6795fd;
border-radius: 3px;
background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
transition: .3s;
}

.btn1:hover {
background-image: -webkit-linear-gradient(#67ceff 0%, #6795fd 100%);
background-image: linear-gradient(#67ceff 0%, #6795fd 100%);
color: #fff;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.btn1 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #fff;
border: solid 2px 6795fd;
border-radius: 3px;
background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
transition: .3s;
}

.btn1:hover {
background-image: -webkit-linear-gradient(#67ceff 0%, #6795fd 100%);
background-image: linear-gradient(#67ceff 0%, #6795fd 100%);
color: #fff;
}
サンプルボタン２

HTML

サンプルボタン２
1
サンプルボタン２
CSS

.btn2 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #e74c3c;
border: solid 2px #e74c3c;
border-radius: 30px;
transition: .3s;
}

.btn2:hover {
background: #e74c3c;
color: #fff;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.btn2 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #e74c3c;
border: solid 2px #e74c3c;
border-radius: 30px;
transition: .3s;
}

.btn2:hover {
background: #e74c3c;
color: #fff;
}
サンプルボタン３

HTML

サンプルボタン３
1
サンプルボタン３
CSS

.btn3 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
background-color: #668ad8;
color: #fff;
box-shadow: 0px 0px 0px 3px #668ad8;
border: dashed 1px #FFF;
transition: .3s;
}

.btn3:hover {
background: #fff;
color: #668ad8;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.btn3 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
background-color: #668ad8;
color: #fff;
box-shadow: 0px 0px 0px 3px #668ad8;
border: dashed 1px #FFF;
transition: .3s;
}

.btn3:hover {
background: #fff;
color: #668ad8;
}
サンプルボタン４

HTML

サンプルボタン４
1
サンプルボタン４
CSS

.btn4 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #46A862;
border: solid 2px #46A862;
border-radius: 3px;
background: -webkit-repeating-linear-gradient(-45deg, #C1EFD1, #C1EFD1 3px,#E3EDE6 3px, #E3EDE6 7px);
background: repeating-linear-gradient(-45deg, #C1EFD1, #C1EFD1 3px,#E3EDE6 3px, #E3EDE6 7px);
transition: .3s;
}

.btn4:hover {
background: -webkit-repeating-linear-gradient(-45deg, #C1EFD1, #C1EFD1 5px,#E3EDE6 5px, #E3EDE6 9px);
background: repeating-linear-gradient(-45deg, #C1EFD1, #C1EFD1 5px,#E3EDE6 5px, #E3EDE6 9px);
color: #46A862;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.btn4 {
display: inline-block;
padding: 0.5em 2em;
text-decoration: none;
color: #46A862;
border: solid 2px #46A862;
border-radius: 3px;
background: -webkit-repeating-linear-gradient(-45deg, #C1EFD1, #C1EFD1 3px,#E3EDE6 3px, #E3EDE6 7px);
background: repeating-linear-gradient(-45deg, #C1EFD1, #C1EFD1 3px,#E3EDE6 3px, #E3EDE6 7px);
transition: .3s;
}

HTML

サンプルボタン５
1
サンプルボタン５
CSS

.btn5 {
display: inline-block;
width: 300px;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 60px;
outline: none;
position: relative;
z-index: 2;
background-color: #333;
border: 2px solid #333;
color: #fff;

}
.btn5::before,
.btn5::after {
position: absolute;
z-index: -1;
display: block;
content: ”;
top: 0;
width: 50%;
height: 100%;
background-color: #333;
}
.btn5,
.btn5::before,
.btn5::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: .3s;
transition: all .3s;
}
.btn5:hover {
background-color: #fff;
border-color: #fb9935;
color: #fb9935;
}
.btn5::before {
right: 0;
}
.btn5::after {
left: 0;
}
.btn5:hover::before,
.btn5:hover::after {
width: 0;
background-color: #fb9935;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
.btn5 {
display: inline-block;
width: 300px;
height: 60px;
text-align: center;
text-decoration: none;
line-height: 60px;
outline: none;
position: relative;
z-index: 2;
background-color: #333;
border: 2px solid #333;
color: #fff;

CSSで作るボタンデザインは検索するとたくさん見つかります。

様々なデザインがありますので、参考にしてみると良いでしょう。

CSSで作る！押したくなるボタンデザイン100（Web用）

CSS・HTMLで作るweb用ボタンデザイン110選

CSSのみで実装するボタンデザインやホバーエフェクト 20＋α

ちなみに「CSS ボタン」と検索すれば他にも数多くのサイトが見つかります。

気に入ったボタンデザインがあれば、自サイトで利用してみてください。

枠線バリエーション
枠線のHTMLとCSSも以下にまとめておきます。

枠線サンプル１

枠線サンプルその１

.box1 {
border: 3px solid #424242;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
1
2
3
4
5
6
.box1 {
border: 3px solid #424242;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
枠線サンプル２

枠線サンプルその２

.box2 {
border: 1px dotted #424242;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
1
2
3
4
5
6
.box2 {
border: 1px dotted #424242;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
枠線サンプル３

枠線サンプルその３

.box3 {
border: 2px solid #424242;
background-color: #E6E6E6;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
1
2
3
4
5
6
7
.box3 {
border: 2px solid #424242;
background-color: #E6E6E6;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
枠線サンプル４

枠線サンプルその４

.box4 {
border: 1px dotted #424242;
background-color: #E6E6E6;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
1
2
3
4
5
6
7
.box4 {
border: 1px dotted #424242;
background-color: #E6E6E6;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
枠線サンプル５

枠線サンプルその５

.box5 {
border: 3px solid #FF4000;
background-color: #F3F781;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
1
2
3
4
5
6
7
.box5 {
border: 3px solid #FF4000;
background-color: #F3F781;
border-radius: 5px;
margin: 2em 0;
padding: 2em;
}
CSSで実装できるボタンデザインを配布しているサイト

同じく枠線のデザインも数多くのサイトがサンプルを紹介してますので、気に入ったデザインがあれば自サイトに導入してみてください。

【CSS】おしゃれなボックスデザイン（囲み枠）のサンプル30

CSSで作るおしゃれなボックス（囲み枠）のデザインサンプル13パターン

枠線の場合は「CSS 枠線デザイン」で検索すると枠線デザインを配布しているサイトを見つけやすいです。

補足：表示が崩れてしまった場合
Simple Custom CSSにCSSを貼り付けた後、サイトの表示が崩れる場合があります。

もし表示が崩れてしまった場合は、崩れる直前にカスタムCSSに貼り付けた記述を削除しましょう。それで元に戻ります。

表示崩れはCSSを全文そのまま貼り付けていなかったとか、CSSを自分で弄った場合に起きます。

なので、CSSが途中で切れていないか？

自分でCSSを弄って誤った記述になっていないか？確認してください。

まとめ
というわけでワードプレスで様々なデザインのボタンや枠線を追加する方法を解説しました。

CSSがよく分からなくても、デザインはたくさんWEB上で配布されてますので、それらを利用させて貰いましょう♪

Simple Custom CSSとAddQuicktagを使えば、投稿への挿入も非常に簡単です。

また、CSSやHTMLがある程度分かる方は配布されているデザインをアレンジすればオリジナルのボタンや枠線がいくらでも作れます。

ライバルサイトとの差別化に活用してみてください。
https://gladius-o.com/sa-manual/css-btn-waku/

AddQuicktagの設定手順と使い方

ワードプレス
AddQuicktagの設定手順と使い方
ここではプラグイン「AddQuicktag」を使い方を解説します。AddQuicktagをインストールする際の参考にしてください。

なお、こちらのyoutubeで動画解説もしてますので、動画の方が良い方はこちらへどうぞ。

目次
AddQuicktagとは？
AddQuicktagはあらかじめ登録したタグをワンクリックで入力ことができるプラグイン。

記事作成の効率化に大きく貢献してくれますので、是非利用することをおすすめします。

AddQuicktagのインストール
プラグインの新規追加から「AddQuicktag」を検索します。

検索結果からAddQuicktagを見つけたらインストールをクリック。

忘れず有効化してください。

AddQuicktagの設定手順
有効化すると、設定メニューの中に「AddQuicktag」が追加されますので、こちらをクリック。

クイックタグの設定画面が表示されます。

とりあえず例として、太字のタグを設定してみましょう。

設定は以下の通り。

ボタン名：エディタ上で表示される名称。分かりやすい名称を記載しておきましょう
開始タグ：テキストの前に入るタグ。今回の例で言えばですね。
終了タグ：テキストの後に入るタグ。今回の例ではです。
次に以下のチェックボックスにチェックを入れます。

チェックを入れておかないとクイックタグがエディタで表示されません。

一番右のチェックボックスにチェックを入れればすべてのチェックボックスにチェックが入ります。

基本的にこれでOKです。

設定が完了したら忘れず「変更を保存」をクリックしておきましょう。

これでクイックタグが設定されました。

クイックタグの使い方
投稿画面を開くと、クイックタグの項目が追加されているのが確認できるはずです。

テキストエディタの場合は設定したボタン名がそのまま表示されます。

では、実際に使ってみましょう。

強調したい文字を選択し、クイックタグ「強調」をクリックすると・・・

テキストが強調されました。

テキストエディタで確認すると、bタグが適用されていることが分かりますね。

ワードプレスでは通常、強調はstrongタグになりますので、bタグを使いたい場合は手打ちになります。

しかし、こうしてクイックタグを設定しておけばボタン一つで挿入できるわけです。

クイックタグの使い方は工夫次第
クイックタグの使い方は色々です。

例えばこんなこともできます（笑

▼顔文字をクイックタグに設定▼

※定型文などを設定する場合は開始タグのみ入力。終了タグは空欄でOKです。

クイックタグに顔文字が追加されるので、このタグをクリックするだけで・・・

顔文字追加！

クリックする毎にどんどん追加できます（笑

他にも以下のようなテーブルタグをよく使う・・・という場合は、このHTMLをクイックタグに設定すると便利です。

タグをコピーして・・・

クイックタグに設定。

忘れず変更を保存しておきましょう。

投稿画面に戻り、クイックタグ「テーブル」をクリックすれば・・・

ワンクリックで先ほどと全く同じテーブルタグが挿入されます。

図の作成はサイズを指定したり文字装飾したりと意外と面倒ですが、クイックタグに設定しておけば常に同じデザインのテーブルタグを呼び出せます。

このように、よく使うタグや定型文をAddQuicktagに設定しておけばその都度入力する手間を省くことができます。

使いこなせばかなり記事作成を効率化できますので、是非活用してみてください。
https://gladius-o.com/sa-manual/addquicktag/

この辺りの情報については、下記記事も参照ください。

Gladiusマニュアルサイト。コピペ記事。その１．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri/

Gladiusマニュアルサイト。コピペ記事。その２．
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-2/

Gladiusマニュアルサイト。コピペ記事。その３．
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-3/#i-4

Gladiusマニュアルサイト。コピペ記事。その４．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-4/

Gladiusマニュアルサイト。コピペ記事。その５．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-5/#i-2

Gladiusマニュアルサイト。コピペ記事。その６．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-6/

Gladiusマニュアルサイト。コピペ記事。その７．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-7/

Gladiusマニュアルサイト。コピペ記事。その８．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-8/

Gladiusマニュアルサイト。コピペ記事。その９．
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-9/

Gladiusマニュアルサイト。コピペ記事。その１０．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-10/#

Gladiusマニュアルサイト。コピペ記事。その１１．　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/saitoafiri-11/

ブログで稼ぐ。アフィリエイト教材ランキング。
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/afirieito-8/

まとめ。絶望的な状況でこそ、生物は進化する。

絶望的な状況でこそ、生物は進化する。

あなたは

・恐竜タイプ？（絶滅した）

・鳥や小動物タイプ？（環境に適応して進化した）

・シーラカンスタイプ？（進化しないまま生き延びた）

憎しみに導かれる。

自虐が目標なら

嫌だと感じたらすでに目標達成していることになります。

その調子でどんどん目標達成していって

憎しみに火をつけて

行動を掻き立てます。

憎しみにすがる。

人間は憎しみを忘れた人間と

憎しみを使えてる人間に分けることができます。

・憎しみを忘れた人間は

迷いと恐怖でがんじがらめで動くことができません。

・憎しみを使えてる人間は

使えてる憎しみの力が弱いと多少迷いと恐怖が邪魔をしますが

がんじがらめになってはいないので動けます。

・憎しみが強ければ

迷いと恐怖はどこかに行ってしまって思いっきり動けます。
http://www.uuooy.xyz/kitui/nikusimi-4/

この辺りの情報については、下記記事も参照ください。

働く人の悩みと解決策を網羅しました。　
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/sigoto/

女性の性や体の悩み解決策を網羅しました。
↓↓↓　ココから　↓↓↓
http://ddggi.xyz/nayami/nayami-2/

男の悩みや劣等感の解決策を網羅しました。
↓↓↓　ココから　↓↓↓
http://ddggi.xyz/nayami/nayami/

サックスを上達させてしまう一覧。　＃サックス
↓↓↓　ココから　↓↓↓
http://www.ka2.link/dansu/sakkusu-2/

ウィルスを肺に入れない方法。

自由に生きる行動力を身につけたい。

楽譜が読めない初心者が教室に通わずに短期間で憧れのサックスを吹けるようになった。
↓↓↓　ココから　↓↓↓
登録ページ https://canyon-ex.jp/fx19669/e5pYM0

解除ページ　https://canyon-ex.jp/fx19669/e5pYM0

ボーダーの活動拠点を紹介します。

一緒にやってみませんか？

・自虐なトレーニング。

・自虐な笑いヨガ。

・自虐なストリートパフォーマンス。

公益財団法人三井文庫

所在地：〒164-0002 東京都中野区上高田５丁目１６−１

この入り口にある公園が活動拠点です。

活動内容は
↓↓↓　これとか　↓↓↓
http://ppkki.link/otoku/kunren/

↓↓↓　これとか　↓↓↓
http://www.ka2.link/dansu/waraiyoga/

↓↓↓　これとか　↓↓↓
http://www.ka2.link/dansu/sutoriitopafoomansu/

↓↓↓　これとか　↓↓↓
http://www.ka2.link/taiken/koziki/

一緒にやらなくても真似してください。

自分ならこれやる、こうやるってのをやったらいいです。

ナンパでも演説でも喧嘩でも何でも出来ます。世界を変えてください。

あなたは世の中で希少な価値ある存在になるのです。

ほかの人が持たない独自性を持った存在になるのです。
↓↓↓　ココから　↓↓↓
http://kkeeii.link/douga/nakama/

「いじめられたらチャンス」コピペ記事。路上ライブ乞食をやれ！
↓↓↓　ココから　↓↓↓
http://nbbbi.link/jungle/izimetyansu/

情報商材のランディングページ見てしまうと
「やらないで後悔したくない」と手を出しては
うまくいかないを繰り返してました。　＃懺悔
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/zange/

インスタグラムで見るいろんな現場のいろんな仕事。
↓↓↓　ココから　↓↓↓
http://www.ka2.link/taiken/genba/