TSUCKY BLOG Written by ツッキー(Tsucky)

【マナブログコピー】「プロフィールページ」の作り方←僕のメモ。

Manablog Copy

この記事では、「マナブログコピーを使っているけど、下記のようにプロフィールページが表示されないよ。」というあなたの悩みに答えます。

プロフィールページが見えない-2

僕も「どうすれば、プロフィールページを追加できるんだぁー」とかなり格闘しました、、、本記事にメモしときます。

ちなみに、プロフィールページの作成は超カンタンだったので、すぐにできます。
早速やってみましょう。

追加:
本記事では、01blogを運営している「ゾノさん」が、記事中にプロフィールを挿入するソースコードを公開していたので、それもついでにまとめてます。

※まだManablog Copyを使っていない人は以下の記事を参考にどうぞ。

この記事を読んでわかること

スポンサーリンク

マナブログコピーでプロフィールページを作る方法

プロフィールページの作成はカンタンで、下記のようにパーマリンクを「profile」とすればOKです。

ツッキー
ツッキー
最初に気づいたときは、カンタンすぎて少し泣きそうでした。笑
パーマリンクを変更

パーマリンクを「profile」にすると、自分のブログにプロフィールページを追加するように設定されているようです。
»参考:ツッキーのプロフィールページはこちら

ということで今回は以上です。笑

ただ、これだけだと少し寂しいので、「01blog」を運営している「ゾノさん」が紹介していた「記事中にプロフィールを挿入するソースコード」を本記事にメモします。

マナブログコピーで記事内に「筆者プロフィール」を作る方法

ゾノさんは下記ソースコードをブログ内で公開していました。

ゾノさんが公開していたソースコード

<div class="talk clearfix" style="padding-bottom: 10px;background: #fff;padding-top: 20px;border-radius: 6px;border: 2px solid #e6e6e6;">
<div class="col-md-3 col-xs-3 img"><img style="margin-left: 10px;max-width: 90%;" src="https://01blog.org/wp-content/uploads/2019/10/prof_2019_10_25.jpg" alt="" class="img-responsive img-circle"></div>
<div class="col-md-9 col-xs-9 text">
<p style="margin-top: 5px;margin-bottom: 20px;margin-right: 10px;"><span class="bold">ゾノ</span><br />当ブログの筆者。4年間勤めた高校教師を退職後にITベンチャーに転職し、2016年に独立。「<a href="https://01blog.org/consulting/">外出せずに学べるパソコン教室</a>」を運営し、ブログ初心者のサポートに取り組んでいる。生徒数は累計160名。ブログ初心者から抜け出す方法や、不登校などの教育問題について発信している。</p>
</div>
</div>

上記ソースコードの「画像」、「紹介文」をカスタマイズすれば、OKです。(ついでに僕は枠線も変えてみました。)

ツッキー
当ブログの筆者。大学院卒業後、製薬会社に就職。ブログ「TSUCKY BLOG」を運営し、米国株投資や初心者のブログ運営を発信している。投資スタイルは高配当銘柄&インデックス投資、ブログ収益は月4桁(ときどき5桁)

これから、記事のなかで「ときどき使ってみようかな」と思っています。
ということで今回は以上です。

コメント、質問がある場合はツイッターでメッセージを頂くか、問い合わせからコメントを頂ければ、返信させていただきます。よろしくお願いします。

期間限定①Amazonのコンテンツギフトで文章力レベルアップ【音声は神】

人気記事①資産を爆増させる米国株投資ブログ【始め方・稼ぎ方まで徹底解説】

人気記事②Manablog Copyにテーマ切替を決意できた理由【購入手順付き】