WordPress(ワードプレス)の使い方や、簡単にブログやアフィリエイトサイトが作れる方法もご紹介!テンプレートやプラグインのおすすめもコレを入れとけば間違いなし!

1クリックでワードプレスの記事内でボックス系装飾をする方法

●お知らせ

アフィリエイトで5000万円稼いだあの道産子アフィリエイターが2018年9月上旬にクロレラ塾を開校します

募集期間はたったの1日ですので、アフィリエイトでお金を稼ぎ、自分の人生を変えたい人は必見です。

 

クロレラ塾概要ページはこちら

 

ここではワードプレスの使い方として、記事内でボックス系の装飾をしたい方の為におすすめのタグをご紹介いたします。

 

 

基本的に今回ご紹介するボックス系タグはメモ張に保存してコピペで使うなんて非効率な事はしないようにお気をつけ下さいませ

 

便利なプラグインを導入してそこに記憶させておくだけで、

1クリックで簡単に使いこなす事が出来ます。

 

↓ご存知無い方はこのプラグインを先に絶対に入れておいたほうが便利です^^

AddQuicktagの使い方や設定方法を知らないと大損!

 

↓動画で学びたい方はこちら

 

 

POINT1

 

以下「css」と「html」に分かれてボックス系タグをご紹介しています。

 

基本的に使いたい装飾を自分のワードプレスで有効化する為には「css」と書かれている所はワードプレスの「外観」⇒「テーマの編集」へ進み、右側にある「スタイルシート(style.css)」の最下部に全文コピペで先に追加してください。

 

 

POINT2

タグはAddQuicktagに設定する為にあえて開始タグと終了タグを分かりやすく分けました

 

AddQuicktagの設定の所にhtml開始タグ・終了タグをそれぞれ全文コピペで入れるだけでOKです^^。

手動のコピペでそのまま使いたい方は開始タグと終了タグの間に文字を入れる事で使えるようになっています

(事前にCSSに追加していないと使えないのでお気をつけ下さい)


赤付箋

↓CSS

↓開始htmlタグ

↓終了タグ

 


茶付箋

↓CSS

↓開始htmlタグ

↓終了タグ

 


青付箋

↓CSS

↓html開始タグ

↓終了タグ

 


ここにタイトル見出し付きオレンジ

↓CSS

↓html開始タグ

↓終了タグ

 


ここにタイトル見出し付き青

↓CSS

↓html開始タグ

↓終了タグ

 


ここにタイトル青ボックスその2

↓CSS

↓html開始タグ

↓終了タグ

 


灰色二重線

↓CSS

↓html開始タグ

↓終了タグ

 


青二重線

↓CSS

↓html開始タグ

↓終了タグ

 


 

色を変更したい場合

上記で記載したボックス系タグで色を変えたいという方は、コピペで簡単に色を変えてカスタマイズする使い方もあります。

 

↓例えばこれですが

ここにタイトル見出し付きオレンジ

↓CSS

上記CSSを一度全部コピーしてメモ張に貼り付けてください。

 

その状態で 「#○○○○○○」の部分をコピペで好きな色に変えたら初心者さんでも簡単にカスタマイズが可能です。(語尾にある「;」は含まれない)

 

上記CSSでは色部分を指定するコードは「#FFC107」と「#FFC107」と「#ffffff」の3種類含まれています。

その三箇所は主に「文字の色」「文字部分の背景色」「線の色」に該当しています。

 

↓カラーコードはここからコピペして使いましょう。

カラーコード一覧

#○○○○○○部分をコピーしてCSSに置き換えるだけで色が簡単に変えられます。

 

何処を変えたら何処が変わるというのは自分で操作して直感的に覚えた方が早いです。

習うより慣れろです。

(私も元々こういうソースをいじったりっていうのは苦手な人間なので、当サイトでは知識0でもワードプレスの使い方を簡単に覚えられるよう配慮して作られています)

 

ちなみにhtmlタグをダイレクトにワードプレスの記事作成画面に貼り付ける際はテキストモードから貼り付けてくださいね!

ビジュアルモードで貼り付けても反映されませんので。

 

英語がズラーっと並んで見るのも苦手って方は、この記事で紹介したCSSを全文コピペでスタイルシートの最下部に貼り付け、htmlのタグはプラグインのAddQuicktagに設定してから気軽に使っちゃってください^^

●次に絶対読んでおいたほうが良い記事

 

目次・見出しリンクを作る方法

↑これにもAddQuicktagが使えます!

 

簡単に使いこなすワードプレスの使い方トップページ

●お知らせ

アフィリエイトで5000万円稼いだあの道産子アフィリエイターが2018年9月上旬にクロレラ塾を開校します

募集期間はたったの1日ですので、アフィリエイトでお金を稼ぎ、自分の人生を変えたい人は必見です。

 

クロレラ塾概要ページはこちら

 

 

アフィリエイトでお金を稼ぐ方法

 

ワードプレスの使い方を覚えたらそのままアフィリエイトサイトを作り、個人がパソコン一台でお金を稼ぐ事も可能です。

 

 

↓youtube動画ではアフィリエイトのやり方を無料で公開しているので、是非とも参考にしてみてください!

 

 


 

当サイトはエッジプラス1というワードプレスのテンプレートを使って簡単に作っています。

 

 

 

 詳細はこちら

 


 

↓メルマガで無料情報を受取って月収100万円目指す方はこちらから登録出来ます。

 

アフィリエイトで稼ぐ為のメルマガ

 


 

 

↓クロレラが有料級情報を公開しているアフィリエイトで稼ぐ方法を記載したメインブログはこちら

 

アフィリエイト初心者が稼ぐ方法

 


 

当サイト運営者の自己紹介

サイト運営者:道産子アフィリエイタークロレラ

まったくの知識0の状態で2015年からアフィリエイトを始め、現在では安定して毎月数百万円を稼ぎ続ける

 

↓日本で最大手のアフィリエイトセンターであるA8.netでは現在ブラックSランクに属しています。

↓その実績を認められ、アフィリエイトセンターからは賞状とフィギュアを貰いました。

税金対策で株式会社を設立するレベルまでたった一人で到達し、現在では代表取締役を勤める生粋のアフィリエイター。

 

↓クロレラがアフィリエイトで稼ぐ方法を教えているメインブログはこちら

アフィリエイトで稼ぐ方法

↓クロレラのyoutubeちゃんねるはこちら

アフィリエイトを動画で学ぶ

基本的に無料で裏情報を公開をしているので、それぞれお気に入り登録・チャンネル登録はお忘れなく!

ワードプレスにおすすめのプラグイン
ワードプレスにおすすめのプラグイン

特定商取引法に基づく表示 プライバシーポリシー 運営者情報&お問い合わせ