また共有申請しました。

こんにちは。
最近暇になった管理人です。
暇なのでテンプレートばっかり作ってます。
とくに中身は進化してないんですけどね。。。(笑)
city_20190625121409d9e.jpg
本日、共有申請してみました。
承認されるまでしばしお待ちください。
カスタマイズの方法は追記に書きます。

skysum.jpg
<a class="pin" data-pin-do="buttonPin" data-pin-custom="true" data-pin-lang="ja" href="//www.pinterest.com/pin/create/button/?url=&media=&description=” title=”Pin it on Pinterest” target=”_blank”>pin it

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’に変更してください。
フォントサイズはお好みで変更してください。

3 COMMENTS

  • SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    この素敵なテンプレートを使わせていただいて本当に幸せです。
    出来ればどこの風景なのか教えていただけませんか。とても気になるんです、

  • SECRET: 0
    PASS: ebaad318736973cdb6ef83a152b89f23
    こんにちは。テンプレート使っていただきありがとうございます。
    この写真はUnsplushというフリーの写真サイトから拝借したもので、キャプションによると、マレーシアのクアラルンプールらしいです。真ん中のビルはペトロナスツインタワーと思われます。美しい町ですよね。

  • SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    マレーシア、クアラルンプール、一度だけいったことがあります。パースへ行く途中のトランジット地でしたが良い想い出ばかりです。最近お友だちになった彼女はマレーシアに住んでいたそうなので、このビルについても明日聞いてみようと思います☆

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください