Promise-Me - FC2ブログテンプレート

投稿 2016年04月24日
61
テンプレート
TemplateHTML5FC2CSS3Responsive
Promise-Meテンプレート
PCアイコン TBアイコン SPアイコン

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

最終更新 2018.3.5

大規模なメンテナンスを行いました。

  • 画像の遅延読み込みを導入(グリッド系ページと個別記事の一部)
  • リセットCSSを最小限にして圧縮
  • 新変数導入による管理人コメントプロフィールアイコンデフォルト表示
  • floatレイアウトからflexレイアウトに変更
  • Font Awesomeをバージョン4(CSS)からバージョン5(JS)にアップグレード
  • その他調整多数
名称 Promise-Me
動作確認済みブラウザ
トップページ記事並び 要約表示タイプ
記事幅 メイン --- 最大910px
サイド --- 270px
固有機能 画像ドロップシャドウ
動画縦横比固定
使い方詳細ページ
テンプレート固有機能説明
推奨カスタマイズ ヘッダー画像変更, 色調変更
ライセンス 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.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だけが下に繰り越す件を修正しました
申し訳ございません

本記事内容は2018年3月5日メンテナンス以降のバージョンが対象です。

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

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

THE FIRST PAGE DEMO
TOP PAGE DEMO
ARTICLE DEMO
DOWNLOAD
FAQ

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

・サイドバーの形状変更
・トップページの表示タイプ変更(要約表示から全文表示へ変更 など)
・レスポンシブを固定幅化
・カラム数変更
・テンプレートと無関係なプラグイン導入などのお手伝い

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

注意
The important thing!

本テンプレートは以下の記事内容に該当しています。
(トップページ最初の1ページ目の「ヘッダー画像」)
リンク先をよくお読み頂いた上で利用のご検討をお願いします。

FC2ブログ独自変数 index_area はログオフ + モバイル環境では効かない - FC2ブログのあれこれ

結論。 効かない でいいです。もう(笑) FC2ブログの独自変数に <!--index_area--> <!--/index_area--> というのがあります。 インデックスエリア というのは トップページ種に分類されるページの一番最初のページのみ を指します。 ...

全体幅調整の仕方
How to increase or decrease width of container

1300 で検索されますとCSS内に2箇所ヒットします。
2箇所共同数値に置き換えてください。

ヘッダー画像変更
How to change your header image
注)ヘッダー画像

を目印に画像のURLを差し替えてください。

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

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

ご質問 不備・不具合のご報告はお気軽にどうぞ。
その際には

・ ご自身のブログアドレスの明記 (鍵付きで構いません)
・ 該当テンプレートを設定状態に
・ 右クリック禁止の解除

上記3点をお約束としてくださいね。
お守り頂けない場合にはお答え致しませんので 自己解決でお願いします。

また、質問を投げっぱなしで放置する方は以降二度と回答することはありませんのでご理解をお願いします。

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

YOU MAY ALSO LIKE
もっと見る
vanillaice (Akira)
vanillaice (Akira)

61 COMMENTS

There are no comments yet.

きろろ  

管理人コメントの画像について

こんにちは<(_ _)>

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

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

2016/04/26 (Tue) 16:17

-  

管理人のみ閲覧できます

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

2016/04/27 (Wed) 05:46

Akira  

To きろろさん

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

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

2016/04/28 (Thu) 22:35

Akira  

To Promise-Meドロワーサイドバーの件さん

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

2016/04/28 (Thu) 22:38

きろろ  

テンプレート

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

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

2016/05/03 (Tue) 00:54

Akira  

To きろろさん

ありがとうございます

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

<!--
内容
-->

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

2016/05/03 (Tue) 14:17

きろろ  

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

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

2016/05/04 (Wed) 02:45

Akira  

To きろろさん

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

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

2016/05/04 (Wed) 18:29

さといも  

初めまして

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

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

2016/05/07 (Sat) 12:19

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

さといも  

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

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

2016/05/07 (Sat) 17:59

waterlily  

アイキャッチ画像について

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

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

2016/05/08 (Sun) 05:21

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

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

さといも  

To Akiraさん

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

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

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

2016/05/08 (Sun) 20:21

Akira  

To さといもさん

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

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

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

よろしくお願いします。

2016/05/08 (Sun) 22:31

waterlily  

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

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

2016/05/09 (Mon) 01:33

Akira  

To waterlilyさん

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

2016/05/09 (Mon) 01:44

さといも  

To Akiraさん

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

2016/05/09 (Mon) 21:30

Akira  

To さといもさん

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

2016/05/10 (Tue) 00:56

ukipon  

強めのドロップシャドウ

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

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

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

2016/07/03 (Sun) 08:23

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

ukipon  

強めのドロップシャドウ

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

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

2016/07/03 (Sun) 15:00

Akira  

To ukiponさん

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

2016/07/03 (Sun) 18:24

かめ太郎  

No title

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

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

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

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

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

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

2016/08/29 (Mon) 09:26

Akira  

To かめ太郎さん

その節はどうもですー

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

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

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

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

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

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

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

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

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

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

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

2016/08/29 (Mon) 09:56

かめ太郎  

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

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

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


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




2016/08/29 (Mon) 10:48

Akira  

To かめ太郎さん

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

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

2016/08/29 (Mon) 10:52

かめ太郎  

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

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

2016/08/29 (Mon) 11:30

Akira  

To かめ太郎さん

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

2016/08/29 (Mon) 17:13

けんた  

テンプレートの分け方について

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

2016/09/26 (Mon) 21:58

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

けんた  

ご返信ありがとうございます

Akira 様

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

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

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

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

2016/09/27 (Tue) 01:21

Akira  

To けんたさん

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

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

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

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

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

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

2016/09/27 (Tue) 02:07

Akira  

To けんたさん

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

<%server_url>?sp

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

<%url>?sp

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

2016/09/27 (Tue) 02:15

けんた  

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

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

2016/09/27 (Tue) 18:50

けんた  

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

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

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

2016/09/27 (Tue) 20:08

Akira  

To けんたさん

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

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

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

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

2016/09/27 (Tue) 22:22

ひろ  

Promise-Me スマホでのナビゲーション展開について

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

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

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

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

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

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



2016/11/12 (Sat) 12:03

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

ひろ  

To Akiraさん

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

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

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

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

2016/11/14 (Mon) 19:14

Akira  

To ひろさん

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

作業お疲れ様でした

2016/11/15 (Tue) 16:53

KRIK  

はじめまして。

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

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

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

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

2017/02/02 (Thu) 23:42

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

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

彩羽  

To Akiraさん

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

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

2017/03/01 (Wed) 12:37

Akira  

To 彩羽さん

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

2017/03/01 (Wed) 14:53

もりぞー  

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

2017/04/06 (Thu) 20:06

Akira  

To もりぞーさん

ありがとうございます

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

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

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

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

.blog-name-container

この括りの

padding: 100px 8px 50px;

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

2017/04/06 (Thu) 22:50

もりぞー  

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

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

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

2017/04/06 (Thu) 23:42

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

もりぞー  

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

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

2017/04/07 (Fri) 21:03

Akira  

To もりぞーさん

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

2017/04/08 (Sat) 15:10

たくあん  

記事本文の文字の大きさの変更について


はじめまして!
ブログ開設当初から、Promise‐Meのテンプレートを利用させていただいています。
「見やすく、おしゃれなブログだ」と、周囲からも大好評です。

しかし、年配の方に見てもらうブログのため、「記事本文の文字が小さくて、少し読みづらい。」という意見をもらい、フォントのサイズを変更しようとしました。
こちらのブログを読み、CSSで「フォント大きさ」や「font-size」と検索して変更を試みたのですが、記事本文に関するフォントサイズの変更を、どこから行うのかがわかりませんでした。
(タイトルのフォントサイズを変更することはできたのですが…)

お手数をおかけしますが、方法を教えていだたけませんか。

2017/11/14 (Tue) 12:07

Akira  

To たくあんさん

ありがとうございます

> フォントを大きくしたい件〜

/* 注)全体背景色 (approx)White Smoke */
でCtrl+F(Windows)/ Command+F(Mac)キー検索して頂きますと、CSSソース内(管理画面下段)に1箇所ヒットします。
その直近の

font: 13px/1.7 'Roboto', '游ゴシック'〜省略

赤字部分が記事内のフォントサイズ指定ですので、大きい数字に変更してください。
よろしくお願いします。

2017/11/14 (Tue) 15:46

たくあん  

To Akiraさん

ありがとうございます!
フォントサイズを大きくすることができました!

これからも細かいところをカスタマイズしながら、Akiraさんのテンプレートを使わせていただきたいと思います。

2017/11/14 (Tue) 16:38

Akira  

To たくあんさん(完了のご報告)

ありがとうございます。
お疲れ様でした

2017/11/14 (Tue) 23:21

-  

管理人のみ閲覧できます

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

2018/04/08 (Sun) 15:28
vanillaice (Akira)

Akira  

To Promise-Me全体幅調整の件など 内緒さん

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

記事内容の修正を怠っておりましたので今書き直しました。
お尋ねの件
1. 2 共に答えを記してありますのでお読みください。

個別記事の幅調整ですが、トップページや個別記事など、全ページ種で全体幅は共通ですので個別記事のみサイズを小さくするというのは容易にはできません。
それでも行うということであれば、個別記事のアウトラインにセレクタを追加し、paddingを利用して記事の左右の空白を設けるぐらいでしょうか。
ただ、このテンプレートは個別記事と背景色が同一なので恐らく「ひどく右に寄ったレイアウト」に見えてしまうと思います。
この点をまずご一考ください。
その際に必要な手順などお伝えしますね。
私からは全体幅の調整(全ページ適用)をおすすめします。
こちらを先に一度試されましてお返事をお願いします。
よろしくお願いします。

2018/04/08 (Sun) 17:46

hiroko  

To Akira様

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

個別記事調整幅
→全体幅で調整するという事で考えてみます。

スマホからヘッダー画像が見れない件
→記事内容でリンクして頂いている記事を読ませて頂きました。
スマホのブラウザ設定の初期化をするとヘッダー画像が表示されるようになりました!
スマホからPCとして見る設定になってしまっていた様です。

お手数をおかけして申し訳ありませんでした。
今後も素敵なテンプレートを楽しみにしています。
ありがとうございました。

2018/04/08 (Sun) 20:28
vanillaice (Akira)

Akira  

To hirokoさん(完了のご報告)

はい。了解です。
こちらこそありがとうございます。
お疲れ様でした

2018/04/08 (Sun) 23:53