mysticdiary

〜vintage romantic web design〜

mysticな風景

このブログをはじめたときは、なんかMystic(神秘的)なものについて
書こうとはじめたんだけど、いつのまにか、テンプレート作成のブログに
変容してしまった。
今回はごくごくシンプルにタイトル周りだけちょっと工夫して、
スライダーをつけてお好きな画像で飾れるようにしてみました。

カスタマイズ方法については追記で書きますね。

misty_20180928134522e09.jpg

mistylook.jpg

1.上部ナビゲーションの編集
<nav id="menu">
<a href="<%url>archives.html" onfocus="this.blur();" class="nonborder border" title="記事リスト">Articles List</a>
<a href="#" onfocus="this.blur();" class="nonborder" title="LoremIpsum">Lorem Ipsum</a>
</nav>
<nav id="menu2">
<a href="#" onfocus="this.blur();" class="nonborder border" title="AobutMe">About me</a>
<a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder" title="管理画面">Log in</a>
</nav>

これはいつもとおんなじ。#のところにリンクをいれて、好きなタイトルに変更するだけです。

2.スライダーの編集
<ul class="rslides">
<li><img src="https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/misty1_201809051544374db.jpg" alt=""></li>
<li><img src="https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/misty2_201809051544383a6.jpg" alt=""></li>
<li><img src="https://blog-imgs-122.fc2.com/m/y/s/mysticdiary/misty3_201809051544401c2.jpg" alt=""></li>
</ul>

今回はレスポンシブスライドというプラグインを使ってます。
画像のアドレスをお好きな画像に変更してください。写真の大きさは揃えた方がうまくいきます。
head内にプラグインの設定が書いてあります。細かく設定されたい方は
ここで変更してください。

3.記事下の著作者の紹介文
<span class="authorname"><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>

これはお好きな文章を入れてください。

今日付けで共有申請したので、またダウンロードできるようになるのに何週間かかかると思います。
よろしくお願いします。

関連記事
baorin

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

2 Comments

Janedoe1471 says..."どうもはじめまして"
どうもはじめまして。
素敵なテンプレートを製作されていて、いつもうっとりしています。
余計なことですが、ちょっと気がついたことがありまして、ご報告まで。
私は、Yahoo移行者さんの動向を追いかけておりまして、その関係で、たまたま見かけたのですが、mystylookだったと思いますが、とあるYahoo移行者さんが利用されているのですが、youtube動画のiframeが、記事幅からはみ出してしまっていました。
私自身は、まだまだ駆け出しで、もちろん素人でして、いろいろと勉強中です。
それでは、特にそれだけですので、ちょっとお耳に入れようと思った次第です。
2019.06.19 16:10 | URL | #- [edit]
管理人 says..."Janedoe1471さんへ"
こんにちは。はじめまして。ブログをご覧いただきありがとうございます。

ところで、ご指摘のiframeが記事幅からはみ出す件ですが、
管理人のテンプレートはあまりユーザーさんには親切な作りになっていない
のもありまして、一応スマホで見る際には、幅が100%になるようには
最低限のCSSで設定しているんですけど、パソコンで見るときの場合は
設定していないです。
その辺はユーザーさんが自由にカスタマイズしてくださいとのスタンスで
やってるんですけど、yahooブログから移行した場合にはみ出るのか
どうかはよくわからないです。
今後、ユーザーさんから設定の方法を聞かれたりした場合は
回答しようかなと思ってます。

取り急ぎいまの段階ではこんな対応です。

これからもよろしくお願いします。




2019.06.20 15:28 | URL | #cLLqd4q6 [edit]

Leave a reply






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

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/602-a314afe1