vanillaice (Akira)

vanillaice (Akira)



名称 Juvenile
カラム数 2
プラグイン対応
プラグイン1.2 --- 右サイドメニュー
プラグイン3 --- フッター上サイドメニュー
レスポンシブ対応
サイドバー PC --- 右/ ブラウザ縮小時・スマホ --- 下
記事幅 可変 最大820px (内寸 790px)
サイドバー幅 固定 350px (内寸 320px)
新着サムネイル表示 あり (フッター上メニュー)
鍵つきブログの方は表示されませんので削除をお願いします
Google Feed API廃止に伴いFC2独自変数での表示に変更しました
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
新着サムネイル利用 = RSS設定
SNSシェアボタン利用 = メタタグ設定
その他 FC2検索バー非表示推奨
テンプレ固有機能 画像にドロップシャドウ
動画縦横比固定
画像ハイパーリンク上マスク
画像拡大
使い方詳細ページ
テンプレート固有機能説明
Browser SupportIn principle, current and previous version

Chrome

Firefox

Safari

Opera

Edge

IE11

License
Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
推奨カスタム カルーセル削除 etc.


valid-html5.png


更新履歴 2017.4.17


・ iPhoneでfixedされたinputが固定されないバグのApple修正に伴いhackを削除

参考記事
【重要】iPhoneでfixed指定されたinputが固定されないバグが解消されました

--------- 以下本文



更新履歴 2017.1.25


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

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


更新履歴 2017.1.13


・RSS新着サムネイルをFC2独自変数での表示に切り替えました
・PCでの閲覧時にナビゲーションに「mobile」(スマホ専用版)へのリンクが表示される件を修正しました

関連記事
Google Feed API 廃止に伴うテンプレートの一部レイアウト変更


--------- 以下本文



こーんこーん♪ こーんこーん♪
釘〜を刺す〜〜♪
山崎ハコさんの破壊力 (´・ω・`)
このフレーズが頭から離れません… 困った…



じゅべないる
12月23日 申請致しました


TOP PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ



仕様
・プラグイン1・2 は右サイドメニューに プラグイン3 はフッター上サイドメニューに配置されます
・UP画像カルーセルスライダー
・サイト内検索をクリックですぐにフォーカスできるようにしました
・今回は右サイドメニューを大きめに作成しました
・個別記事はヒーローヘッダーを採用しました


お受けできないご質問・ご相談(申し訳ございません 自己責任・自己努力でお願いします)
・サイドバーの形状変更
・トップページの表示タイプ変更(要約表示から全文表示へ変更 など)
・レスポンシブを固定幅化
・カラム数やサイドバー位置変更
・テンプレートと無関係なプラグインの導入


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



カルーセルの仕様説明と削除手順

ここに表示が行われるのは
・記事内本文に画像がある場合(最初の1枚のみ)
・アイキャッチ画像設定(記事単位での個人設定)がある場合

のみです
記事内に画像が無い場合は表示されません
カルーセル不要と思われます方は

注)カルーセル不要の方ここから削除

で検索されますと 3箇所 出てきますので
それぞれガイダンスに従ってください



iPhoneのバグが解消されましたので当該内容についてのhackを削除しました。
最新版のDLかご自身での修正、いずれかをお願いします。


【重要】iPhoneでfixed指定されたinputが固定されないバグが解消されました

-------- 以下本文

「クリックしたらすぐにフォーカスして欲しい」
というリクエストがありましたので そのように作りましたが…

! 重要 ! 私のテンプレのナビゲーションはほとんどが「固定」です
スクロールしても上部に居残って いつでも押せるようになってます
この「固定ナビ」の場合にですね iPhoneのバグが発生します

バグ… と言って良いのかわかりませんが
CSS解釈的にはもう完全な誤認識というか 本来そうなってはいけない挙動になります
ですがAppleが修正しないとなるとこれはもう仕様(笑)

iPhoneではinputと呼ばれる要素をクリックすると
自動で下からニュっとキーボードが出現しますよね
その際にこれまた自動で(勝手に) ページの最上部まで引き戻されてしまいます
fixed というCSSを考えるとこれは本来の動きではありませんが まぁともかく iPhoneではそうなっちゃう (´・ω・`)
そこで
「一旦上まで引き戻されたものをさらに引っ張って位置を戻す」
というhackを入れてます
ページ中ほどや終盤に滞在中なのに クリックしたらページ最上部って嫌じゃんね (´・ω・`)
この引張りっこをする際 ビュルルッ って感じの動きがありますけれどもー
それは堪忍してください (っ´∀`c)

さらに問題点
iOS版(iPhone版) Google Chrome で動作不良があります
iOSのChromeのUIが独特で 細かい説明は省きますが
クリックしてページ滞在位置には留まるものの 入力スペースがブラウザの上部バーの下に潜り込んでしまいます
ちょこっと上にスクロールすると出て来るけど

というわけで「そんな中途半端なもん要らんわ!」
という方は サクっと削除お願いしまーす (´・ω・`) ←

注)サイト内検索不要の方ここから削除

を目印にガイダンスに従って葬ってください(すみません)



個別記事のヒーローヘッダーについて

ヘッダー部分に主要画像を大きく表示させるのが「ヒーローヘッダー」と呼ばれるものですが
こちらもカルーセル画像と同様
・記事本文に画像がある場合
・アイキャッチ画像を設定している場合
のみ表示されます
画像が無い場合はヒーローヘッダー無しです
画像本文に掲載画像があり かつ アイキャッチ画像を設定している場合には
アイキャッチ画像が優先表示になります(アイキャッチ画像は記事本文には出てきません(FC2アイキャッチの仕様))

ヒーローヘッダーを無くしたい
という方もいらっしゃるかもしれません
んと 今回はこういう仕様なんで!!! (すみませんホント)



ブログタイトル下説明文について
トップページでは、
環境設定 > ユーザー情報の設定 > ブログの説明 に記載した文章が表示されます。
トップ以外の各種ページでは、
CATEGORY PAGE, EDIT PAGE など、滞在中のページ種名称を表示するようにしています。
現在地がどこなのか、簡易的なパンくずリストの役割を担っています。
SEO的な影響は特にありませんが、ブログ説明文で全て統一したい方は

<p id="site-description">
から
</p>
に挟まれた内容を一旦消去し、
<%introduction>


に置き換えてください。
以下のように変更できていればOKです。

<p id="site-description">
  <%introduction>
</p>



RSS新着サムネイルについて

公式プラグインで「最新記事一覧(サムネイル画像付き)」というのがリリースされましたので
不要な方は削除をお願いします

注)新着サムネイル不要の方・非公開ブログの方はここから削除 

上記を目印にガイダンスに従い削除です
公式のものとはデザインが全く違いますので一応入れておきます



ドミナントカラー

以下が基本色調です
数字の部分だけを抜き出してCtrl+Fキー検索されますと 不透明度つきのものも全て出てきますので上手に活用してください
例) 51,51,51


rgb(51,51,51) ブログタイトル文字色, 基本文字色, ナビゲーションハンバーガー色(スマホのみ)
rgb(204,102,153) 基本リンク色
rgb(250,250,250) 関連記事リスト・コメント一覧など背景色
rgb(30,30,30) コメントsend/ deleteボタン・ページ送り・フッターなど背景色



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


デフォルトはグレー背景アイコン
サンプル




背景色変更はCSSソース末尾に以下を追加

.name管理人ハンドルネーム:before {
  background-color: カラーコード;
}

管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に差し替えてください
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません
サンプルのようにプロフィール画像などを設定する場合は以下の通り

.name管理人ハンドルネーム:before {
  content: "";
  background: url(画像アドレス) center center /cover no-repeat;
}

管理人コメント文の背景を変更するには

.comment-box管理人ハンドルネーム {
  background-color: カラーコード;
}

.comment-box管理人ハンドルネーム:after {
  border-color: rgba(250,240,245,0);
  border-bottom-color: カラーコード;
}

サンプルの背景色は rgba(250,240,245,.4) です 参考までに

* この方法をお使い頂けないハンドルネームの方 *
・文字列中に「-」(ハイフン)「_」(アンダースコア) 以外の記号(全角・半角スペース含む)
また 管理人と全く同じハンドルネームの方からコメントが入った場合
管理人と同じデザインを踏んでしまいますので 割り切ってお使いください






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


これで今年最後の申請になるかと思います
ご愛顧賜りまして感謝でございます
来年もよろしくお願い致します ( ゚Д゚)ノ
関連記事

Comments 16

There are no comments yet.
Akira  
To ユキさん(移動先)

> カルーセル, ヒーローヘッダーが不可視になってしまった件の修正について

デフォルトでは画像上にあるテキストが読みやすいように、画像に透過黒オーバーレイ(マスク)をかけてあります。
そちらを完全不透明「白」に変更されているので下の画像が透けてみえることもなく、また、画像上のテキストも同色ですから読めません。

● オーバーレイを「黒」から「白」にする必要があるのかどうか Yes/ No
No の場合はデフォルトに戻してください。
Yesの場合は以下の通り

① 完全不透明を不透明度指定ありに変更
Ctrl+F(Windows)/ Command+F(Mac)キー検索

.grid-overlay

この項目の background-color の指定が現在
#FFFFFF
になっていますので、

rgb(255,255,255,.3)

上記の通り不透明度指定をしてください。
赤字になっている小数点以下の数値が大きいほど不透明度が高くなります。
「透明度」ではなく「透明度」ですので、数字が大きいほど透けなくなります。
この指定では#●●●●●● あるいは #●●● の16進数コード指定はできませんので、必ず上記のような10進数での指定をお願いします。
デフォルトは rgba(0,0,0,.2) で、黒の不透明度0.2に設定してあった箇所です。
同じ要領でヒーローヘッダーのマスクも変更。

注)ヒーローヘッダー上記事タイトルが読みづらい方は .2 の数字を大きくしてください(.4〜.9の間 1で完全不透明黒)


の注釈が付いていますのでそちらを目印に。

=========

マスクの色が決まりましたら上に乗る要素(記事タイトル+記事要約+日付+SNSシェアボタン(個別記事のみ))は反対色を設定する必要があります。
どのようにされるかは私ではわかりませんので該当箇所だけ記しておきます。
それぞれ検索して割り出してください。

① カルーセル画像上の「タイトル」と「記事要約」とを分けるボーダーの色。
デフォルトは rgba(255,255,255,.3)

.grid-context:before,

② カルーセル画像マウスホバー時の背景色
デフォルト rgb(30,30,30)

注)カルーセルマウスホバー時背景色

③ ヒーローヘッダー上記事タイトル。
デフォルト white

#hero-title,

④ ヒーローヘッダー上SNS
デフォルト white

.inner-image-parent a

========

ともかく同系色の組み合わせでは当然不可視になりますので、ご自身で組み合わせをお考えくださいね。
また、カスタマイズ箇所の抜き出し等これ以上の細かな指摘・修正(デフォルトに戻す作業)は私の方では致しかねますので、混乱された場合にはデフォルトテンプレの再DLをお願いします。

=========

続きまして
> カテゴリ等の欧文フォントを変更したい件

デフォルトでは
● 基本英文フォント(記事内やナビゲーション) --- Lato
● カテゴリやブログタイトル --- Berkshire Swash
をそれぞれ指定しています。
Berkshire Swashが不要、という解釈で合ってますでしょうか。
Ctrl+F(Windows)/ Command+F(Mac)キー検索

'Berkshire Swash',

上記をコピペして検索してください。
(カンマや空白などが含まれています)
ヒットした箇所の上記文字列を全て削除
全部で11箇所あります。
あるいは Lato に変更されるのならば

'Lato',

に修正。
また、'Berkshire Swash', の後ろが 'cursive' になっているものについては同じく Lato に揃えるのであれば

'Lato',

に変更必須(変更しないとブラウザデフォルトのcursiveフォント(装飾系フォント)に書き換わってしまいます)、あるいは日本語フォントで構わないのであれば font-family の一行を削除。
また font-family ではなく font という指定になっている場合には

font-family: 'フォント名';
font-size: フォントサイズpx;
line-height: 行間;

に分割する必要もあります。
font-family については 'Lato' を指定されるか行ごと削除されるかのいずれかです。

=======

[余談]
ヘッダーをバナー画像に変更されていますが、現在

<a href="ブログアドレス" title="ブログタイトル" alt="ブログタイトル"><img src="画像アドレス"></a>

になっています。
alt属性は<a>ではなく<img>の方に追加した方が良いです(html構文的にもSEO的にも) ↓

<a href="ブログアドレス" title="ブログタイトル"><img src="画像アドレス" alt="ブログタイトル"></a>

検索エンジンに画像を言語として伝えるために使うのがalt属性で、画像の方へ付加します。


以上です。
お手数おかけします。
よろしくお願いします。

2017/01/03 (Tue) 01:29 | EDIT | REPLY |   
ユキ  
No title

ありがとうございました。
変更できました。
とてもたすかりました!大事に使っていきたいと思います。

2017/01/03 (Tue) 13:30 | EDIT | REPLY |   
Akira  
To ユキさん

良かったですー。
作業お疲れ様でした。
嬉しいお言葉もありがとうございます

2017/01/03 (Tue) 18:40 | EDIT | REPLY |   
Akira  
To 理系女子の美容オタクママさん(移動先)

まず最初に、最新版がDLできるようになっておりますので、お手数ですが再DLをお願いします。
DLされますと、パソコンで出てくるナビゲーションの「mobile」がなくなります。
これはスマホでのみ表示させるものですが、私のポカでPCでも表示されておりました… ( ̄∀ ̄;)
誠に申し訳ございません (*_ _)

> mobleボタンの意味

こちらはスマホ版の設定を行っている方のみ有効です。
このボタンでスマホ専用版へ誘導します。
ママさんの場合にはスマホ版非表示設定・レスポンシブ利用ですので不要です。
不要な方へは削除をお願いしています。
Ctrl+F(Windows)/ Command+F(Mac) キー検索

<!-- 注)スマホ版非表示の方この行削除 -->

上記を目印に削除をお願いします。

=====

> aboutボタンの意味

こちらはユーザーさんが特定のページに誘導したい際に使って頂く空ボタン(空リンク)です。
例えば「information」など。
適宜表示テキストをaboutから変えてお使いください。
(例だと about を information に書き換えて、該当リンク先を#に差し替え記載)
不要であれば削除をお願いします。
(上の mobile の直下にあります)

======

> indexにサムネイル

FC2ブログのindex(全記事ページ)は特殊なもので、他ページの変数が一切利用できません。
残念ながら現状ではこのページでサムネイルを取得することはできません。

======

> 人気記事リスト

こちらも現在FC2では実装されていません。
ACR web等、外部プラグインに頼るほかありません。
こちらについては私の方でお手伝いすることはできません。
(ID取得等が必須です)

よろしくお願いします。

2017/01/12 (Thu) 20:42 | EDIT | REPLY |   
理系女子の美容オタクママ  
No title

Akiraさん

早速丁寧に回答いただきありがとうございます。
お手数かけますが、またいくつか質問させてください。

1.サイドバーの文字の大きさ

サイドバーのタイトルではなく、その下の説明文?の箇所の文字を
もう少し大きくしたいのですが、どこを変更すればいいですか?
簡単なブラグインはfontで変更できたんですが、タグがややこしいプラグインは
変更の仕方がわからないので、全体的に大きく変える設定があれば教えてほしいです。


2.サイドバーのずれ

最初にページを表示した際に、サイドバーの上の方が、カルーセル?に
隠れてしまうのですが、これは直せますか?


3.はてなブックマークの追加

はてなブックマークを記事下の拍手の左側に入れたいのですが、
ネットで調べた「topentry」の間に貼る、というのを試しても出てきません。
何か独自の設定があるのでしょうか。


4.上のツールバー?の表示

上のツールバーのようなバーや、記事下にあるツイッターやフェイスブックへの
共有アイコンが目立ちにくいので、もう少し大きくする方法を教えてください。


5.新着記事の位置

現在、新着記事の位置がフッター?で固定されていますが、
これをサイドバーに表示させることはできますか?


質問は以上です。
お手数おかけしますが、回答お願いいたします。

2017/01/14 (Sat) 00:40 | EDIT | REPLY |   
Akira  
To 理系女子の美容オタクママさん

こんばんは (o'ω')ノ

> 1.サイドバーの文字の大きさ

これはサイドメニュー内のプラグイン全て同じ大きさで、という解釈でよろしいでしょうか。
で、<font>というタグは使わない方が良いですね。
現在では既に廃止されています。
(いまだに使えているのは後方互換の原則に則ってブラウザが補完してくれているだけです)
そこはお任せします。
Ctrl+F(Windows)/ Command+F(Mac)キー検索

.side-menu

7箇所ヒットしますが一番最初のものが対象です。
この項目の

font-size: 12px;

赤字部分をご希望のサイズに修正してください。

========

> 2.サイドバーのずれ

こちらは私の環境では確認できませんでしたが、各人のパソコンのスペックや通信環境にもよるかと思います。
スライダーの整形よりもサイドメニュー部の方が早く構築されているのが原因です。
これを解消するにはスライダーを削除するぐらいでしょうか。
スライダーの削除については

注)カルーセル不要の方ここから削除

を目印にガイダンスに従ってください。
また、アドレス入力でのページ表示ではなくリロードでの表示を行いますと、サイドメニューがボトムアンカー(下まで行くと止まる)という特殊な仕様ですので、動作環境に関係なく重なることがあります。
(スクロールすると解消されます)

========

> 3.はてなブックマークの追加

この情報だけでは何をお伝えしたものやら (´・ω・`)
そもそも拍手の横に入れるのは至難の業です。
拍手やfbボタンの位置というのはFC2で予め強制的に決められています。
強引に左側に割り込ませるにはJSコードを組む必要があります。
「topentryの〜」につきましては記事内自体がtopentry内です。

① ソース内のどこに
② どのようなソースコードを(はてなの)書いたのか

をお知らせ頂かないとどうにもなりません。
一口に「はてなボタン」と言っても色んな書き方、色んなタイプがあります。
(はてなコード生成のお手伝いは致しかねます)
「拍手の左側に」という位置にこだわるのならばJS必須で描画が遅くなりますのでおすすめはできません。

========

> 4.上のツールバー?の表示

こちらはアイコンの大きさを変える、という内容だけでお願いします。
ナビゲーション自体の縦幅を大きく変更されますとCSS及びJSの変更など大掛かりになります。
CSSソース末尾に以下を追加

.right-social .fa {
font-size: 20px;
}

赤字部分はお好きな数字で構いませんが、20px以上にはされない方が良いと思います。

=======

> 5.新着記事の位置

検索

<!-- 注)新着サムネイル不要の方・非公開ブログの方はここから削除 -->

から

<!-- 注)新着サムネイル不要の方・非公開ブログの方はここまで削除 -->

に挟まれた内容(上記コメント含む)を

① <!--plugin_first-->の「すぐ上」
② <!--/plugin_first-->の「すぐ下」
③ <!--/plugin_second-->の「すぐ下」

このいずれかの位置へカット&ペーストで移動をお願いします。

=======

以上です。
よろしくお願いします。

2017/01/14 (Sat) 01:16 | EDIT | REPLY |   
理系女子の美容オタクママ  
No title

遅くなりましたが、以前は丁寧な回答ありがとうございました。
また質問させてください。

<div class="ninja_onebutton">
<script type="text/javascript">
//<![CDATA[
(function(d){
if(typeof(window.NINJA_CO_JP_ONETAG_BUTTON_b8229fe7ed82d68841d80fa7378b7635)=='undefined'){
document.write("<sc"+"ript type='text\/javascript' src='\/\/omt.shinobi.jp\/b\/b8229fe7ed82d68841d80fa7378b7635'><\/sc"+"ript>");
}else{
window.NINJA_CO_JP_ONETAG_BUTTON_b8229fe7ed82d68841d80fa7378b7635.ONETAGButton_Load();}
})(document);
//]]>
</script><span class="ninja_onebutton_hidden" style="display:none;"><%topentry_link></span><span style="display:none;" class="ninja_onebutton_hidden"><%topentry_title></span>
</div>

を記事下に追加したいのですが、サイトの説明通りに挿入したらページ全体の一番下に表示されてしまいました。
どこに挿入すれば、各ページの記事下に挿入できますか?
(できれば、現在拍手やツイッターボタンが表示されているあたりに入れたいです)

また、それに伴い現在の拍手ボタン等は削除可能ですか?

拍手ボタンの列と関連記事タイトルの間に結構空白があるので、それを極力狭くしたいのですが、
それはどのようにすればいいか教えてください。

よろしくお願いします。

2017/02/12 (Sun) 02:09 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2017/04/11 (Tue) 23:55 | EDIT | REPLY |   
Akira  
To Juvenile表示カルーセル表示件数の件 内緒さん

ありがとうございます

> カルーセルスライダーで表示できる画像数を5.6枚に増やせないかと 〜

カルーセルに表示される画像点数は1ページあたりの記事表示件数に依存します。
画像なしの記事の場合はカルーセル対象外です。
例)
1ページあたり記事 10件
・画像あり 6件
・画像なし 4件
= カルーセル 6件表示

参考
http://vanillaice000.blog.fc2.com/blog-entry-220.html#object6

よろしくお願いします。

2017/04/12 (Wed) 19:22 | EDIT | REPLY |   
とーしろう  
対応ありがとうございます。

言葉足らずでしたm(__)m

<a href="http://vanillaice000.blog.fc2.com/" target="_blank">http://vanillaice000.blog.fc2.com/</a>
↑このakiraさんのトップページみたいに画面いっぱいにカルーセルをひろげて
スクロール枚数じゃなく表示されてる画像数増やしたり
カルーセルのサイズ変更をしたかったんです

またまた説明へたですいません。

2017/04/12 (Wed) 20:46 | EDIT | REPLY |   
Akira  
To とーしろうさん

そういうことでしたか (´・ω・`)

現在設定中のテンプレートのカルーセルは、ブラウザ幅が拡・縮されてもほぼ一定の大きさを保つようにしてあります。
(600〜650pxに制限)
Juvenileについてはそういった制限を設けていません。
で、表示件数(枚数)を操作するとなると、同時に左右矢印の位置も計算して変更する必要が生じます。
結構緻密な計算が必要ですので、カスタマイズ難易度としては高いと思います。
難易度というより、めんどくさい(笑)
んー。たぶんかなり難しいんじゃないでしょうか (´・ω・`)

現在のテンプレートは次回申請予定ですので、公開されたらDLして頂いて該当部位のソースを移設するのが良いかもしれません(その際のお手伝いはできませんが)
現在のものを変更、となると手順説明もかなり難しいです。ごめんなさいね (*_ _)

2017/04/12 (Wed) 22:45 | EDIT | REPLY |   
とーしろう  
度々の対応感謝です

今回は断念して
コツコツ勉強します。

ありがとうございました!

2017/04/12 (Wed) 22:58 | EDIT | REPLY |   
Akira  
To とーしろうさん

お役に立てず申し訳ないです。
こちらこそありがとうございます

2017/04/13 (Thu) 13:08 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2017/05/13 (Sat) 11:21 | EDIT | REPLY |   
Akira  
To Juvenileトップページ画像の件 内緒さん

ありがとうございます

> Topページの画像を設定するにはどのようにすれば〜

「トップページの画像」というのは各記事のサムネイル画像のことでしょうか。
それともスライダーの画像のことでしょうか。
スライダーについてはhtmlから削除されているようなので、恐らく前者かと思います。

サムネイル抽出は「本文」に添付した一番最初の画像
(外部直リンク, FC2エディター絵文字 除く)が対象となります。
本文内に画像が無い場合には現状のようなNo imge画像になりますので、以下の記事を参考に。

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

新規実装の「アイキャッチ」そして「No image」
が見出しになっている内容が該当です。
ご質問の意味を取り違えているようでしたらご指摘ください。
よろしくお願いします。

2017/05/13 (Sat) 20:11 | EDIT | REPLY |   
-  
教えてください

こんばんは。
現在レスポンシブ設定しているのですが、スマホ表示のカスタマイズのことで教えていただけないでしょうか。

全体的にスマホ表示ではスクロールを極力少なく済むようにしたいというのが根底にあり、トップページは極力余白を減らしたので、個別記事ページ表示の際の質問です。

1.ブログタイトル下に表示されているARTICE PAGEという表示を消せますか?ブログタイトルの下がすぐ画像と記事タイトルになるのが理想です。

2.上記消した場合の余白も含め、その下のサムネイル画像(記事タイトル)と上のブログタイトルの間の余白を極力狭めるためにはどうすればいいですか?

3.記事の見出し(h3)の文字の大きさが所々変わってしまっているのですが、何か原因はあるのでしょうか?できれば統一したいです。(私が色々カスタマイズしている中で何か変な記述をスタイルシートにしてしまったのかもしれません・・・)

4.記事下のユーザータグの下と前後記事へのリンクの間の余白を狭めるにはどうすればいいでしょうか?

色々細かくて申し訳ないのですが、教えていただけると大変助かります。
よろしくお願いいたします。

2017/06/04 (Sun) 01:08 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い
2017.8.8 本日より10日ほど留守にしますのでお返事遅れます。すみません