vanillaice (Akira)

vanillaice (Akira)

Promise-Me


名称 Promise-Me
カラム数 2
プラグイン対応 ○ プラグイン1・2 --- 右サイドメニュー/ プラグイン3 --- フッター上サイドメニュー
レスポンシブ対応
サイドバー PC --- 右とフッター上/ ブラウザ縮小時・スマホ --- 下
記事幅 可変 最大970px (内寸 910px)
サイドバー幅 固定 300px(内寸 270px)
新着サムネイル表示 あり
鍵つきブログの方は表示されませんので削除をお願いします

Google Feed API廃止に伴い削除致しました
任意個人設定 レスポンシブ利用 = スマホ版非表示設定
新着サムネイル利用 = 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.1.25


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

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


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



更新履歴 2017.1.13


・RSS新着サムネイルを削除しました

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


更新履歴 2016.9.27


モバイル版誘導ボタンのURL記載ミスを訂正

ミスが多いですね ホントにね
申し訳ないことであります (*_ _)
カスタマイズ済みで再DLが困難な方は以下の手順で修正をお願いします
Ctrl+F(Windows)/ Command+F(Mac) キー検索

<%server_url>?sp

上記緑の部分を削除して以下の通り

<%url>?sp

大変お手数おかけします よろしくお願いします


更新履歴 2016.9.19


スマホでのナビゲーション展開ハンバーガーにミスがありました

申し訳ないですー
今回の上書き前はクリック時のボタン形状がこんななってます ↓


正しいのはコチラ ↓



ごめんなさい… ( ̄∀ ̄;)
公式は上書き修正を済ませました
カスタマイズ済みで再DLが困難な方はお手数ですが以下の手順でハンバーガーボタンの修正をお願いします

Ctrl+F(Windows)/ Command+F(Mac) キー検索

.open-navi span:nth-of-type(3) {

CSSソース内に1箇所あります
この項目の

transform: translateY(8px) rotate(45deg);
に一部追加で以下の通り

transform: translateY(-8px) rotate(45deg);

マイナスを付け忘れておりました (/_;)
ご面倒おけけします よろしくお願い致します


更新履歴 2016.9.9


● リストマーカーの位置を調整しました

参考記事
list-item横の隙間について

● テンプレ内カレンダーの月表示 SEPTEMBER のRだけが下に繰り越す件を修正しました
申し訳ございません


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



未だにiPhone6S未購入のあきらでございま (´・ω・`)
ショップ行くのめんどっちい リリースされたら自動で送ってほしい ←


ぷろみす みー emoji
グリッドレイアウトです
26日頃申請予定 通過致しました ありがとうございます



THE FIRST PAGE DEMO
TOP PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ



仕様
・トップページ最初の1ページだけ大きなヘッダー画像が出ます
・最新の記事(トップページ1P目の一番上の記事)だけ大きめ表示
・円形の日付は月毎に色が変わります
注) でCtrl+Fキー検索されますと カスタマイズのガイドが出てきます
カスタマイズを始める前に一度ご確認ください


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


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




全体のフォントについて


今回文字小さめです
不都合のある方は変更をお願いします
Ctrl+Fキー検索

フォント大きさ

そのまんま(笑)
各部位のフォントの大きさをご確認頂けます



個別記事のページ送りについて


ブラウザの左右隅にあるものは 同一カテゴリ間ページ移動 です
不要の方は以下を目印に削除をお願いします(htmlソース内 2箇所)

<!-- 個別記事ブラウザサイドページ送り(カテゴリ間移動) 不要の方ここから削除 -->

Microsoft Edgeでは不具合が出ますので機能自体を削除しています
(時系列移動の方はちゃんとあります)


円形日付の色について


January

1

2016

February

2

2016

March

3

2016

April

4

2016

May

5

2016

June

6

2016

July

7

2016

August

8

2016

September

9

2016

October

10

2016

November

11

2016

December

12

2016




1月 --- rgb(180,122,90)
2月 --- rgb(182,158,200)
3月 --- rgb(0,115,168)
4月 --- rgb(201,91,92)
5月 --- rgb(107,127,187)
6月 --- rgb(243,152,29)
7月 --- rgb(223,187,194)
8月 --- rgb(227,136,78)
9月 --- rgb(83,108,170)
10月 --- rgb(157,181,209)
11月 --- rgb(178,89,104)
12月 --- rgb(147,170,0)


カラーコードは上記の通りです
変更されます方は 以下の2箇所修正してください

/* assigned background color */

/* assigned font color */



ヘッダー画像変更


Ctrl+Fキー検索

/* 注)ヘッダー画像 */

を目印に
src="ここに画像アドレス"

縦横比不問とはいえ横に長いですから横長画像で(笑)
横1200px以上が望ましいです
サイズが大きいので事前に容量は削減しておいてください
ヘッダー画像の容量が1MBあってページ表示がめちゃくちゃ遅い... なんてことにならないよう注意です


デフォルト画像 (縮尺掲載/ 1500✕937/ 50KB/ Public domain)

header image


No image画像変更


以下のアドレスが対象画像ですので差し替えをお願いします
画像上の白オーバーレイマスクとテキストは自動で乗ります

//blog-imgs-84.fc2.com/v/a/n/vanillaice000/998977_8f83l5u_l1.jpg

htmlソース内に1箇所 CSSソース内に2箇所
計3箇所

・ トップページサムネイル(FC2サムネイル)用 --- html内
・ 検索結果サムネイル(FC2サムネイル)用 --- CSS内
・ RSS新着サムネイル(RSSフィードから取得)用 -- CSS内


デフォルト画像 (縮尺掲載/ 400✕256/ 16KB/ Public domain)





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




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

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


上記内容をCSSソース末尾に追加します
緑文字「管理人ハンドルネーム」の部分は普段コメント欄でお使いのお名前に置き換えてください
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません
サンプル画像の管理人背景は rgb(193,90,99) です 参考までに

プロフなどの画像を設定されます方はこちら ↓

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


サンプル



* この方法をお使い頂けないハンドルネームの方 *
文字列中にハイフン(-) アンダースコア(_) 以外の記号がある方



その他


Colorbox(ページ内画像拡大スクリプト)をご利用の方は以下をCSSソース末尾に記載して頂いた方が良いと思います

#cboxOverlay, #cboxWrapper, #colorbox { 
  z-index: 100005 !important; 
}

こちらは任意です
モーダル表示の際にナビゲーションとページtop/ bottomボタンがモーダル背景よりも「上(重なり順上位)」にならない ようにする処理です
(Colorboxはデフォルトでの導入はしておりません
その他関連プラグインについては各々ご確認をお願いします
デフォルト導入のDarkboxについては処理済みです)





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


いつもありがとうございます ( ゚Д゚)ノ
関連記事

Comments 53

There are no comments yet.
きろろ  
管理人コメントの画像について

こんにちは<(_ _)>

プロフで使用している画像を管理人コメントで使いたいのですが、
前回のソースの書き方でいいのでしょうか?

それにしても、急に暑くなったと思ったら
もう4月も終わりなんですねw

2016/04/26 (Tue) 16:17 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2016/04/27 (Wed) 05:46 | EDIT | REPLY |   
Akira  
To きろろさん

お返事遅くなりましたー!

はい。Alternativeテンプレと同じ要領でOKです。
私また書いてなかったですね。ごめんなさいね ^^;

2016/04/28 (Thu) 22:35 | EDIT | REPLY |   
Akira  
To Promise-Meドロワーサイドバーの件さん

ありがとうございます
今回はナビゲーションを固定にしていますので、サイドメニューはドロワーにしていません。
申し訳無いですー。
ちょっとこの辺り好き嫌いありますよね (´・ω・`)
アフィリエイトされている方から好まれないドロワー(笑)

2016/04/28 (Thu) 22:38 | EDIT | REPLY |   
きろろ  
テンプレート

お借りしました<(_ _)>

新着サムネイルは、鍵付き表示ができないので、
ソースは削除したほうがいいですか?
あってもなくてもあまり代わらない気もするのですがw

2016/05/03 (Tue) 00:54 | EDIT | REPLY |   
Akira  
To きろろさん

ありがとうございます

削除しなくても構いませんが、<h4>の「What's New?」が出てしまいますね。
そして読み込みができないスクリプトというのはページ表示に負担をかけます。
なので削除するか、あるいはコメントで囲うか。

<!--
内容
-->

これのこと。
コメントにしておけばレンダリング時に無視されます (・ω・)

2016/05/03 (Tue) 14:17 | EDIT | REPLY |   
きろろ  

ありがとうございます。
でも、何もしなくてもWhat'Newは出ないんですけどねw
ページに負担がかかるのであれば、削除します。

ありがとうございました<(_ _)>

2016/05/04 (Wed) 02:45 | EDIT | REPLY |   
Akira  
To きろろさん

フッター上に出ませんか (´・ω・`)
え。なんでやろ(笑)

読み込みできないものというのはなるべく無い方が良いですね。
なるべく(笑)

2016/05/04 (Wed) 18:29 | EDIT | REPLY |   
さといも  
初めまして

こちらのPromise-Meを使わせて頂きたいと思っておりますが、記事の(LATEST ARTICLE)上部にお知らせスペース(プラグイン的なものが設置できれば良いのですが、単に内容だけでも)を設ける事が出来ないでしょうか…

お忙しい所申し訳ありません。もし可能でしたら(HTMLの知識はありませんので分かりやすくご教示頂ければ幸いです。

2016/05/07 (Sat) 12:19 | EDIT | REPLY |   
Akira  
To さといもさん

ありがとうございます ( ゚Д゚)ノ

プラグイン的なもの、ということですので、プラグイン登録されるのが一番良いかと思います(笑)
管理画面左の「プラグインの設定」をクリック。
遷移先ページの上部タブ「公式プラグイン追加」をクリック。
そのページ内『拡張プラグイン』の項目に「フリーエリア」というのがありますので追加します。
追加する際には『プラグイン3』にしておくとLatestと同じ場所に追加されます。
続きまして再度画面左の「プラグインの設定」をクリック。
登録プラグインの一覧が出てきますので、フリーエリアの「詳細」をクリック。
すると下にテキストエリアが出現しますので、そこへ直接文字を打ち込んでください。
普通に文章を打つだけですが、改行したい文章末尾には
<br>
と入れます。

------

Latestの「上」という配置にはなりません。
横並びになります。
あるいはこういう方法もあります ↓(スクショ)

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/aw9rfaaf.jpg_zpsu4wkvepr.png

こちらはプラグイン登録ではなくテンプレートのhtmlソース内へ直接書き込みます。
前者の方法(プラグイン登録)はテンプレを変更されましても使うことができますが、
後者の場合にはテンプレ変更で無効化されます。
後者を選択されます時には改めてソース内容をお伝えしますね。
よろしくお願いします

2016/05/07 (Sat) 13:52 | EDIT | REPLY |   
さといも  
早速のご回答ありがとうございます。

まさに、この画像(インフォメーションの通りなのですが、私の説明不足ですみません。(;^_^A アセアセ・・・
位置は、1ページ目トップ画像の下、最新記事の上で、丁度Follow meボタンの左側へ出来れば個別記事表示
などでも常時表示しておきたいのですが、可能であれば…宜しくお願い致します。

2016/05/07 (Sat) 17:59 | EDIT | REPLY |   
waterlily  
アイキャッチ画像について

初めまして。
こちらの「Promise-Me」を使わせて頂きたいと思っておりますが
各記事のアイキャッチ画像(no-imageでコーヒーカップが表示される場所)を無くして
文章だけの記事(TOP画面上で)にする変更は可能でしょうか?

お忙しいところ大変恐縮ですが
可能であればやり方をお教え頂ければ幸いです。
よろしくお願い致します。

2016/05/08 (Sun) 05:21 | EDIT | REPLY |   
Akira  
To さといもさん

スクショのような恰好で良いんですね。
失礼致しました。

・トップページ、個別記事で表示する
・検索結果、コメント編集、全記事リストでは表示しない

という条件で良いでしょうか。
(条件によって記述箇所、記述内容、記述数が異なります)
手順数2です。
Ctrl+Fキー検索

<div id="grid-container" class="cf">

htmlソース内に一箇所あります。
この直下に以下を追加

<!-- お知らせ ここから -->
<!--not_titlelist_area--><!--not_edit_area--><!--not_search_area-->
<article class="main-body">
<h3 class="another-title"><span>Information</span></h3>
<div class="contents">
ここに内容を直接書きます<br>
ここはお知らせです<br>
ここはお知らせです<br>
</div>
</article>
<!--/not_search_area--><!--/not_edit_area--><!--/not_titlelist_area-->
<!-- お知らせ ここまで -->

続きまして検索

<!--permanent_area--><!-- 個別記事 -->

こちらもhtmlソース内に1箇所あります。
この直下に以下を追加。

<!-- お知らせ ここから -->
<article class="main-body">
<h3 class="another-title"><span>Information</span></h3>
<div class="contents">
ここに内容を直接書きます<br>
ここはお知らせです<br>
ここはお知らせです<br>
</div>
</article>
<!-- お知らせ ここまで -->

----

コンテンツ上にボックスを確保する、という簡単なものですので、
CSS整形の方はご自身の理想でお願い致します (*_ _)

2016/05/08 (Sun) 15:21 | EDIT | REPLY |   
Akira  
To waterlilyさん

こんにちは。

・隣同士の記事の高さが同じになる
・画像なし記事の場合にはタイトルの長さによって右側に円形の日付が被る

上記2点をご了承頂いた上でお願い致します。
Ctrl+Fキー検索

<div class="inner-image-parent">

こちらをまず目印にして頂きますと、こういった内容になってます ↓

<div class="inner-image-parent">
<a href="<%topentry_link>">
<div class="imgLiquidFill">
<!--body_img--><%topentry_image><!--/body_img-->
<!--body_img_none--><img src="http://blog-imgs-84.fc2.com/v/a/n/vanillaice000/998977_8f83l5u_l1.jpg" alt="No image"><!--/body_img_none-->
</div>
<!--body_img_none-->
<div class="no-image-mask">
<div class="no-image-text">No image</div>
</div><!--/body_img_none-->
</a>
</div>

(この箇所のすぐ下には<div class="context">がありますのでご確認ください。)
上記内容を以下の通り修正

<!--body_img-->
<div class="inner-image-parent">
<!--/body_img-->
<!--body_img-->
<a href="<%topentry_link>">
<div class="imgLiquidFill">
<%topentry_image>
</div>
</a>
<!--/body_img-->
<!--body_img-->
</div>
<!--/body_img-->

修正箇所をしっかり確認されまして、他の文字列を巻き込まないよう重々ご注意の上作業してください。
よろしくお願いします。

2016/05/08 (Sun) 15:43 | EDIT | REPLY |   
さといも  
To Akiraさん

無事に設置する事ができました。ありがとうございました。m(_ _)m
あと気になる点があるのですが、テスト的に、管理画面内からコメントへ返信
という形で、(管理人)の名前に◎で色を付けて返信投稿してみると名前部分が

管理人">
管理人
Re: 初めまして

となって…2016/05/08 (Sun) 18:55 | EDIT | 管理人さん">REPLY | の…
REPLY部分をクリックすると、コメント投稿TITLE欄に…To <span class=
と入りますが、私がどこかいじってしまったのでしょうか(汗

2016/05/08 (Sun) 20:21 | EDIT | REPLY |   
Akira  
To さといもさん

お手数おかけしております (*_ _)
端的に言うと、管理画面からの入力を想定していません。
テンプレート内受信コメント欄一覧のREPLYをクリックすると、タイトルに自動で返信先名が入るようにJSを組んでます。
コメントを「する方(管理人ではなく閲覧者・訪問者)」の使い勝手を優先しています。
そしてそれがFC2のJSと衝突します。

管理画面からのコメント返信を優先されます場合には手順に従って該当箇所の修正をお願いします。

http://vanillaice000.blog.fc2.com/blog-entry-220.html#object23

よろしくお願いします。

2016/05/08 (Sun) 22:31 | EDIT | REPLY |   
waterlily  
ご回答ありがとうございます。

無事、変更できました。
お手数お掛けいたしまして、また、
わがままな注文をお聞き下さり、ありがとうございました。
m(_ _)m

2016/05/09 (Mon) 01:33 | EDIT | REPLY |   
Akira  
To waterlilyさん

いえいえ。
できたようで良かったです。
お疲れ様でした

2016/05/09 (Mon) 01:44 | EDIT | REPLY |   
さといも  
To Akiraさん

そういう事だったんですね、何も知らず失礼致しました。このまま使わせていただきます。
お忙しい所、解りやすくご丁寧に説明いただきありがとうございました。m(_ _)m

2016/05/09 (Mon) 21:30 | EDIT | REPLY |   
Akira  
To さといもさん

申し訳ないですー (´・ω・`)
ご理解ご協力ありがとうございます (*_ _)

2016/05/10 (Tue) 00:56 | EDIT | REPLY |   
ukipon  
強めのドロップシャドウ

Promise-Meを利用させて頂いております。
画像表示に class="shadow-attachment" を追加しているのですが、もう少しシャドウを聞かせたいのですが、どのように修正すればできますでしょうか?

この記事のページの画像くらいシャドウを掛けたいのですが↓
デフォルト画像 (縮尺掲載/ 1500✕937/ 50KB/ Public domain)

お忙しいところ恐縮ですが、回答お待ちしています。

2016/07/03 (Sun) 08:23 | EDIT | REPLY |   
Akira  
To ukiponさん

ありがとうございます ( ノ゚Д゚)

ご指摘のものと同じで良いのであれば
Ctrl+Fキー検索(CSSソース内)

.shadow-attachment



box-shadow: 0 1px 4px rgba(0,0,0,.4);

赤字部分を修正して以下の通り。

box-shadow: 6px 6px 6px rgba(0,0,0,.2);

よろしくお願いします (o'д`o)ゝ

2016/07/03 (Sun) 10:56 | EDIT | REPLY |   
ukipon  
強めのドロップシャドウ

もう回答いただきびっくりです。
希望通りのシャドウになりました。

ありがとうございます!!

2016/07/03 (Sun) 15:00 | EDIT | REPLY |   
Akira  
To ukiponさん

できたようでよかったです。
作業お疲れ様です

2016/07/03 (Sun) 18:24 | EDIT | REPLY |   
かめ太郎  
No title

先月FC2フォーラムの方でping送信先について助けて頂きましたものです。その際ありがとうございました。

只今オーバーレイ広告について悩んでおり、お知恵をお借り出来ないかとコメント致しました。

小平のiPhoneで見ると画面下部にオーバーレイ広告が出て、フッダーに飛ぶボタンと干渉して非常に鬱陶しいことになっています。

ブログの設定では『スマートフォン版表示』は無効、『画像高速表示の設定』は利用しないにしています。
昨日忍者アドmaxの広告は削除したため、自分で載せた広告はありません。

よく分からないのは、家族のiPhoneやタブレットで見るとオーバーレイ広告が出ないのです。私のiPhoneでも時々出ません。

これはFC2側のバグが考えられますでしょうか?

2016/08/29 (Mon) 09:26 | EDIT | REPLY |   
Akira  
To かめ太郎さん

その節はどうもですー

> スマホフッター広告とbottomボタンの干渉

お使いのiPhoneのバージョンはいくつでしょうか。
完全に被ってますかね?
一応iPhone6を目安に広告と被らない位置に設定はしてあります。
iPhone5系だと6系より多少余裕があると思います(画面が大きくなるにつれ、広告も大きくなります)

現行のフッター広告はいくつか種類がありまして
・素早く上からスライドインしてくるもの
・のろのろと上からスライドインしてくるもの
・画面最下部に行くと上に位置を切り替えるもの
・テンプレートのフッターを上に押し上げて自身の場所を確保するもの(このタイプの場合はフッターと被りません)
・フッター上に完全に被さるもの

これだけ多種多様なんです。
ひとつひとつを見分けて振り分けるというのは至難の業というか、できない ( ̄∀ ̄;)
そしてまた仕様もコロコロと変わるんですよねぇ (´・ω・`)
困ったもんだ (´・ω・`)

画像高速表示を捨てることで削除される広告は
各個別記事下のテキスト広告のみです。
スマホ広告は対象外です。
かめ太郎さんが有料アカウントでないならば、スマホ広告を削除する方法はありません。
テンプレートソースで強制非表示にすると規約違反ですので、アカウント削除が待っています。

ページ内移動のボタンが現在の位置のままですと、のろのろスライドイン系広告が鬱陶しいですね。
ユーザーが広告に対して例えばスライドをストップさせるだとか、スライド速度を速くする、といったことは技術的には可能でも規約的に違反にあたります。
できることはページ内移動ボタンの表示位置の調整のみ。

ご家族のデバイスで広告が出ない時がある、というのは恐らくFC2のシステムが不安定だからです。
たまにありますよ (´・ω・`)
出るべき広告が出ないとき = 運営が広告表示に対し仕様を変更、または修正している
ことが多いです。
いずれにしろ有料会員以外は必ず広告が出るようになってます。
タブレットはスマホよりもさらに大きく、しかも解像度の狂ったボケボケの広告が出ます(笑)

ページ内移動ボタンの位置を全体的に上に上げる、という対処ぐらいしか有りませんが、
そうなると今度は画面中央付近に位置しますのでメインコンテンツの邪魔になるかもしれません。
特に個別記事に設けているカテゴリ間移動のページ送りとは完全にバッティング。
その辺りをお考えあわせ頂きまして、最終的な決断をお聞かせくださいね。

まとめ
・広告は不可侵ですので操作することはできない
・ページ内移動ボタンの位置を上に上げる = 広告被りは防げても視覚的に邪魔かもしれない
・我慢する ←

よろしくご検討をお願いします。

* かめ太郎さんがもし有料会員登録をされていて、現状のように広告が出ているのあれば、
「広告を表示する」という個人設定になっているかと思います。
有料会員はスマホフッター広告の表示有無を切り替えることができます。

2016/08/29 (Mon) 09:56 | EDIT | REPLY |   
かめ太郎  

こんなに丁寧に回答頂き恐縮です。良く分かりました。
てっきり自分のiPhoneだけ広告が出ていると思ってました。

自分の無知ぶりに驚いたのと、今まで読者の方にこんなに鬱陶しい思いをさせていたのかと思うと申し訳なくて申し訳なくて、、、
開設2ヶ月で教えて頂き助かりました。

今後の対応ですが、年間費払って有料会員になります!
悔しいi-238


それにしても、FC2さんには怒りを覚えます。無料版に固定広告を入れられるのは当然だと思いますが、オーバーレイを強制するなんてv-42




2016/08/29 (Mon) 10:48 | EDIT | REPLY |   
Akira  
To かめ太郎さん

悔しいねー。悔しい ( ̄∀ ̄;)
私も悔しいです(笑)

でも広告無しはやはり快適です。
年間3000円程度で済むのならアリだと思います。
Livedoorなんてお金払ってもスマホ広告外してもらえないんですよ。
その代わりパソコンでの広告表示は一切無いようですが。
FC2だってパソコンなんてほとんど広告無いですしね (´・ω・`)
今スマホアクセスが主流ですので、きったねー!Livedoorやり方きったねー!
みたいな((((笑)
FC2はかなり良心的な方だと思います ^^;

2016/08/29 (Mon) 10:52 | EDIT | REPLY |   
かめ太郎  

そうですね!
上をみたらムカつくので、Livedoorさんを見て気分を落ち着かせます(笑)

ありがとうございました。v-436

2016/08/29 (Mon) 11:30 | EDIT | REPLY |   
Akira  
To かめ太郎さん

Livedoorはなかなかあくどいですよ (´・ω・`)
FC2の人気ブロガーさんに直接メール送って引き抜きしてます(笑)
そうですね。
ムカついたらLivedoorを思い出す、ってことで(笑)
お疲れ様でした

2016/08/29 (Mon) 17:13 | EDIT | REPLY |   
けんた  
テンプレートの分け方について

スマホ版は別のテンプレートを使いたいのですが、PC用テンプレートをこちらのテンプレートにしてからスマホで開くと以前使っていたものではなく、こちらのテンプレートになってしまいました…PCはこちらで、スマホ版は別のテンプレートを使うことは可能でしょうか?

2016/09/26 (Mon) 21:58 | EDIT | REPLY |   
Akira  
To けんたさん

こんばんは。

> こちらのテンプレートにしてからスマホで開くと以前使っていたものではなく、こちらのテンプレートになってしまいました

私のPCテンプレが勝手にスマホテンプレ設定を変更してしまう、といったことはありませんので、ご自身のブログ個人設定をご確認ください。

http://vanillaice000.blog.fc2.com/blog-entry-220.html#object16

上記ページにある内容の逆を行えば「スマホ版表示」になります。
また、スマホから閲覧しても必ずスマホ版が表示されるとは限りません
FC2でスマホ版が存在しないページ(PC版のみ)を閲覧した後に自ブログへ移動するとPC版で表示されますし、その他スマホブラウザの仕様も絡みます。
どなたかのページで「PCビュー」を押した後そのまま自ブログへ、というパターンでもそうです。
いずれにしろ私のテンプレートが原因、というのはシステム上あり得ませんのでまずは個人設定の確認からご自分でお願い致します。
URLを頂いておりませんので私の方で検証が叶いません(スマホ版設定がどうなっているかはURLがあればすぐわかります)

2016/09/26 (Mon) 22:34 | EDIT | REPLY |   
けんた  
ご返信ありがとうございます

Akira 様

大変失礼いたしました。URLを載せさせていただきました。

fc2のスマホ用テンプレートは[ sp02_chic ] を使用しているのですが、スマホで開いた際に、[ Promise-Me ] のデザインで表示されてしまいます。

環境設定に関してはご指示をいただいた通りにしたのですがやはりPC、スマホとも[ Promise-Me ] のデザインでした。

PCは[ Promise-Me ] 、スマホは[ sp02_chic ]を使用することは可能でしょうか?

2016/09/27 (Tue) 01:21 | EDIT | REPLY |   
Akira  
To けんたさん

スマホ版は正しく設定されています。
上記に記した内容にお心当たりはありませんでしょうか。

・どなたかのブログ(あるいは自分のブログ)で「PC版で表示(あるいはそれに準ずる言葉」を押して、そのままご自分のブログに戻った。

・スマホブラウザで「PCサイトモード」を選択している。

・FC2の「リクエスト」など、PCページを開いた。

など。
これらはPCテンプレートが原因ではなく、FC2のリダイレクトの仕組みです。
一度ご自分のページ(スマホのPromise-me)から「mobile」に切り替えをしてください。

そしてこれらのシステムはけんたさんがどんな対策を講じようと避けることはできません。
スマホ版表示はそういうシステムですので、閲覧者が上記のような動きをした場合にはスマホ版を例え設定していてもPC版表示になります。
それはどのPCテンプレートを使用しても同じです。
スマホでレスポンシブ表示が困る、ということであればレスポンシブデザインを選ぶ意味はあまり無いと思います ^^;
よろしくお願いします。

2016/09/27 (Tue) 02:07 | EDIT | REPLY |   
Akira  
To けんたさん

もう一点。
申し訳ございません。
初期の私のミスがそのまま残っています。

<%server_url>?sp

という箇所が1つありますので、

<%url>?sp

へ書き換えをお願いします。
またはこのままお使い頂くのであれば公式から再DLしてください。
ここを修正されてから「mobile」を押してくださいね。
(ここで切り替わらないから悩んでおられたのかなー? 申し訳ないです(汗))
お手数おかけします。ごめんなさいね。

2016/09/27 (Tue) 02:15 | EDIT | REPLY |   
けんた  

書き換えを行なったところ、無事に解決いたしました!

ご丁寧なご回答誠にありがとうございます。

2016/09/27 (Tue) 18:50 | EDIT | REPLY |   
けんた  
再度の質問申し訳ありません

再度の質問申し訳ありません。

スマホで開いた際に、「スマートフォン版で表示」のボタンが、「HOME ABOUT INDEX ADMIN」のバーと被ってしまい隠れてしまうのですが対処法はありますでしょうか?

2016/09/27 (Tue) 20:08 | EDIT | REPLY |   
Akira  
To けんたさん

うーん。
レスポンシブデザインは「スマホでもPC版と同じものを使いたい」という方へ向けて製作をしています。
ですからスマホで同デザインをご利用頂く際の利便のみを考慮しています。
そういった製作理念上、固定ナビゲーションの仕様を「スマートフォン版で表示」のボタンのほうに合わせる(こちらを優先させる)、といったことはできません。

そこをご理解頂いた上での対策です。
CSSソース末尾に

#change_mobile {
position: relative;
z-index: 10000010;
}

追加
固定ナビゲーションよりも誘導バナーが上位設定( = 上に被さる)になりますので、
画面最上部に居るときはナビゲーションの操作は不能になります。
よろしくお願いします。

2016/09/27 (Tue) 22:22 | EDIT | REPLY |   
ひろ  
Promise-Me スマホでのナビゲーション展開について

はじめまして。
FC2でPromise-Meを利用させていただいております。

Promise-Meのスマホでの表示時のナビゲーションについての質問です。

FC2のサンプル画面で言った場合、画面最上部のナビゲーションの「ABOUT」にあたる
「マウスオーバーで下部にサブメニューが表示されるパターン」は複数設置できるのでしょうか?

例えばサンプル画面上の「ABOUT」に加え、「INDEX」もサブメニューが表示されるようにする
イメージとなります。

上記、PCではうまく表示できたのですが、スマホで見た場合に最初のメニューは表示されるのですが
2つ目以降のメニューについては、サブメニューが表示されません。

基本的な質問で大変恐縮なのですが、ご教授いただけると幸いです。
よろしくお願い致します。



2016/11/12 (Sat) 12:03 | EDIT | REPLY |   
Akira  
To ひろさん

ありがとうございます (o'ω')ノ

> ドロップダウンメニューを増やしたい件

上記の解釈で合ってますでしょうか。
で、デフォルトソース内にあるドロップダウンの部分を複製しただけではできません。
既にカスタマイズをされており、それに対する修正についてはブログアドレスをお伝え頂けると助かります。
でないと私が推測だけで作業しなければいけなくなります。
次回からはご配慮をお願い致します。

=====
ここから推測

恐らく

<li class="marking">
<label for="open-box">ABOUT  <span class="fa fa-angle-down"></span></label><input type="checkbox" id="open-box" class="on-off">
<ul>
<!-- 注)リンク先の追加はここに 同じclass名(class="submenu-anchor")を必ずつける -->
<li><a href="#" class="submenu-anchor">About Me</a>
<li><a href="#l" class="submenu-anchor">Contact</a>
<!-- 注)リンク先ここまで -->
</ul>

上記内容を複製されたのだと思いますが、これではデフォルトのドロップダウンが開閉してしまうと思います
それはパソコンでも同じはずです。
マウスオーバーの時は表示されますけれど、ナビゲーションが折りたたまれた際にはマウスオーバーではなくクリック開閉に切り替わります。
(パソコンでも画面幅768pxを下回ると折りたたみに変更になります)
現状の問題は<label>と<input>の関連付けが正しく行われていないために起こります。
私の推測が正しければ、の話しです。

修正
・複製したものの中にある

open-box

という文字列を

open-box2

に変更してください。
label for="open-box2"
id="open-box2"

この2箇所です。
複製が2つ以上であるならば、全て修正です。
デフォルトは open-box
二つ目(複製一つ目)は open-box2
三つ目(複製二つ目)は open-box3
といった具合です。
そして各々2箇所あります

これで動作するはずですが、ご質問内容と異なるようでしたらお知らせください。
よろしくお願いします。

2016/11/12 (Sat) 12:49 | EDIT | REPLY |   
ひろ  
To Akiraさん

早々のご回答、ありがとうございます!!

まさにご解釈いたただいた通りのことで悩んでいました。

回答いただいた形に改修しましたところ
無事にドロップダウンメニューが表示され、リンクも
正常に機能するようになりました。

本当にありがとうございましたm(__)m

2016/11/14 (Mon) 19:14 | EDIT | REPLY |   
Akira  
To ひろさん

合ってましたか。
良かったです(笑)

作業お疲れ様でした

2016/11/15 (Tue) 16:53 | EDIT | REPLY |   
KRIK  
はじめまして。

自分のブログを買えたくてAkira様のテンプレートに行き着きました。
テンプレートを導入しただけで見違えるほどのブログに生まれ変わりとても満足しています。

自分で細かい所などをカスタムしているのですが、1点お聞きしたいことがあります
ブログタイトル、記事タイトル部分の欧文書体を変更したいのですが、なにか方法があるのでしょうか

差し支えなければ教えていただけたら幸いです。

よろしくお願いいたします。

2017/02/02 (Thu) 23:42 | EDIT | REPLY |   
Akira  
To KRIKさん

ありがとうございます。
お返事遅くなりました (*_ _)

> 記事タイトル部分の欧文書体を変更したい〜

既に作業が進んでいるようですので、方針と現状を確認しながら説明を行いたいと思います。

====

● 希望フォントはPadauk? --- YES/ NO

htmlソース内にあった Courgette を削除し、Padauk に変更した、ということでよろしいでしょうか。
ブログタイトル・記事タイトル・No imageテキストなどが対象となります。

● 現在の状態

Padaukへのリンクは完了していますがCSSでの指定が済んでいませんので、今どうなってるかと言うと

・ブログタイトル --- 游明朝(Mac)/ HG明朝E(Windows)
・記事タイトル --- 游ゴシック(あるいはWindowsならメイリオの可能性もあり)
・No imageテキスト --- 同上

Ctrl+F(Windows)/ Command+F(Mac)キー検索

Courgette

CSSソース内に8箇所あります。
こちらを全て

Padauk

に書き換えてください。
よろしくお願いします ( ゚Д゚)ノ

2017/02/04 (Sat) 10:51 | EDIT | REPLY |   
Akira  
To 彩羽さん(移動先)

> about me のページを書きたいのですが、編集の仕方がわからず〜

これはabout meのリンク設定の仕方のことではなく、「about meをクリックして辿り着くページを作成したい」
という解釈で合ってますでしょうか。
FC2ブログは「About me」あるいは「プロフィール」といったような専用用途のページを有していません。
有るのは
・トップページ
・個別記事(パーマリンク)
・全記事リスト
・検索結果
・タグ
・カテゴリ
・月・日別
・コメント編集ページ
の8種です。(厳密には9種ありますがややこしいので今は除外します)

彩羽さんのブログを拝見しますと、記念すべき最初の記事として「はじめまして」というのがありますよね。
こちらへ誘導されてはいかがでしょうか。
About me 本来の内容とも合致しています。
About me をまた新たなページとして作成したい場合には、通常時の記事作成と同じように「記事」として作ってください。
あるいは、外部サイトなどをお持ちでしたらそちらへ誘導しても良いと思います。
既に「はじめまして」の記事がありますので、そちらが良いのではないかと個人的には思います。

リンク設定の手順はCtrl+F(Windows)/ Command+F(Mac)キー検索

注)リンク先の追加はここに

上記を目印にガイダンスに従い以下の通り

<li><a href="ここに個別記事ページのURL" class="submenu-anchor">About Me</a>

「はじめまして」の記事にされるのであれば
ブログアドレスblog-entry-1.html
が該当URLです。
よろしくお願いします。

2017/02/28 (Tue) 20:46 | EDIT | REPLY |   
彩羽  
To Akiraさん

丁寧な回答、本当にありがとうございます!
教えていただいた通りに行ったところ無事にリンク先へ追加することができました。
これからもこちらのテンプレート、愛用させていただきます(﹡ˆoˆ﹡)

本当にありがとうございました。

2017/03/01 (Wed) 12:37 | EDIT | REPLY |   
Akira  
To 彩羽さん

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

2017/03/01 (Wed) 14:53 | EDIT | REPLY |   
もりぞー  

Promise-Meを利用させて頂いております。
最新の記事(トップページ1P目の一番上の記事)の画像が大きめ表示ですが、サイズを変更するにはどうすればよろしいでしょうか?
また、ブログタイトルが表示されている箇所(背景が白の箇所)の高さの変更方法も教えて頂けないでしょうか?
よろしくお願い致します。

2017/04/06 (Thu) 20:06 | EDIT | REPLY |   
Akira  
To もりぞーさん

ありがとうございます

> サイズを変更するにはどうすれば〜

どのように変更したいんでしょうか。
他の(2件目以降の)サイズと等しくして区分しないようにされるのでしょうか。
それとも少し小さめに、あるいはさらに大きく、ということでしょうか。
この件はお返事待ちにしますね。

> ブログタイトルが表示されている箇所(背景が白の箇所)の高さの変更方法〜

Ctrl+F(Windows)/ Command+F(Mac)キー検索

.blog-name-container

この括りの

padding: 100px 8px 50px;

100がブログタイトルとヘッダー上辺との距離、
50がブログ説明文とヘッダー下辺との距離ですので各々数値を変更して調整してください。
よろしくお願いします。

2017/04/06 (Thu) 22:50 | EDIT | REPLY |   
もりぞー  

早速の回答ありがとうございます。

少し小さめ、例えば800pxとか700pxにしたいと言う感じです。
画像の元サイズよりも表示サイズが大きいので、拡大されてぼやけてしまうのを避けたいのです。

よろしくお願い致します。

2017/04/06 (Thu) 23:42 | EDIT | REPLY |   
Akira  
To もりぞーさん

了解です (o'ω')ノ
Ctrl+F(Windows)/ Command+F(Mac)キー検索

.index-element-item:first-of-type {

CSSソース内に1箇所あります。
この括りの width: 100%; の「下」に以下を追加

max-width: 数値px;
float: none;

数値の部分が「最大でも何px」という指定ですので、希望の数字を設定してください。
ブラウザ幅縮小時に指定px数を下回った場合にはwidth: 100%; になります。
レスポンシブデザインですので、ソースの上書きをされましたらブラウザ幅をマウスで拡大・縮小して体裁を確認してくださいね。
よろしくお願いします。

2017/04/07 (Fri) 13:52 | EDIT | REPLY |   
もりぞー  

丁寧なアドバイスありがとうございます!
思い切って質問してよかったです。

これから、愛用させて頂きます。

2017/04/07 (Fri) 21:03 | EDIT | REPLY |   
Akira  
To もりぞーさん

ご要望通りになりましたでしょうか。
安心しました。
作業お疲れ様でした

2017/04/08 (Sat) 15:10 | EDIT | REPLY |   

Leave a reply

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に必ずお読みください ↓
FC2テンプレート ご利用時のお願い