mysticdiary

vintage romantic web design

教会

こんにちは。
前作のNEONに続き、今度はシンプルなテンプレートを申請してみました。
トップにはオードリー・ヘプバーンの有名なことばなどを散らしてみました。



追記でカスタマイズの仕方について書きます。
1.サイドのナビゲーションの編集

<nav class="menu">
<ul>
<li><a href="<%url>archives.html" title="記事リスト">Articles List</a></li>
<li><a href="#" title="LoremIpsum">Lorem Ipsum</a></li>
<li><a href="#"><form action="./" method="get"><input class="input" type="text" name="q" value="" placeholder="SEARCH" autocomplete="off"/></form></a></li>
<li><a href="<%server_url>control.php" title="管理画面">Log in</a></li>
</ul>
</nav><!--menuここまで -->

Loremipsumのところをお好きな文字列に変更し、#にリンクアドレスを
入れてください。

2.トップ画像の編集

<div class="topimage">
<img src="https://file.blog.fc2.com/mysticdiary/church/church.jpg">
</div>

トップの画像はお好きなものに変更可能です。

3.個別記事の下の説明文

<div class="authortext">
<span class="name"><%author_name></span>
<p>Just let this happen. We just let this flow right out of our minds. Just relax and let it flow. That easy. Let's put some happy little clouds in our world.</p>
<span class="social">
<nav class="authornav">
<ul>
<li class="instagram"><a href="https://www.instagram.com/#/?hl=ja?ref=badge" title="instagramでシェア" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> <span>share</span></a></li><!--
--><li class="twitter"><a href="http://twitter.com/share?url=<%topentry_link>&text=<%topentry_title>" title="twitterでつぶやく" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> <span>tweet</span></a></li><!--
--><li class="facebook"><a href="http://www.facebook.com/sharer.php?u=<%topentry_link>&t=<%topentry_title>" title="facebookでシェア" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i> <span>share</span></a></li><!--
--><li class="pinterest"><a href="https://www.pinterest.jp/#/pins/" title="Pin it on Pinterest" target="_blank"><i class="fa fa-pinterest-p" aria-hidden="true"></i> <span>pin it</span></a></li>
</ul>
</nav><!--authornavここまで -->
</span><!--socialここまで -->
</div><!--authortextここまで -->

英文の部分をお好きな文章に変更し、ツイッターやピンタレストのリンクにはご自分のIDを入れてください。

4.サイドバーの自己紹介の編集

<div class="profile">
<div class="profileimage">
<img src="https://file.blog.fc2.com/mysticdiary/church/thanks.jpg">
</div><!-- profileimageここまで -->
<div class="about"><span class="hello">Hello!</span>Just let this happen. We just let this flow right out of our minds. Just relax and let it flow. That easy.</div>
</div><!-- profileここまで -->

画像を変更し、英文の部分を書き直してください。

5.コメント欄のアバターの変更

.管理人 .comtitle{
display:flex;
align-items: center;
margin:0 important;
padding:0 0 20px 0;
}
..管理人 .comtitle:before{
width:50px;
height:50px;
background-image:url(https://file.blog.fc2.com/mysticdiary/church/face.jpg);
background-position:center center;
background-size:100% 100%;
content:"";
display:block;
margin:0 20px 0 0;
}

管理人のところを自分のユーザー名に置き換えてください。
画像アドレスのところに、ご自分のプロフィール画像のアドレスを入力してください。
関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

Leave a reply






管理者にだけ表示を許可する

← freedom → neon