当ブログはBloggerなので、Google+の自己紹介を載せています。
WordPressのサイトでは、自作して追加しました。
サイドバーに新たな要素を追加する方法
多分、WordPressの管理画面のウィジェットから追加できます。
これが一番わかりやすいでしょう。
WordPress管理画面→
ウィジェット→
「テキスト」…任意のテキストやHTML、というものを探す→
サイドバーウィジェット、の中へ、「テキスト」をドラッグ→
追加したいプロフィールコードを記入する
という流れですね。
別にこれでも全然OKなんですが、
ウィジェットより、直接子テーマに書込みたい方もいるでしょう。
私がそうです。
では以下をどうぞ。
子テーマsidebar.phpにプロフィール追加
私は子テーマに直接書き込んでいます。
そのやり方が好きなだけです。
sidebar.phpの追加したい位置に
<!-- プロフィールです -->
<?php get_template_part('profile'); ?>
<!-- /プロフィールここまで -->
を追加。
その後、
FTP転送ソフトで、
子テーマ内に
profile.php
を追加。
ファイルはテキストエディタで作成します。
そのprofile.php内には以下のような内容を記述。
<div class="profile-sidebar">
<h4 class="menu_underh2">管理人：なまえ</h4>
<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/画像ファイル名" width="80" height="80" class="float-left" style="margin-right:7px;" alt="">
<p>一言メッセージ</p>
<p><a href="http://リンク先/"></a></p>
</div>
画像はあまり大きすぎないのがいいですね。
キレイに表示されるように。
100×100px以下。
私は80×80pxのものを、
これまた子テーマのimages内にアップロードしています。
デザインは、CSSで変更できます。
profile-sidebarというclass名をつけています。
/* プロフィール */
.profile-sidebar{
padding: 1px 5px 5px 15px;
margin: 20px 0 30px 0;
border: none;
box-shadow: 4px 4px 4px rgba(1,0,0,0.5);
color: #fff;
}
子テーマについては過去記事もどうぞ
子テーマの簡単な作成方法。WordPressとStinger5について。
サイドバーはよく見られるところなので、
是非素敵にカスタマイズしたいですね。
こちらのブログはBloggerです。
WordPressの実際の表示を確認したい方は
ラビットしま子の「人生美容パラダイス」をご覧下さい。
当ブログの情報は全ての方に応用できるとは限りません。
ご利用は自己責任です。当ブログ側はいかなる責任も負いません。
必ずデータは最新のバックアップを取っておいて下さい。
WordPressを利用される場合はUTF-8Nの文字コードに必ず変換して下さい。
当ブログのコードをコピーしてphpファイル等に直で貼付けすると
ファイルやデータが破損します。
パソコンのメモ帳は不可です。
詳細はWordPressヘルプを参照下さい。
ラビットしま子はサイト制作のプロではありません。
個別のカスタマイズについての相談は乗ってあげたいけど、乗れません。
（わからんから）
スポンサードリンク