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>

これはお好きな文章を入れてください。
今日付けで共有申請したので、またダウンロードできるようになるのに何週間かかかると思います。
よろしくお願いします。

YOU MAY ALSO LIKE
overlay

お花とともに・・・・

overlay

newmonoch

overlay

写真メインのブログ

2 Comments

  • SECRET: 0
    PASS: 74be16979710d4c4e7c6647856088456
    どうもはじめまして。
    素敵なテンプレートを製作されていて、いつもうっとりしています。
    余計なことですが、ちょっと気がついたことがありまして、ご報告まで。
    私は、Yahoo移行者さんの動向を追いかけておりまして、その関係で、たまたま見かけたのですが、mystylookだったと思いますが、とあるYahoo移行者さんが利用されているのですが、youtube動画のiframeが、記事幅からはみ出してしまっていました。
    私自身は、まだまだ駆け出しで、もちろん素人でして、いろいろと勉強中です。
    それでは、特にそれだけですので、ちょっとお耳に入れようと思った次第です。

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

コメントを残す

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

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