KAKI blog Written by KAKI

【気持ちいい!】ブログカードの作り方を解説!簡単6ステップ【Manablog Copy】

ブログ運用

この記事ではこれを目標にします^ ^

記事を書いていて、もっと記事を装飾したいな〜って思うことはないですか?
Manablog Copyはシンプルで使いやすいのですが、装飾に関しては少し少ないですよね。

この記事では、「ブログカード」の作り方と手順を解説していきます!

ぜひこの記事を参考に、色々な装飾を織り交ぜながら、一緒にブログライフを楽しんでいきましょう♪

スポンサードサーチ

ブログカードの作り方を解説!簡単4ステップ

それでは早速一緒に作っていきましょう!

手順❶ ShareHtmlを、もっと綺麗にしたメーカーを開く

手順❷ ブログカードにしたい記事のURLをコピー&ペースト

手順❸ 作成された「# CSSコード」をコピー

手順❹ 外観→テーマエディター→「style.css」の一番下に、先程の「# CSSコード」を貼り付ける
※僕は何のコードか分かるように、メモを残しています。

手順❺ ❷で作成した「# HTMLコード」をコピー

手順❻ 「テキストエディタ」で、記事の挿入したいところへ「ペースト」

  ↓ 完成 ↓

以上です^ ^

※注意:ブログカードを貼った後でビジュアルエディタを使うとリンクが消える!?

「より美しいHTMLをシェアしよう」を使って「# HTMLコード」を作成し、「テキストエディタ」にコードを貼り付けるのですが、その後「ビジュアルエディタ」に切り替えると、リンクがなぜか消えてしまいます。

リンク先のない「ただのボックス」になってしまうので、このツールでブログカードを作成して使用する場合は、「最後にテキストファイルに貼り付けて更新」、という流れがオススメします。もちろん、テキストエディタで書いている人は、そのままでOKです^ ^

まずはやってみましょう!

【気持ちいい!】ブログカードの作り方を解説!簡単6ステップ【Manablog Copy】
ということでお伝えしてきましたが、いかがでしょうか?できましたか?

これを読んで少しでも理解できたなら、あとは実践あるのみです。
サイト設計は80点が取れれば十分です。内容が一番重要です!
やりながら、自分のやり方を作っていけば大丈夫ですので、少しずつそして一歩ずつ前進していきましょう!

参考サイト:
【Manablog Copy】ブログカードの設定方法【超簡単】
【マナブログコピー(Manablog Copy)】キレイなブログカードの設置方法【ビジュアルエディタにするとリンク消えます】
いつもありがとうございます♪

それでは、次の記事でお待ちしています^ ^

人気記事【資産運用】インデックス投資家が老後も失敗しない5つの理由を解説!

人気記事【結論】小金持ちになる方法は「毎月10万円を、年利5%で23年間運用」すること!