mysticdiary

〜vintage romantic web design〜

また共有申請しました。

こんにちは。
最近暇になった管理人です。
暇なのでテンプレートばっかり作ってます。
とくに中身は進化してないんですけどね。。。(笑)

city_20190625121409d9e.jpg

本日、共有申請してみました。
承認されるまでしばしお待ちください。
カスタマイズの方法は追記に書きます。



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="#" title="AboutMe">About me</a></li>
<li><form action="./" method="get"><input class="input" type="text" name="q" value="" placeholder="SEARCH" autocomplete="off" /></form></li>
<li><a href="<%server_url>control.php" title="管理画面">Log in</a></li>
</ul>
</nav>

これはいつもと同じで2番目のLoremipsumのところをお好きな文字列に変更し、#にリンクアドレスを
入れてください。

2.ヘッダー付近のソーシャルメディアへのリンクの編集
<nav class="social">
<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></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></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></a></li><!--
--><li class="pinterest"><a href="//www.pinterest.com/pin/create/button/?url=<%topentry_link>&amp;media=<%topentry_image_url>&amp;description=<%topentry_enc_title>" title="Pin it on Pinterest" target="_blank"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</nav><!--socialここまで -->

これは一番上のインスタのリンクだけ#の部分にご自分のIDを入れて変更してください。

3.個別記事の下の説明文
<footer class="bottomfooter">
<div class="authorimage"><img src="<%image>"></div>
<div class="authortext">
<span class="name"><%author_name></span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>

これもLoremipsum~の部分をお好きな文章に変更してください。

4.記事の下のソーシャルメディアへのリンクの編集
<nav class="bottomnav">
<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="//www.pinterest.com/pin/create/button/?url=<%topentry_link>&amp;media=<%topentry_image_url>&amp;description=<%topentry_enc_title>" 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>

これは一番上のインスタのリンクだけ#の部分にご自分のIDを入れて変更してください。

5.コメント欄の背景色の変更
.管理人 .ctriangle{
background-color:#ffffff;
}

管理人のところを自分のユーザー名に置き換えてください。

6.プレビューの画像みたいなフォントに変更する方法
このテンプレートはblogのタイトルとサイドバーのプラグインのタイトルを
セリフフォントで表示するように設定していますが、
これをサンプル画像みたいなフォントに変更する方法です。
フォントはGoogleFontでHerr Von Muellerhoffを使用していますが、
前提として英語を使用していなければうまく表示できません。
日本語では普通のゴシック体になるだけですので注意してください。

・ブログタイトル
h1{
padding:0;
margin:0;
font-size:45px;
font-family: 'Playfair Display', serif;
/*font-family: 'Herr Von Muellerhoff', cursive;*/
letter-spacing:2px;
line-height:1.0em;
z-index:999;
position:relative;
}

上記のCSSのうちfont-family: 'Playfair Display', serif;を消して、
下の行のHerr Von Muellerhoff'に変更してください。

・サイドバーのタイトル
h3{
width:100%;
margin:0;
padding:5px 0;
font-family: 'Playfair Display', serif;
font-size:15px;
/*font-family: 'Herr Von Muellerhoff', cursive;
font-size:30px;*/
letter-spacing:2px;
position:relative;
color:#333333;
}

これも同じです。
上記のCSSのうちfont-family: 'Playfair Display', serif;を消して、
下の行のHerr Von Muellerhoff'に変更してください。
フォントサイズはお好みで変更してください。



関連記事
baorin

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

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/616-d3c94405