【PPCアフィリエイト】サイトデザインCSS加工方法
⇒豪華11特典プレゼント中！
▼▼▼▼
こんにちは、
まねきねこチェンネルです！
本日の動画では、
＝＝＝＝＝＝＝＝＝＝＝＝＝
本日の動画では
PPCアフィリエイト
サイトデザインCSS加工方法
＝＝＝＝＝＝＝＝＝＝＝＝＝
についての動画です。
詳細は、動画で解説しています！
⇒
サイトデザインCSS加工方法文字起こし
まねきねこチャンネルです！
本日の動画では
PPCアフィリエイト
サイトデザインCSS加工方法に
ついての動画となります！
今回の動画では
まねきねこPPCのテンプレートの
CSSの加工方法についてですね！
これはですね、
まねきねこPPCテンプレートに
限らず、他のテンプレートでも可能です！
では実際ですねご紹介していきます。
はいこの「サルワカ」はっていうですね、
CSS参考のサイトがありまして、
こちらをですね
見本として利用していきたいとおもいます！
実際にですねまねきねこppc てプレートをみながら、
cssの方を変更していきます、
先ほどのURLですね
入れますとこのようにですね
サルワカのサイトが聞いて
「コピぺで使えるCSSデザインサンプル集」
とうのがあります。
どのようなサンプルかといいますとボタンとかリストとか
ボックスデザインとかっこいいのがですね
利用できるようになります！
下のほういきます、リストのデザインですね～
その他にも見出しのデザイン、
でボックスデザインとか
必要できるようになります！
こういうのはですね
全く同じようなデザインというのが利用できるようになります！
実際にですねサイトのほうに利用していきたいと思います。
引用BOXですね、
この引用BOXのデザインを利用したいと思います！
では、この css でつくる魅力的な引用デザインのサンプルを
クリックします！
はい画面変わりましてここですね
はいここのHTMLですね、これをを使います、
あと css の方ですね。
これを使っていきます！
ありますねこのサンプル集ですね、
では、このサンプルのシンプルの引用BOXを利用していきます。
この css を表示したのをこれをコピーします！
コピーしましたら、
まねきねこppcテンプレートが入っている
wordpress の方にログインしていきます！
先ほどコピーしたのを
このまねきねこppcのダッシュボードもこのcssですね、クリックします。
ここに貼り付けちゃいます、
はい先ほどコピーしたのをここに貼り付けて保存をします。
もう一度戻ります、
もう一度戻りましてそうしましたらですね
さっきほどの html ですね、
こちらをコピーします！
でもう一度
まねきねこPPCのダッシュボードに戻りまーす。
まねきねこPPCの方戻ってきました、
そうしました、例えば投稿記事を開きまして
なんの記事でもいいのですが、
この記事の編集をクリックします。
例えばですね、
一番上に先ほどのコピーした html を
貼り付けますで更新します～
更新が終わりまして
この記事をブラウザで確認しますと
このようにですね、
こちら先ほどの引用の
CSSデザインが表示されるようになっています！
その他にもですね
ちょっと違うもう一つ
CSSを加工していきます、
では、このメリハリのあるデザインですね、
このCSSをコピーします～
そうしましたら、先程のワードプレスのダッシュボードに戻りまして、
CSSを変更していきます。
で次に、記事のhtmlも変更していきましょう！
そうしますとこのように代わっています。
こんな感じですね
cssですが、意外と難しいように感じますが
デザインのサンプルというのが
たくさんありますのでこういった
デザインを使うことによってきれいなデザインとか
は読みやすいデザインとかになっています！
こちらのサルワカも、一つのデザインの
集まっているサイトなんですけど他にもですね
こういったデザインが集まってサンプルとか
ありますのでこういったのを使えば簡単にですね
デザインの方
魅力的なサイトになりますのでぜひですね
調べてやってみてください、
はい本日の動画ではcssのデザインの変更方法に
ついての動画となります！
今後もですね
こういったPPCアフィリエイトに関する
情報発信していきますので
よかったらチャンネル登録も
お願いいたします！
本日の動画は以上です、
ありがとうございました！！
⇒豪華11特典プレゼント中！
▼▼▼▼
