vanillaice (Akira)

vanillaice (Akira)

DaisyGreenテンプレート
PCアイコン TBアイコン SPアイコン

DaisyGreenテンプレートはレスポンシブウェブデザインです。
パソコン・タブレット・スマートフォン等全デバイス間共通でお使いいただけます。
スマートフォン版を非表示にしてご利用ください。
設定ページ

最終更新 2017.9.22

SSL化に伴うURL正規化

名称 Juvenile
動作確認済みブラウザ
トップページ記事並び 全文表示タイプ
記事幅 メイン --- 最大790px
サイド --- 300px
推奨カスタマイズ ヘッダー背景変更
ライセンス Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
備考 ・トップページで追記を展開して読めるタイプです。
valid-html5.png
パソコン タブレット スマートフォン
パソコン タブレット スマートフォン
2カラム 1 or 2カラム(デバイス幅依存) 1カラム
サイドメニュー --- 右 サイドメニュー --- 右 or 下(デバイス幅依存) サイドメニュー --- 下
過去の更新一覧
更新履歴 2017.1.25

・ SNSシェアリンクのUTF-8エンコード
参考記事
SNSシェアリンクのエンコード

更新履歴 2017.1.13

・RSS新着サムネイルを削除しました 関連記事
Google Feed API 廃止に伴うテンプレートの一部レイアウト変更

更新履歴 2016.10.21

メンテナンス
・ 全体レイアウトを再調整 --- 一部ページをリスト形式に変更
・ ページ遷移エフェクトをJSからCSSに変更 --- 軽量化 ・ 主要公式プラグインの整形
・ 関連記事サムネイルの整形
・ ベンダープレフィックスの整理
・その他調整多数

メンテナンスに伴い当該ページ内容を大幅に書き換えましたことをご了承ください
当ページの内容とお手元のテンプレートソース内容とが合致しない場合はお手数ですが再DLをお願い致します

更新履歴 2016.9.22

・コメントトリップの機能を削除しました
・訪問者リンクを別タブで開くように変更しました

更新履歴 2016.4.11

細かな修正を多数加えましたのでリンク先をご確認ください
併せてこちらの記事も一部修正・加筆しております
DaisyGreen修正のお知らせ

更新履歴 2016.1.9

フッター構造を変更しました
タイトルタグを微調整しました(SEO対策)

更新履歴 2015.9.21

・ iOS9 リリースに伴い スマホ・タブレットではColorbox起動させないよう修正しました
(Colorbox適用版は記事の最後に掲載しています)
Colorbox適用版配布終了致しました。
・ S_DaisyGreenのスライドサイドバーを修正しましたので 仕様を書き換えしました
ご利用の方は内容をご確認の上でお持ちください

更新履歴 2015.9.9

・ 公式化に伴うOGP削除

テンプレ付随のSNSボタンをご利用の方は ブログ個人環境でのメタタグ設定をお願いします

更新履歴 2015.8.28

修正版配信
・ FC2検索バーがタブレットでレイアウトを壊す問題の対処
・ ページtop/ bottomボタン変更
・ スマホからのテキスト入力時に画面が自動でズームしないよう調整
・ ビューポート設定調整
・ Javascript 若干の軽量化

リリース済テンプレ随時更新のお知らせ

でいじー ぐりーん

TOP PAGE DEMO
LIST PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ

お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)

・サイドバーの形状変更
・トップページの表示タイプ変更(全文表示から要約表示へ変更 など)
・レスポンシブを固定幅化
・カラム数やサイドバー位置変更
位置変更はこちらを参考にどうぞ ↓
テンプレートのカラム位置変更

カスタマイズをブラウザ上で行う方は
Ctrl+F(Windows)/ Command+F(Mac) キー検索をご利用ください
また
注)
で検索されますとカスタマイズのガイダンスが出てきますので事前にご確認をお願いします

フリップテキストについて

ヘッダー下にありますテキストは変更可能です

フリップテキストここから

各文言を編集してください(日本語可)

各ヘッダー変更について

トップページは大きめ それ以外は小さめのヘッダーでデフォルトでは別画像にしてあります

トップページヘッダー背景
トップページ以外ヘッダー背景

それぞれガイドに従って変更して頂くわけですが


background: url(画像アドレス) center center /cover no-repeat;

この二つの center の意味は
一つ目が 水平方向 二つ目が垂直方向 の基準位置です
デフォルトでは「画像の水平中央と垂直中央を基準として表示」という指示になってます
簡単に言えば 画像のど真ん中が必ず中心になって表示される ってことです
画像というのは必ず縦横比(アスペクト比) がありますので(正方形の場合は縦横比 1:1)
ブラウザの幅が縮小・拡大されると どこかが見切れるようになってます
見切れが起こった時に どの部分を確実に表示させたいかの位置操作だと思ってください

例えばこんな画像 ↓
sample
これを中央で合わせてしまうには忍びないですよね
水平は「右」垂直は「上」にポイントのある画像ですので こう指定してください ↓

background: url(画像アドレス) right top /cover no-repeat;

あるいはこんな画像 ↓
sample
これだと 水平「右」垂直「下」ですかね

background: url(画像アドレス) right bottom /cover no-repeat;

こうして基準をしっかり決めておくと スマホの狭い画面でも大事な部分の見切れを防ぐことができます

ギャラリーのリンクと画像について

一番左は新着記事(注 後述) へのリンクを設定済みです
記事内にアップロードした画像が表示されるようになってます
画像無しの場合には こちらで準備したNo imageの画像が適用されます
左には現在表示されているページの最新記事の画像サムネイル表示と共にリンク設定されています
この箇所は特殊なhtml内容ですので リンク先を変更される方以外は触らないようお願いします

トップ専用ギャラリーここから

上記を目印にガイドに従って編集してください

No image画像変更
//blog-imgs-84.fc2.com/v/a/n/vanillaice000/daisygreennoimageth_.jpg
  • トップページ簡易ギャラリー
  • 検索結果
  • RSS新着サムネイル
  • カテゴリ, アーカイブなどのリスト形式ページ

上記4種ページが対象で htmlソース内に1箇所 CSSソース内に3箇所の計4箇所です
縦横比不問 最適サイズは長辺 500px以上

デフォルト画像 (縮尺掲載 実寸500×375 17KB public domain)

画像上の白いマスクとNo imageのテキストは自動で乗ります

管理人コメントと訪問者コメントを分ける方

デフォルト(訪問者用)はグリーン
管理人用としてオレンジを用意しました

CSSソース末尾に以下を追加

.name管理人ハンドルネーム {
  background: url(https://blog-imgs-71.fc2.com/v/a/n/vanillaice000/201506232336262bb.png) center top /cover no-repeat;
}

緑の 管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に書き換えてください

例) 空条承太郎
.name空条承太郎

* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)
注意) ハンドルネームを判別しています 同じハンネの方がご訪問されると… ごめんなさい (割りきってお使いくださいね)

ご質問 不備・不具合のご報告はお気軽にどうぞ
その際には
・ ご自身のブログアドレスの明記
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除
上記3点を必ずお守りください
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします
みなさんいつもありがとうございます ( ゚Д゚)ノ

関連記事

Comments 86

There are no comments yet.
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/07/17 (Fri) 21:51 | EDIT | REPLY |   
Akira  
To 内緒さん

海外でしたかーe-451
えっと、日本は雨ばっかです(笑)
気候の差でお体に触りがありませんよう。

いつもありがとうございます!
お越し頂いてとっても嬉しいですe-454

2015/07/18 (Sat) 01:14 | EDIT | REPLY |   
mippi  
ランキングのタグ

ブログ始めたばかりの初心者のmippiと申します。
とてもステキなテンプレート、無知ながらもカスタマイズさせてもらって使わせて頂いています!
質問なのですが、テンプレートの中にランキングタグを入れて記事に表示させたいのですが…
トップのページの一覧?からは表示されるのですが、個別記事で表示されません。
いろいろ試行錯誤してみたのですが上手く行かず…
一覧のスポンサーサイトの前(今のまま)と、個別記事の関連記事の前に表示するようにするには、どこにタグを入れればいいのでしょうか?

2015/07/30 (Thu) 16:06 | EDIT | REPLY |   
Akira  
To mippiさん

こんにちは ( ゚Д゚)ノ

>ランキングの表示の件

まず確認です。
ランキングサイトのソース内容は毎回記事に貼り付けておられる形でしょうか。
それとも、テンプレート側に貼り付けて、毎回の記事作成時に作業をしない、という形でしょうか。
前者の場合は特に問題無いと思います。
後者の場合ですが、「トップページ内」を意味する変数に挟まれている場合と「個別記事」意味する変数に挟まれている場合とがあります。
「トップページ・個別記事 共通」にしておかないといけません。
恐らく後者のパターンで かつ
<!--not_permanent_area-->~<!--/not_permanent_area-->
に挟まれた位置にあるのではないかと思います。
これは「トップページだけに適用」という意味ですので、削除の必要があります。

で、実際の投稿が為された後の変数確認というのは困難ですので(変数が具現化されて目視確認できないため)、私の推察が合っているのかどうかのお返事を頂けると助かります。
そして、カスタマイズされた部分(ランキング含む) とその近辺のソース内容 20行ほどコピペして教えて頂けるとありがたいですe-257
(鍵コメで構いません)

お手数ですが、よろしくお願いします!

2015/07/30 (Thu) 16:28 | EDIT | REPLY |   
Akira  
To mippiさん

んで、これ全くの別件なのですが、せっかくブラウン系で統一されて(とっても素敵です)おられるところ、サイドバーの矢印アイコンがグリーンのままでは忍びないので。
今ブラウンで作りました。

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2_icon/arrow-circle-o-right_b28761_16_zpsg70b35v0.png~original

こちらをダウンロード→FC2にアップロードしてお使いください。

----------- Ctrl+F 検索

.side_bar_title li {
color: rgb(0,0,0);
background: url(http://blog-imgs-71.fc2.com/v/a/n/vanillaice000/arrow-circle-o-right_c9e1d9_16.png) left center no-repeat;
padding-left: 18px;
}


茶文字部分をアップロードされましたアドレスに置き換えてくださいね。

2015/07/30 (Thu) 16:37 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/07/30 (Thu) 19:54 | EDIT | REPLY |   
Akira  
To 内緒さん

アイコン変更できましたか。良かったですe-257

> 関連記事よりもバナーを「上」にしたい件

これちょっと仕組みご説明しますね。
まず、現状では「追記の編集」をお使いになられていないようなので、トップページの折りたたみは機能していません(これは特に問題ありません)。
折りたたみが機能するとこんな感じになります ↓(スクショ)

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/screen.jpg_zpsfxtjlsvt.png~original

Read more というボタンが出ていますよね。
これをクリックして展開すると「追記の編集」に書かれた内容が読めるようになります。
で、現在の内緒さんのバナー貼り付けの位置なんだけども、仮にこのRead moreをご利用になった際、バナーは折りたたみの「中」ではなく「外」になりますので、展開しなくても常に表示されている状態になります。
ですが Read more ボタンよりも「上」に表示される設定です。

関連記事はどうかと言うと、折りたたみの「中」に含まれる形です。
この関連記事の表示位置については

・個別ページの記事下(現在の内緒さんの設定はこれです)
・一覧ページの記事下
・個別・一覧ページの記事下
テンプレート変数のみ
・上記全て

この5つから選択できるわけですが、内緒さんの今の設定だと折りたたみの「中」に含まれるんです。
これをバナーよりも「下」にしようと思うと、4番目の「テンプレート変数のみ」にまず変更する必要があり、見た目としては、
バナー下に常に関連記事が表示される形になります。
つまり折りたたみの「外」に場所を移動する、ということです。

まずそれがOKなのかどうかご検討頂きまして、それで良いということであれば、ソース内容を追加しましょう。
こちらのコメント欄にコピペして頂いた内容よりももっと下の方に以下のような内容があります(ユーザータグ内容です)。

<!--topentry_tag-->
<p class="tag">Tag:<span class="normal-font"><%topentry_jointtag></span></p>
<!--/topentry_tag-->

このすぐ「上」に、

・バナーの内容
をまず記述されまして、そのすぐ下に以下を追加。

<!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt">関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a></li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li_nolink"><%topentry_relate_title></li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->


バナー 関連記事 タグ

の順序です。
複製をお取り頂きまして、試されてはどうかと思います。

----------- おさらい(現在の内緒さん設定)


「本文の編集」に書いた内容

バナー

「追記の編集」に書いた内容 --- 折りたたみ内部 --- 現在は利用せず

関連記事表示 --- 折りたたみ内部

ユーザータグ


この順序になってますので、もし今後折りたたみをご利用になることがあった場合にバナーは折りたたまれる内容よりも「前(上)」に表示されてしまいます。
ですので tag のすぐ上に移動されることをおすすめします。

わかりにくかったらまたお尋ねください(笑)
ちょっとややこしく難しいですよね ^^;

2015/07/30 (Thu) 21:46 | EDIT | REPLY |   
Akira  

Read more じゃなかった。
Continue reading でした((((笑)
すみません ( ̄∀ ̄;)

2015/07/30 (Thu) 22:03 | EDIT | REPLY |   
Akira  

あれ。もしかして私思い違いしてませんか(笑)
こういう意味で合ってますか?
というのをこれからこちらでやってみますのでお待ちください。
また後程追記します。
もうご就寝かもしれんけど(笑)

------- 追記

こういう意味で良いんですよね?
え?違うの?(笑)

これで良ければ以下の通りです。

------------ Ctrl+F検索

<!--permanent_area-->
<!--more-->
<div class="more2">
<%topentry_more>
</div><!--/read_more-->
<!--/more-->
<!--/permanent_area-->

このすぐ下に以下を追加。


<a href="ランキングへのリンク"><img src="ランキングバナー"></a>

<!--permanent_area-->
<!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt">関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a></li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li_nolink"><%topentry_relate_title></li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->
<!--/permanent_area-->


-----------------

これで今私の表示内容と同じです。
違ってたらご指摘ください(笑)

作業の前に
環境設定 > ブログの設定 > 記事の設定 > 関連記事リスト 表示場所「テンプレート変数のみ」

に変更をお忘れなく。

2015/07/31 (Fri) 01:12 | EDIT | REPLY |   
mippi  
ありがとうございます。゚(゚´ω`゚)゚。ピー

たくさんありがとうございます!!
両方試してみました。
後者の方で、上手くいきました!!
広告がちょっと気になりますが、仕方なさそうですね(´つヮ⊂)ウオォ

わざわざブログの表示変えてまでありがとうございました。
ここまでして頂いていいものなのか…オロオロ((ヽ(;ω;)ノ))オロオロ

すっかりAkiraさんのテンプレファンになってしまいました。
これからも素敵な作品、楽しみにしています!!

ほんとうに、ありがとうございました!!!

2015/07/31 (Fri) 13:41 | EDIT | REPLY |   
Akira  
To mippiさん

合ってましたか。良かった(笑)
記事下のテキスト広告のことでしょうかね。
こちらは非表示にできますよ。
設定して数週間の後ですけれど(すぐには外してもらえない)。

環境設定 > ブログの設定 > 記事の設定 > 画像高速表示の設定「利用しない」

しばらく待たないといけませんのでアレですが(笑)
高速表示、なんて書いてありますが、さほど変わりゃしません ←

こちらこそありがとうございます。
お疲れ様でしたe-454

2015/07/31 (Fri) 17:14 | EDIT | REPLY |   
Akira  
To mippiさん

一つ不備を発見してしまいました。
恐らくカスタマイズされる際になっちゃった系だと思います(笑)

記事下に投稿日時が表示されますよね。
その「時間(hour)」の表記が違っているので、変数がそのまま表示されてしまっています。
Ctrl+F検索

< %topentry_hour>

これを

<%topentry_hour>

に修正お願いします。
%の前に半角スペースが入ってしまいましたね ( ゚Д゚)

2015/07/31 (Fri) 17:57 | EDIT | REPLY |   
mippi  
No title

あわわありがとうございます!
早速修正しました。
重ね重ね色々とありがとうございました+。:.゚٩(♡>◡<♡)۶:.。+゚

2015/07/31 (Fri) 19:31 | EDIT | REPLY |   
Akira  
To mippiさん

気づいて良かったです(笑)
お疲れ様でした!e-454

2015/08/02 (Sun) 00:48 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/08/31 (Mon) 12:43 | EDIT | REPLY |   
Akira  
Re 内緒さん

こんにちは。ありがとうございますe-257

> 左端に画像が出てこない件
> ヘッダー画像変更が反映されない件

こちら今しがたお邪魔して拝見したところ、問題なく表示されているようです。
もしかしたら「プレビュー画面」での確認をされたのではないかと思います。
プレビューでは反映されないこともありますので、複製をお取り頂いた上で「上書き」をしてご確認くださいね。
(左にはオレンジとブルーの眼の色のドール画像、ヘッダーはかわいいキノコでした)

スクリーンショットも撮りましたが、掲載は控えますね。
一度ご確認頂きまして、やはり問題があるようなら再度お知らせくださいませe-257

2015/08/31 (Mon) 13:17 | EDIT | REPLY |   
Akira  
Re 内緒さん

コメントが時間差になってしまいました(笑)

> 新着サムネイルの件

こちらは一旦記事を投稿された後に画像を追加されませんでしたでしょうか。
仕組みとしてはFC2から配信された記事をRSSから再度取り込んでいます。
FC2から直接表示が行われるわけではありませんので、多少のタイムラグがあります。

ちょっと私の方でも今から検証してみますのでお待ちくださいね。

2015/08/31 (Mon) 13:22 | EDIT | REPLY |   
Akira  

あっ。もしかして。
画像をアルバムリンクにされてませんでしょうか。
ってゆーか、されてます(笑)

こちらを設定から
元画像へリンク
に変更して頂くことで取得できるようになるかと思います。
一度お試しください \_(・ω・`)
FC2のアルバムはちょっと問題アリなんですよね (´・ω・`)

それから、コメントがオープンになっていますが大丈夫でしょうか。
もしあれでしたら削除して頂いて構いません。
(リコメからもお名前を消しておきました)

2015/08/31 (Mon) 14:28 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/08/31 (Mon) 20:50 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/08/31 (Mon) 21:32 | EDIT | REPLY |   
Akira  
To 内緒さん

まとめてのお返事です。

ファイルはですね「上書き」にしているといつまでも前のものが表示されてしまいますね。
しかも結構長いこと(笑)
なので「別名保存」しか使わないようにしています (´・ω・`)

-----------

画像を貼り付けるとき、こういうタグになりますよね ↓

<a href="●●"><img src="●●"></a>

これ今<a>のhrefと <img>のsrcが同じ状態、つまりアドレスが同一。
これが「元画像リンク」です。
アルバムリンクは

<a href="△△"><img src="●●"></a>

こうしてアドレスが異なるんです。
で、アルバムの方に画像が収まっていると、web一般から隔離された状態に近いものになります。
情報の受け渡しが困難になる、という意味です。
例えば、記事内の画像をクリックするとその場で拡大してくれるスクリプト(外部プラグイン)がありますけれども、これが「アルバムリンク」だと使えません。
RSSからの新着サムネイル画像も同様 (´・ω・`)

FC2のデフォルト設定が「アルバムへリンク」ですので、これが親切なのやら不親切なのやらー ( ̄∀ ̄;)

設定変更 ↓

管理画面 > 環境設定 > ブログの設定 > 投稿設定 > 画像の設定「元画像にリンクさせて挿入」を選択

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/screenshot-admin.blog.fc2.com%202015-09-01%2002-20-12_zpszqk3n9pl.gif~original

こうしておいた方が後々便利です。
いろんな外部プラグインを導入したくなることもあるかと思います。

既にアルバムにリンクした状態でアップロードした画像は対象外ですが、新着サムネイルは最大でも8件までしか表示できませんので、近々の8件分のみ改めて貼り付け直し(アップロードのし直しではなく、記事内に貼り付けなおせばオッケーです)されると良いと思います。
お手数おかけします (*_ _)

あと注意としては、絵文字なんかが記事の一番最初にあるとそれを表示してしまいますので、そこをお気をつけ頂くかこちらの方法を取られても良いかな と。

参考記事 ↓

「好きな画像をサムネイルにするには」
http://vanillaice000.blog.fc2.com/blog-entry-183.html

それでも出てこないよー!という場合には遠慮なくお申し付けくださいね。
よろしくお願いします!

2015/09/01 (Tue) 02:29 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/09/01 (Tue) 13:55 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/09/04 (Fri) 16:46 | EDIT | REPLY |   
Akira  
To 内緒さん

職場から帰宅が遅れそうですので、取り急ぎのコメントですー!
追ってちゃんとお返事しますのでしばしお待ちくださいね。
ごめんなさい!

2015/09/04 (Fri) 22:46 | EDIT | REPLY |   
Akira  
To 内緒さん

お返事大変遅くなりました (*_ _)

> トップページ見た目変更の件

これはDaisyGreenをBeHappyの個別ページのようにしたい、という解釈で合ってますか (´・ω・`)
それともBeHappyのトップページを個別ページと同じ表示(スライダーも無し)でお使いになりたいということでしょうか。
ごめんなさい。ちょっとわからん(笑)

とりあえずお返事お待ちしますー!

2015/09/05 (Sat) 16:42 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/09/05 (Sat) 19:05 | EDIT | REPLY |   
Akira  
To 内緒さん

BeHappyの方だったんですね(笑)

少々お時間頂ければファイルの準備を致します。
要は個別記事とトップページの見た目が同じ、ってことで良いんですよね?
追記がある場合だけトップページに「続きを読む(Read more)」をつけるような形で。

--------

表示の件については導入しているページ遷移スクリプトがわざと遅らせています。
スピード重視の方へはスクリプト削除をおすすめしています。

<!-- 注)ページ遷移アクション不要の方ここから削除 -->

でCtrl+Fキー検索して頂いて、訳注に従って修正をお願いします。

2015/09/05 (Sat) 20:01 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/09/05 (Sat) 21:28 | EDIT | REPLY |   
Akira  
To BeHappyの件 内緒さん

こちらのページの最後にZIPを載せておきましたので、DLされましたらご一報ください。
ページ遷移のエフェクトはそのまま残してあります。
不要でしたら訳注に従って削除してください。
あとの細かい部分はご自分で調整をお願いします。

http://vanillaice000.blog.fc2.com/blog-entry-207.html

不備等ありましたら仰ってくださいねe-251

2015/09/06 (Sun) 00:32 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/09/06 (Sun) 17:45 | EDIT | REPLY |   
Akira  
To BeHappy書き換えの件 内緒さん

使えましたか。良かったですe-454
お疲れさまでしたe-461

2015/09/06 (Sun) 18:11 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/05 (Mon) 05:51 | EDIT | REPLY |   
Akira  
To DaisyGreenカスタマイズの件 内緒さん

ちょっと内容込み入ってますので、ひとつ用事済ませてからまた来ます(笑)
フィギュア、うちの主人が昔やってましたよ (▪⌔▪)
今でも(30代前半です)ダブルアクセルとかできるよ((((笑)
のちほどまた (゚▽゚*)ノ~~

----

ひとつひとつ整理していきますね。

★ 現状の把握

現在設定中のテンプレがDaisyGreenですよね。
こちらは「全文表示」タイプです。
掲載されている画像群ですが、JPGは200KB弱平均、GIFは4MB級のものが平均。
ちょっと全文は厳しいかな、という印象 ( ̄∀ ̄;)
この場合のおすすめは、

①「要約表示タイプ」 --- 最大200文字、画像なし
②「分岐タイプ」 --- 本文編集に書かれた内容のみトップページへ表示、追記部分はread more で個別記事へ移行してから読んでもらう

DaisyGreenは
③「分岐変則タイプ」 --- 本文編集はそのまま表示、追記は continue reading をクリックして折りたたまれた内容をその場で開いて読んでもらう

最もページ表示の負荷が高いのは③のタイプです。
②のパターンでも記事製作者が分岐(追記)を利用しない場合、全ての内容が一度に表示されることになりますので、③を超えて最も負荷が高くなります。

以上を踏まえて、やはりOnTheGround あるいは Capricious のような②のタイプが良いと思います。
そして「追記」を上手にお使いになられると良いかな、と。
現在は恐らく分岐を利用されずに全文を「本文」に記載されているようですので、画像の多い方はちょっと考えた方が良いです(笑)

続きます

2015/10/05 (Mon) 10:35 | EDIT | REPLY |   
Akira  
To DaisyGreenカスタマイズの件② 内緒さん

★ 未来記事について

FC2ブロガーさんで未来記事をお使いになる方をチラホラお見かけします。
端的に言うと、おすすめしません。
理由は既に内緒さんが書かれている通り、
・時系列が狂う
・Ping送信に悪影響

FC2では「ページの一番に表示される記事」というのがとても重要でして。
未来記事を作成してしまうとまず「サムネイル」の取得が狂ってしまいます。
「記事を更新してもサムネイルが変わらない」状態はまさにこれが原因です ^^;

でね、固定の内容であるならば。
無理に「記事」としておかずとも、「リンク誘導」で行えば良いと思うんです。
テンプレートの「トップページ」ありますよね。
トップページにもページ送りがついていて、記事の履歴を繰ることができるわけですが、
その1ページ目だけ特別に「index」という名前がついてます。
その index だけに表示させる、という手もありますよ。
ただし長文では何度も訪れる方にとっては若干疎ましいので(笑)
なるべく簡潔に、例えば
アイコン的な画像をひとつ。記載する内容は
『簡単な自己紹介 サイト紹介 --- リンク貼り付け(初めての方はこちらをお読みください 的に) ---』
ぐらいにしておきます。
初めて訪れた方はそこへジャンプしてくださるでしょうし、常連さんは同じ内容の長文記事を毎度目にする必要もなくなります。

これは可能ですので、もしされるのであればレイアウトの方針を決めないといけませんね。
ちょっと後でレイアウトの簡単な画像サンプル作ります。
この方法をおとりになる場合には、未来記事でなく逆に「過去記事」設定すると良いですね。
新着にも上がりませんので一番古い記事として設定すればオッケーです。
OnTheGroundへの適用も可能です。

>プラグイン的な部分を 記事のtop部分に〜

まさしくこれに当てはまるのではないかしら。

続きます

2015/10/05 (Mon) 11:38 | EDIT | REPLY |   
Akira  
To DaisyGreenカスタマイズの件③ 内緒さん

★ コメント編集の件

その前に、サイドバーを入れ替えたためにレイアウトがおかしくなってしまいましたね(笑)
ブラウザの幅を縮小されるとわかります。
これは<main>のマージン(外回りの余白)が逆にしたまでは良かったけれど、元に戻す処理が行われていないので起こってます(ブレイクポイントの処理)
そしてそれがさらに描画を遅らせる原因にもなってます。

んー、まずDaisyGreenをこのままお使いになるか、それともOnTheGround(あるいはそのシリーズ)に変更されるかをまず決めて頂こうかな (´・ω・`)
今修正しても結局他のに変えました、では労力がもったいないでしょうから(笑)

とりあえずコメント編集時にツールバーが使えない件の対処だけしておきましょうか ↓ Ctrl+Fキー検索

<!-- コメント編集フォーム -->

このすぐ左にあります

name="edit_form" id="edit_form"

これを

name="comment_form" id="comment_form"

に変更。
それで治ると思います。
今回のこの場合は、です。

-------------

★ 最新記事サムネイルの画像を固定に

こちらもテンプレをどれにするか決めてからということで(笑)

-------------

★ loading短縮の件

こちらはページ遷移のエフェクトを外して頂くことで改善されます。
この件は記事の方に追記しますね。
しばしお待ちくださいませー。

2015/10/05 (Mon) 11:53 | EDIT | REPLY |   
Akira  
To DaisyGreenカスタマイズの件 内緒さん

今ね、ちょっと内緒さんの記事内容拝見しまして、
「スマホ版と背景を揃えたりなど 云々」

他の方からリクエスト頂きまして、Grunge_flowerのレスポンシブ版を作って欲しい、とのことなんです (´・ω・`)
ですから作ろうかなー と思っているところです(笑)
もしあれでしたら、それお待ち頂いた方が良いかもよ (*・x・)/
まだ取りかかってはいませんので、リクエストがあれば今のうちに(笑)

2015/10/05 (Mon) 12:04 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/05 (Mon) 22:35 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/05 (Mon) 22:58 | EDIT | REPLY |   
Akira  
To ダブルアクセル 内緒さん

えっと。タイトルが変(((笑)
主人の件はどうぞご自由にお書きになってください(笑)
なかなかイケメンらしいですよ、とでもお書き添え頂ければe-452

-------

テンプレの件は了解でございます。
ローディング軽減については記事内に追記しておきました。
手順を一度試されまして、様子を見ていただければと思います。
度々お手数おかけします。
よろしくお願いしますe-454

* コンテンツの位置の件はのちほどコメント追記しますね。
ちょっと離れますのでお時間くださいませ *

2015/10/05 (Mon) 23:01 | EDIT | REPLY |   
Akira  
To サムネイル固定の件 内緒さん

はい。こちらも了解です。
んでは、のちほど ( ゚Д゚)ノ

2015/10/05 (Mon) 23:03 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/06 (Tue) 02:35 | EDIT | REPLY |   
Akira  
To DaisyGreen ファイル探しの件 内緒さん

一つ前のバージョンをお使いなのですね。
失礼しました (ノ゚ェ゚)
若干軽量化するために一部削除したり合成したり、というのをやったもので。
本当は最新にして頂くのがベストですが、カスタマイズされてることですし、どうぞそのままで。

末尾が
/animsitionmin.css
となっているものを削除(差し替えはありません)してください。
それから、

<!-- 注)ページ遷移アクション不要の方ここから削除 -->

の上に一かたまりの<script>内容</script>というのがあると思います。

<script>
$(function(){
$('#wrapper a').addClass("animsition-link");
省略
</script>

↑ これです。
これも不要ですので丸っと削除して構いません。

-----------

確認なんだけども、
一番左側のサムネイル&リンク
こちらの「画像を固定のものに」して、リンクは「最新記事」ということで良いんでしょうか。
負荷としてはほとんど変わりません。
GIF避けしたい、というのが理由なら多少は効果があるかもです。

あるいは「最新記事」へのリンクではなく、固定記事へのリンクであるならば、負荷は減らせます。
そこちょっと明確にして頂いて指示くださいませe-454

なにせ一度エフェクト削除をやってみてください。
かなり速いと思うんです (´・ω・`)
今の私のページ状態だと、1秒以内でファーストビューが得られます。
大体800〜900ミリ秒ぐらい。
1ページ記事表示件数は今...10か?え?いくつ?(笑)
内緒さんだとどうだろう。
それでも2秒ぐらいでなんとか表示できるんじゃないだろうか。

2015/10/06 (Tue) 12:56 | EDIT | REPLY |   
Akira  
To DaisyGreen ファイル探しの件② 内緒さん

サイドバー入れ替えによるfloatの件です。

#secondary

が現在では float: left; の指定になっていると思いますので、これを float: right; に変更します。
(メインコンテンツと同じ方向へ指定)

そして、Ctrl+Fキー検索

/***----- media less than 768 include iPad mini
--------------------------------------------------***/

この括りの中の

main {
width: 100%;
}

ここに一部追加で以下の通り

main {
margin: 0 auto;
width: 100%;
}

これで位置関係正しく修正されます ( ゚Д゚)ノ

2015/10/06 (Tue) 13:32 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/06 (Tue) 14:07 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/06 (Tue) 14:41 | EDIT | REPLY |   
Akira  
To ローディングの件 内緒さん

今拝見しましたー。
検査してみたら2.47秒ですので、画像の読み込みに若干の指摘はありましたけれど、まずまずだと思います。
恐らくストレスを感じることのない速度かと。
良かったです(笑)
floatも直ってました。
お疲れ様でしたe-257

最新版に切り替える際の注意点
・エフェクト削除は記事内の内容に沿って行う

このぐらいでしょうかね。
今までJS(Javascript)は可読性を重視して書いてたんですけど、たぶんここを触る方は居ないだろうな〜...と思うところは圧縮してファイル軽減に方向転換(笑)
内部情報的な修正が主ですので、何が何でも変更を!というものではないです。
お時間のある時にして貰えれば十分だと思いますe-257

2015/10/06 (Tue) 14:43 | EDIT | REPLY |   
Akira  
To floatの件 内緒さん

パソコンの方はですね、ブラウザ幅を縮小しないと気づかないんです。
修正前はメインコンテンツの右半分が画面に収まりきれず完全に見切れてました。
修正後はちゃんと画面の中央に位置する形で見切れは発生しませんので大丈夫ですe-454

2015/10/06 (Tue) 14:51 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/10/07 (Wed) 02:33 | EDIT | REPLY |   
Akira  
To 画面確認の件 内緒さん

こちらこそいつもありがとうございますー!
試行錯誤しながらでもお使い頂けるというのはとっても嬉しいですe-257
またお気軽にお尋ねくださいe-454

2015/10/07 (Wed) 12:00 | EDIT | REPLY |   
K@zumi  
教えてくださーい!

こんばんは。
テンプレートをお借りしてますK@zumiと申します。
お世話になります。
こちらの作品はとってもオシャレですてきです~(*´ω`)

ところで、ひとつご質問なのですが
こんな風にズレちゃうんですけど、、、

http://honey64.blog90.fc2.com/blog-entry-1371.html

以前のテンプレ(よそ様ですが)では画像の横に説明文がくる感じなのですが、
なぜか文字が下の方にズレてしまってるのです。

どうしたら直すことができるのかさっぱり分かりません(´Д⊂グスン
よろしければご教授ください!

よろしくお願いします。

2015/10/30 (Fri) 16:46 | EDIT | REPLY |   
Akira  
To K@zumiさん

ありがとうございますe-257
そしてご面倒おかけしております (*_ _)

原因と対策

以前お使いになられていたテンプレートはhtmlの4.01というバージョンだったかと思います。
私のテンプレートは現在のweb標準であるところのhtml5です(2014年10月正式勧告済み)。
htmlのバージョンが5にシフトして、廃止になってしまった要素というのがたくさんありまして。
記事内容を拝見しましたところ、垂直位置揃えにvalign(ヴィー アライン) をお使いですが、こちら既に廃止されております。
恐らくFC2エディターの表作成をご利用ではないかと思いますが、FC2自体が未だ古いソースコードのまま(xhtml, html4.01 transitional)ですので、こういうことが起こってしまうんですね (´・ω・`)

対策(html5準拠コード)

<table style="max-width: 表全体の横幅px; width: 100%;"><tr><td style="padding: 10px; vertical-align: top; min-width: 左側セルの最小値(この場合は画像横幅)px;"><a href="アドレス" target="_blank"><img src="画像アドレス" alt="代替テキスト" style="width: 画像横幅; height: auto;"></a></td><td style="padding: 10px; vertical-align: top;">右側セルテキスト内容</td></tr></table>

こちらを雛形にして頂くと良いと思います。
お手数ですがメモ帳やエディターでtxt文書として保存してお使いください。

こちらのテンプレはレスポンシブデザインですので、デバイスによってレイアウトが変更されます。
スマホの横幅は450px以下ですので、いままでお使いのソース内容ですと記事から表の右側が飛び出して見切れてしまいます。
ですからブラウザやデバイスの横幅が縮小された際に自動で縮小してくれるようなソースを書く必要があります。

上記雛形で作成されますと以下のようになります(画像だけお借りしました(消去済み))

パソコン
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/FireShot%20Capture%2057%20-%20The%20other%20way%20round%20-%20%20-%20http___bigblock1217.blog.fc2.com__zpsp4ijhmzq.jpg~original

スマホ
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/FireShot%20Capture%2058%20-%20The%20other%20way%20round%20-%20%20-%20http___bigblock1217.blog.fc2.com__zpsz4wwodfb.jpg~original

--------

お手数ですが一度お試しください (*_ _)

2015/10/30 (Fri) 22:53 | EDIT | REPLY |   
Akira  
To K@zumiさん

一応ソース内容説明 ↓

max-width: 表全体の横幅px; width: 100%;
= 記事幅の100%を基準、最大横幅はmax-widthの記入数値

padding: 10px;
= セル周りの空白(旧 cellspacing 及び 旧cellpadding) --- <td>への指定のみ有効

vertical-align: top;
= 旧 valign

2015/10/30 (Fri) 23:02 | EDIT | REPLY |   
K@zumi  
ご回答ありがとうございます!

お忙しいところを申し訳ありませんでした(>_<)

わたしはソースのこととかさっぱりなので、単純に「G-Tools」というサイトでサクッと(自動で)作ってそのまんまぺたっと貼りつけていただけなのです。

そうですか、書き直さないとダメなんですね、、、

わかりました。
お世話をおかけしまして、ありがとうございました!

2015/10/31 (Sat) 09:26 | EDIT | REPLY |   
Akira  
To K@zumiさん

そうでしたか。
今ちょっと難しい時期ですよね。
なにせ16年ぶりのhtml改正ですから、なかなかこう変更がおぼつかないというか、開発者含めて意識が追いつかないというか (´・ω・`)
<table>とレスポンシブの相性があんまり良くなかったりもするんです ^^;
こちらこそお時間頂きました。
ありがとうございますe-454

2015/10/31 (Sat) 16:10 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/12/13 (Sun) 16:23 | EDIT | REPLY |   
Akira  
To DaisyGreenの件 内緒さん

お返事遅くなりました (*_ _)

① topと個別の見た目を同じに --- 可
② 簡易ギャラリ削除 --- 可
③ 新着ページのページナビゲーション --- ?

③についてですが、新着記事というのは各個別記事のことでしょうか。
そうであれば数字の連続表示というのは不可です。
アルゴリズムが違いますので、個別カウントから集合ページへの遷移というのはFC2の仕様上できないと思います。
私がやり方を知らないだけかもしれません(笑)
ただ理論上ちょっと難しいのかな と。

--------- ①

topページのヘッダーの高さに該当する部分は以下の通り(Ctrl+Fキー検索 CSSソース)

#half-head-1

現在のデフォルトは420pxになってます。
で、数値を下げても良いんだけれども、あまり小さく設定しすぎるとですね、デバイスが変更された際にブログタイトル等が範囲を超過してしまうことがあります。
これは閲覧者の画面サイズに依存しますので、height指定は危険かもしれません。
というわけで、

#half-head-1 {
width: 100%;
height: 420px;
display: table;
text-align: center;
}

#half-head-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
padding: 0 5px;
}

上記内容を以下の通り修正 ↓

#half-head-1 {
width: 100%;
height: auto;
text-align: center;
}

#half-head-cell {
width: 100%;
padding: ここに上下空白px 5px;
}


ブログタイトルと下にあるブログ説明を一つのまとまりとして、そのまとまりの「上」と「下」の空白を設定します。
画面が狭くなると文字が下へ繰越すことがありますよね。
例)
The other way round
ここがブログ説明

The other
way round
ここがブロ
グ説明

上はちょっと極端な例ですが、heightに具体的数値を入れてしまうと繰り越した分が下からはみ出ますので、そうならないための処理です。
上下空白の数字を変えるにはこうします ↓

padding: ここが上px 5px ここが下px;

例) padding: 20px 5px; の場合
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/3948723_zpse4fuxqan.jpg

例) padding: 15px 5px 40px; の場合
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/2347632_zpscjiztczl.jpg

上の数字を0(ゼロ)にしても右上のナビと重なることはありません。
ブラウザ横幅を小さめにして見た目を確認しながら調整をどうぞ。

----

同じく今度は個別記事のヘッダー

#another-half-head {
width: 100%;
height: 250px;
display: table;
text-align: center;
}

こちらを以下の通り修正

#another-half-head {
width: 100%;
height: auto;
text-align: center;
}


これでtopと個別記事のヘッダーの見た目(高さ)が同じになります。

(一旦投稿します)

2015/12/14 (Mon) 09:28 | EDIT | REPLY |   
Akira  
To DaisyGreenの件 内緒さん②

②について
Ctrl+Fキー検索

<!-- 注)三つ並びギャラリーの左 ここから(デフォルトはページ内最上部記事(ページ内最新)を表示) -->

上記を目印にして、そこから

<!-- 注)三つ並びギャラリーの右 ここまで -->

</div>


ここまで全て削除。
最後の</div>も忘れず削除です。

-----

③については私が意味を取り違えているかもしれませんので、お返事待ちにさせてください。
よろしくお願いします

2015/12/14 (Mon) 09:45 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2015/12/14 (Mon) 23:49 | EDIT | REPLY |   
Akira  
To DaisyGreenの件 内緒さん

上手くいったようで良かったですー。
お疲れ様でした

2015/12/15 (Tue) 09:24 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/01/03 (Sun) 11:13 | EDIT | REPLY |   
Akira  
To DaisyGreenの件 内緒さん

ご丁寧にありがとうございます
拝見致しましたー。
すっきりまとまっていてとても見易いと思います ╭( ・ㅂ・)و ̑̑

こちらこそありがとうございます。よろしくです

2016/01/03 (Sun) 16:32 | EDIT | REPLY |   
ひぃ子  
はじめまして

テンプレートをお借りしておりますひぃ子と申します。
DaisyGreenの素敵なテンプレートに一目惚れしました♪

そこでひとつ質問なのですが、
タイトル部分のヘッダー画像を変更したいのですが
トップページの方は変更できたのですが
ページ移行した時のヘッダーが変更されません。
多分画像URLを差し込む位置が違ってるのかと思いますが
ご指導頂けたらと思います。
あとその祭の最適pxも教えて頂けたらと思います。

お忙しい中申し訳ございませんが
よろしくお願い致します。

2016/02/25 (Thu) 02:25 | EDIT | REPLY |   
Akira  
To ひぃ子さん

ありがとうございます

> トップページ以外のヘッダー変更の件

Ctrl+Fキー検索

注)ヘッダー背景 変更は url(ここに画像アドレス) 二箇所あり 2/2

または

http://blog-imgs-71.fc2.com/v/a/n/vanillaice000/daisy987.jpg

位置の合わせについては同じ要領でお願いします。
トップページと同じ画像にされる場合でも指定の省略はできませんので同じアドレスを指定してください。
画像のサイズについては特に規制はありませんが、横1200〜1600pxぐらいあると良いかなと思います。
(画面が大きくなった時の画像拡大率が高いと解像度が落ちてしまいます)
できれば事前に画像の容量削減も行っておくとベターです。
参考記事 ↓

http://vanillaice000.blog.fc2.com/blog-entry-208.html

2016/02/25 (Thu) 16:48 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/03/10 (Thu) 03:11 | EDIT | REPLY |   
Akira  
To DaisyGreen BS抜けの件 内緒さん

ご迷惑おかけしておりますー ( ̄∀ ̄;)

http://vanillaice000.blog.fc2.com/blog-entry-324.html

こちらの記事に追記しておきましたのでご確認くださいね。
申し訳ないこってす ( ̄∀ ̄;)

2016/03/10 (Thu) 09:47 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/03/13 (Sun) 23:43 | EDIT | REPLY |   
Akira  
To DaisyGreen新着サムネイルの件 内緒さん

修正できましたか。
良かったです
今回の不具合はちょっと厄介でしたね ( ̄∀ ̄;)
お疲れ様でした

2016/03/14 (Mon) 12:28 | EDIT | REPLY |   
きろろ  
今更なんですが(>_<)

TopCategoryのリンクなのですが、
カテゴリのTopページのurlを記述してみたのですが、
画像も変えないと反映されないのでしょうか?

それから、カテゴリリンクはいくつま可能でしょうか。
親だけで5つあるのですが……
すべてを表示するのは無理でしょうか?

なんか、ものすごく初歩的な質問ですみません・・・(。_。;)゜:。アセ

2016/03/19 (Sat) 17:24 | EDIT | REPLY |   
Akira  
To きろろさん

TOPCATEGORYのリンクは
<!-- 注)好きなリンク先(カテゴリ等)のアドレスを#と置き換える -->
のすぐ下にある

<a href="#">

ハッシュ(#)をアドレスに置き換えるだけです。
例えば

<a href="http://vanillaice000.blog.fc2.com/blog-category-5.html">

こんな具合です。
画像は無関係なので変えても変えなくてもリンク先に影響はありませんが、
ページ遷移しない、ってことですかね (´・ω・`)
ちょっと状況が見えてこないので詳細をお願いします。

--------

> カテゴリリンクの設定数

これは簡易ギャラリーに、ということでしょうかしら。
ギャラリーについては3点限定です。
リンク先は任意に変更できますので、全てをカテゴリへのジャンプ先設定に利用するとしても最大3件まで。
DaisyGreenに関してはそういう仕様で作っておりますー。
それともギャラリー以外の部分のことでしょうかね。
その場合ちょっとこちらもお返事待ちで(笑)

2016/03/20 (Sun) 18:12 | EDIT | REPLY |   
きろろ  
ありがとうござます。

ハッシュのところにリンク先を入れるのは、わかっていたんですがw

>ページ遷移しない、ってことですかね (´・ω・`)
ちょっと状況が見えてこないので詳細をお願いします。<

いえ、ページは→を押すとちゃんとリンクされます。
TOPCATEGORYの画像が、その都度変化するのかと思ったのですw

ギャラリーにCATEGORY画像を表示させるのは、
3つまでなんですね。了解しました<(_ _)>

2016/03/20 (Sun) 21:59 | EDIT | REPLY |   
Akira  
To きろろさん

画像が変わらないってことでしたか。
こちらは記事内説明にもある通り、一番左のデフォルト設定リンク(最新記事)以外は固定画像です。
TOPCATEGORYの部分は任意リンクですから製作時に私の方でリンクがどこに設定されるかが不明です。
従って先んじた操作(サムネイルの取得設定)というのができません。

ギャラリーについては増やそうと思えば増やせますけどね (´・ω・`)
簡易ギャラリーの全体(3つでワンセット)を繰り返しソース内にコピーするだけです。
最初からポートフォリオ風のデザインになっていればアレですが、全文表示タイプですのでデザインの主旨が変わってしまうためおすすめではありませんけれど。
肝心の記事がえらい下の方にあるな〜
って感じになるのではないかと (´・ω・`)

2016/03/21 (Mon) 14:56 | EDIT | REPLY |   
きろろ  
大丈夫です~

そそ、画像が変わらないからあれ? って思ったんですが、
説明を読んでわかりました。

サムネイルと勘違いしていたんですね。

ギャラリーは増やしません。
どうも、拙ブログのサーバーが重い?
きろろのPCがおかしいのかと思っていたんですが、
お友達から、ローディングが遅いよと言われるんですよ。

画像を貼りすぎている?
一つの記事に一枚しか使ってないのですが、
サイズが大きいのかな?

テンプレートの形が変わるのはいやなので、
現状のまま使わせていただきます<(_ _)>
ご丁寧にありがとうございましたよ。

それから装飾枠のリクエストもありがとうございました<(_ _)>

2016/03/21 (Mon) 23:56 | EDIT | REPLY |   
Akira  
To きろろさん

重たい、ということであればエフェクトは出来る限り外した方が良いと思います。
画像については一点あたりMBになるようなことは避けたいですよね (´・ω・`)
理想は600KBあたりで抑えられると良いかな と。
サイズ(縦横サイズ)よりも容量に重点を置いて見直しされても良いかもしれません。

あともうひとつ。
youtubeを多く貼り付けされる方はChromeでの表示がものすごく重たいです。
Chromeは自社コンテンツのくせにyoutube表示のバグを長く抱えています(笑)

chrome-extension
Failed to load resource

youtube一点につき4つづつ✕youtube掲載数+2のエラーが出ます。
chromeの特定拡張機能を、ユーザーが任意インストールしていないにも関わらず探してしまう、というグリッチ。
Googleもこの件は把握して自社のグリッチと認めてはいますが、未だ改善見られず(笑)
JSでエラーが出ると(誤認識だとしても)クッソ重たいです (´・ω・`)

参考: EMiAC Works様
http://emiac-works.com/coding/jquery/bug-google-chrome-www-embed-player-js/

2016/03/22 (Tue) 15:31 | EDIT | REPLY |   
きろろ  
レスが遅れました<(_ _)>

うーん、詳しいことはわからないのですが。
Neoシリーズはローディングが早いのですが、
PCがガリガリと音がしますw

エフェクト……
うーん、これも相性がいいものとそうでないものがあるようです。

YouTube……
ちなみに、ポップアップさせると軽くなるみたいです。
なぜだかわかりません(ё_ё)

装飾枠をつけて表示すると、重いと言われますね。
きろろはもっぱらchromeで見ています。

chromeの拡張機能で
YouTubeの洋楽を歌詞を表示してくれる機能がありますよね?
あれを使っているんです。

お友達のブラウザはわかりません。
けっこう、きろろと同じくらいPC音痴なので
IEを使っているかもです。

記事を読んでみましたw
きろろにはちんぷんかんぷんですよe-141e-140

Akiraさんのテンプレートはおしゃれなので、
重かろうが、使います!
ローディングされるまで待て! みたいなw

2016/03/26 (Sat) 16:31 | EDIT | REPLY |   
Akira  
To きろろさん

お返事遅れました (*_ _)

装飾枠は画像を組み合わせて(重ねて)いくことで表現しています。
枠の部分は切り取られたものが表示されているわけでなく、少しづつずらして重ねることで枠のようになります。
ですから画像の掲載量としては結構な分量に(笑)
そしてhtmlとCSSで要素をマトリョーシカのように何段も入れ子しています。
画像, html, CSSを多用すれば当然重たくなります。

-------

ツベのポップアップはColorboxでしょうかね。
これはajax(えいじゃっくす)と言って、非同期通信で表示しています。
Chromeのグリッチ(ありもしない拡張機能を探す件)はiframeタグを利用した時に発生します。
Colorboxを適用されたツベはページのローディングと同時に読み込みは行われません。
クリックして初めて読み込まれます(これが非同期通信)。
ページ読み込み時はColorboxのツベ用サムネイルに設定した画像を取り込むだけです。
ですからグリッチの影響もページのローディング時ではなく、クリックしてポップアップされた時です。
この時はページ全体が読み込みを行うわけではなく、ツベのiframeだけが読み込まれますので、グリッチがあってもさほど問題にはならないって寸法です (´・ω・`)

参考
① ページ読み込み時 エラーなし
(Colorboxツベ掲載, サムネイル画像表示)
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/sfa4ifaa_zpsw3f34lzh.jpg

② サムネイル画像クリックでiframeポップアップと同時にエラー発生
http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/aoewofa_zpsdqtvg5gs.jpg

-------

Chrome拡張の英訳とガリガリ音のことはちょっとわからないです。
申し訳なーい (´・ω・`)
ieについては元々のスペック自体がアレでソレなもので。
以下参考(ものすごく的を得た風刺画)

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/IE-Browser-Cartoon-275x300_zps4yjibmf1.jpeg

2016/03/29 (Tue) 00:33 | EDIT | REPLY |   
ハギ子  
テンプレート使わせてもらっています。

素敵なテンプレートありがとうございます。
とってもお気に入りで使っています。

質問なのですが、引用文なんですが、文字が中央揃えになると思うんですが、左に揃えさせることはできますか?中央揃えだと少し見づらくなってしまって。

教えてもらえたら嬉しいです。
よろしくお願いします!

2016/09/05 (Mon) 00:25 | EDIT | REPLY |   
Akira  
To ハギ子さん

ありがとうございます

> 引用の文章を左寄せにしたい件
Ctrl+Fキー検索

blockquote p {

上記を目印にされますとCSSソース内に1箇所あります。

blockquote p {
text-align: center;
}

こちらを削除してください。
よろしくお願いします。

2016/09/05 (Mon) 13:41 | EDIT | REPLY |   
ハギ子  
ありがとうございます!

できました(^^)うれしい♪
ありがとうございます!!

2016/09/06 (Tue) 20:49 | EDIT | REPLY |   
Akira  
To ハギ子さん

良かったですー
お疲れ様でした

2016/09/08 (Thu) 11:54 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/09/22 (Thu) 12:15 | EDIT | REPLY |   
Akira  
To DaisyGreen コメントの件 内緒さん

> テンプレート「DaisyGreen」が要因となり 現象が発生している

とのことですが、これは不具合でもなんでもなくFC2正規機能の「コメントトリップ」です。
パスワードを利用した人のみ文字列が生成されます。
不要であれば
Ctrl+F(Windows)/ Command+F(Mac) キー検索

<%comment_mail+name> #<%comment_trip>

赤字部分を削除してください。
また、コメント者名クリックでメールではなくリンクを開くのであれば上記を以下の通り修正してください。

<%comment_url+name>

よろしくお願いします。

------ 追記

公式での共有配布のものを
・コメントトリップなし
・訪問者websiteを別タブで開く
ように上書き変更しました。
修正が面倒であれば再DLをお願い致します。

2016/09/22 (Thu) 15:49 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2016/09/22 (Thu) 19:13 | EDIT | REPLY |   
Akira  
To DaisyGreen コメントの件 内緒さん②

ご納得頂けて幸いです。
FC2は公式・共有問わずテンプレートのカスタマイズに関する質問には一切答えてはくれません。
明らかにFC2システム上のエラー・不具合である、となった時のみ対応して頂けます。
テンプレ固有問題には不可侵です。
ですので直接私の方お申し付けくださいね。
判断としてFC2不具合である、となった際には私の方からその旨運営に連絡します。

作業お疲れ様でした

2016/09/22 (Thu) 23:14 | EDIT | REPLY |   
Akira  
To Grunge〜スマホ版ご利用中の内緒さん(移動先)

https://vanillaice000.blog.fc2.com/blog-entry-340.html#comment4712
> youtbe埋め込み、レスポンシブ設定の件

まずレスポンシブ設定は記事内にリンクがありますのでそちらからお願いします。
この設定を行わない限りスマホ版が表示され続けます。

で、youtubeの件ですが、私まだアップデートしておりません(笑)
なのでこれからやって確認しますね。
いずれにしろこれはiOSの仕様というよりもyoutubeの仕様ですので、私たちではどうにもできないと思います。

あとですね、内緒さんの場合はトップページの情報量がかなり多いんですね。
ですから以下の記事をお読み頂きまして、再考をお願いします。
https://vanillaice000.blog.fc2.com/blog-entry-557.html
https://vanillaice000.blog.fc2.com/blog-entry-613.html

それでもDaisyGreenで、ということであればそれで私は構いませんが、一応懸念材料だけお伝えしておきますね。
それからサイドメニューにフラッシュコンテンツがありますので、これはGoogleからモバイルフレンドリーとして認めてもらえない要因になります。
フラッシュは削除が望ましいと思います。

youtubeの動作については後程追記します。


--------- 追記
縮小アイコン、無くなってますね (´・ω・`)
ユーザー側でボタン関連の操作ができるパラメータも今のところ無さそうです。
私も「これが欲しかった!」と喜んだのですが、なんでやろ ^^;

2017/11/18 (Sat) 23:47 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2017/11/20 (Mon) 15:19 | EDIT | REPLY |   
Akira  
To Grunge〜スマホ版ご利用中の内緒さん(終了のご報告)

内緒さんの場合はGrunge〜のスマホ版をご利用中ということで、質問を投げる先が無いんですよ(笑)
私が記事を削除してしまっているので。
なので今回はイレギュラーということでどうぞお気になさらず。

コメントの公開・非公開も現在のところご本人にお任せしています。
URLの添付を必須にさせて頂いたので、場合によっては非公開でないと都合の悪い方もいらっしゃいますよね。
ただ非公開コメントはどうしても私の見落としが発生しやすいです。
公開されていれば見落としてもいずれ気づくのだけれど、非公開だと全く気づかずそのままになってしまうことも ^^;

-----
あとひとつ心配事があるのですが、DaisyGreenの方を2015.8.9以降更新されていませんよね。
このままだとSSL化を行った時にページが正常に表示されません。
ですから今のうちにアップデート(再DL)されるか、自主的な修正をされた方が良いと思います。
現在のところSSL化はユーザーの任意設定になっていますが、来年あたり強制移行になると思われますので今のうちに対策を。
というかもう自主的なSSL化を行った方が良いですよ (´・ω・`)

SSL参考記事
https://vanillaice000.blog.fc2.com/?tag=SSL

SSLに向けての修正手順
https://vanillaice000.blog.fc2.com/blog-entry-580.html

* DaisyGreenは修正対象外ですが、最新版をご利用の方に限ります。
内緒さんの場合には修正必須です。

まとめ(内緒さんが今すべきこと)
・フラッシュコンテンツの排除
・最新版へのアップデート

修正しなければいけない時が近いうちに必ずやってきます。
その時には「ページがまともに表示されない」という憂き目に遭いますので、そうならないためにも是非今のうちに。

2017/11/20 (Mon) 16:32 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
該当テンプレートの専用記事にお願いします。無関係な記事でのコメントはお控えください。
テンプレートカテゴリ