attention admin about comments trackbacks you may also like

alias-Jane - FC2ブログテンプレート

2019年02月15日
テンプレート
29
HTML5 CSS4 RWD
alias-Janeテンプレート

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

最終更新 2019.7.29
  1. 管理画面経由で管理人名を装飾した際にテンプレートの返信ボタンレイアウトが崩れる件を修正
  2. 受信コメント一覧とコメント投稿フォームのセクションを統合
  3. コメント一覧の管理人ハンドルネームにクラス名を追加(カスタマイズ用)
  4. 記事範囲上下の余白をpaddingからmarginに変更(記事内でp要素を利用する方向け)

カスタマイズ済みなど、再DLが困難な方はお手数ですが以下の手順で修正を行ってください。また、作業の前に以下の記事をお読み頂いて、修正する・しないを決定してください。

【重要】テンプレートの変更点2つについてお知らせ

既存テンプレートの以下の点について修正・変更をしたいと思います。 管理画面経由で管理人名に装飾をして コメント返信をした際に受信コメント欄のレイアウトが一部崩れる件を修正 受信コメント一覧とコメント投稿フォームのセクションを統合...

①について

<li class="comment-btn-list"> で検索するとhtml内に4箇所あります。2つ目の

<li class="comment-btn-list"><a class="btn-a" href="#comment_form" onclick="add_str(this);" title="To <%comment_name>さん"><svg class="svg-inline svg-inline-stroke" viewBox="0 0 64 64" role="img"><use xlink:href="#inline-reply"></use></svg></a>

を以下の通り 変更

<li class="comment-btn-list"><!--comment_author--><!-- <!--/comment_author--><a class="btn-a" href="#comment_form" onclick="add_str(this);" title="To <%comment_name>さん"><svg class="svg-inline svg-inline-stroke" viewBox="0 0 64 64" role="img"><use xlink:href="#inline-reply"></use></svg></a><!--comment_author--> --><!--/comment_author--><!--comment_author--><a class="btn-a" href="#comment_form" onclick="add_str(this);" title="To <%author_name>さん"><svg class="svg-inline svg-inline-stroke" viewBox="0 0 64 64" role="img"><use xlink:href="#inline-reply"></use></svg></a><!--/comment_author-->
②について

#community" で検索するとhtml内に3箇所あります。3箇所とも #comment_form"変更

続きまして <!--/comment--> で検索し、そのすぐ下にある </article> から <h2 class="another-title">Leave a reply</h2> までを 削除

<!--/comment-->
<form action="./" method="post" name="comment_form" id="comment_form">

上記のような形になっていればOKです。

続いてスタイルシート末尾に以下を 追加

#comment_form {
  padding-top: var(--navi-width);
}
③について

<p class="visitor-name">
で検索するとhtml内に1箇所あります。以下の通り変更(コメント一覧の管理人名を装飾しない方はこの作業は不要)

<p class="visitor-name<!--comment_author--> visitor-name-author<!--/comment_author-->">

テンプレートの背景色を反転(明色から暗色へ、など逆も然り)した際に管理画面上で装飾した管理人名の フォント色 が害になることがありますので、その場合にはスタイルシート内末尾に

.visitor-name-author .fc2_owner_comment {
color: カラーコード !important;
}

こうして背景色とバッティングしない文字色に変更することができます。必要がある方だけどうぞ。

④について

#inner-contents { で検索するとスタイルシート内に1箇所ありますので padding: 20px 0;margin: 20px 0;変更

続いてスタイルシート末尾に以下の内容を 追加

#inner-contents p:not(.relate-title) {
  margin: 1.9em 0;
}

記事内でp要素を利用している方向けなので必要がある方だけどうぞ。

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

名称 alias-Jane
動作確認済みブラウザ
トップページ記事並び 要約表示タイプ
記事幅 メイン --- 最大900px
サイド --- 最小280px
記事内で使える見出しレベル h2からh6まで
jQuery導入 なし (Vanilla JSのみ)
Font Awesome導入 なし (インラインSVG)
Lazyloading導入 あり
構造化マークアップ 個別記事のみ
BreadcrumbList(パン屑リスト)
BlogPostiong
Page Speed Insigtsスコア
固有機能 ・ 見出し装飾(手書き風, ドッグイヤー, カール)
・ 動画縦横比固定
使い方詳細ページ
テンプレート固有機能説明
推奨カスタマイズ 色調変更
ライセンス Required 必須事項
・Designer Note and Backlink 製作者表記と当ブログへのリンク (Designed by)
Permitted 許可事項
・Modification 改変
・Personal Use 個人利用
・Commercial Use 商用利用
Forbidden 禁止事項
・Distribution 再配布
・Hold Liable 使用にあたっての損害・損失に対する責の一切を負いません
備考 ・ IE非対応
パソコン タブレット スマートフォン
変則2カラム 2カラム or 1カラム
(デバイス幅依存)
1カラム
サイドメニュー --- 下 サイドメニュー --- 下 サイドメニュー --- 下

えいりあす じぇーん
承認されました。ありがとうございます。

サンプル

Samples

TOP PAGE DEMO
画像クリックでデモ画面へ
ARTICLE DEMO
画像クリックでデモ画面へ
FAQ
DOWNLOAD

カスタマイズのコツ

A few tips on customizing

1. カスタマイズ対象部位の見つけ方
カスタマイズをブラウザ上で行う方は
Ctrl + F --- Windows
Command + F --- Mac
キー検索を利用するとページ内の対象文字列をすぐに見つけることができます。

2. ご質問の前に
カスタマイズされるであろうと想定される部位については 予めガイダンスを付けてあります
注)
で検索すると出てきますので、カスタマイズ前にご確認ください。
もしかしたら既に答えが記されているかもしれません。

3. 全角スペースの利用に注意
ソースコードの見た目(文頭)を揃えるために 全角スペースを利用してしまう方が大変多いです
この全角使用が思わぬレイアウト崩れを引き起こすことがあります。
ソース内でスペースを打つ必要がある時はキーを押下する前に半角に変更する癖付けをしましょう。

お受けできないご質問・ご相談

I'm sorry I couldn't be of any help.

  • サイドバーの形状変更
  • トップページの表示タイプ変更(要約表示から全文表示へ変更、グリッド並び数変更 など)
  • レスポンシブを固定幅化
  • カラム数変更
  • デフォルトテンプレートと無関係なhtml, CSS, JS等導入の手引き
  • テンプレートの仕様やデザインを著しく変えてしまうようなカスタマイズの手引き

必須個人設定

Necessary personal settings

スマートフォン版の表示設定「利用しない」

スマートフォン版の表示設定「利用しない」

レスポンシブ設定。パソコン・タブレット・スマートフォンなど全てのデバイス閲覧を本テンプレートで共通化します。この設定を怠るとスマートフォンではスマートフォン専用テンプレートで表示されてしまいます。

検索バーの設定「利用しない」

検索バーの設定「利用しない」

タブレット端末で検索バーがビューポートを超過する(はみ出す)ため。

メタタグの設定 > OGP設定「有効にする」

メタタグの設定 > OGP設定「有効にする」

個別記事ページ送りに前後ページのサムネイル画像を表示できます。この設定を怠ると表示できません。

コメント設定 > コメンテーターの情報「記憶する」

コメント設定 > コメンテーターの情報「記憶する」

管理人コメントにプロフィールアイコンを表示できます。この設定を怠ると表示できません。

IE非対応

This theme is incompatible with Internet Explorer.

全バージョンのIE非対応です。対応(フォールバックやポリフィルの導入等)のお手伝いも致しませんので予めご了承ください。

IEユーザーへの注意書きが必要な方は以下のページをご参照ください。

【IE撲滅運動】IE利用者への啓蒙オーバレイ表示

ぼっちんさん に教えて頂きました。「こんなのあるぜ?」って感じで(笑) 最近は「IE非対応サイト」も徐々に増えつつあります。非対応というのは要は「IE向けCSSフォールバックは書かないからデザイン崩れてても知らーん」ってことです。大抵は。 というわけでIE利用者さんへ向けての「ごめんね。IEからはまともに見られないよ」「他のブラウザ使ってみない?」を促すためのオーバレイ表示を行う方法をご紹介くださっているサ...

ドミナントカラー

Dominant colors

root で検索されますとスタイルシート内に各種カラーなどがまとまって記載されています。
各々カラーコードを変更すると同じ色指定が行われている要素を一括で修正できます。

記事編集リンクについて

Location of edit icon

個別記事下の管理人プロフィール画像がリンクになっています。閲覧者が気づきにくいようにカーソル表示を無効化してあります。

ヘッダー背景画像変更

How to change header image

注)デフォルトヘッダー背景 で検索するとCSS(スタイルシート)内に 2箇所 あります。1つ目がタブレット・スマホ用、もう1つがパソコン用です。

ヘッダー画像の表示範囲がスマホでは 横長、パソコンでは 縦長 と真逆ですので別の画像を入れてあります。差し替える場合にもその点を考慮した画像選びを行ってください。

また、この背景は個別記事では各記事の代表画像(FC2サムネイル画像)あるいはOGP設定画像に切り替わります。全てのページで固定の背景を利用する場合には 注)個別記事ヘッダー背景画像ここから注)個別記事ヘッダー背景画像ここまで に挟まれているhtml内容を以下の通り修正してください。

<header id="header-banner">

ナビゲーションについて

Behavior about navigation

ナビゲーションの吹き出しやグリッドのマウスオーバー時のオーバレイはタブレットやスマホでは邪魔になりますので取り除いてあります。

また、下方向スクロール時にナビゲーションが非表示になるのはスマホのみです。パソコン・タブレットは画面が広いので対象外にしました。

削除可能なJSについて

Delete specific JS if you want to

特定条件下でしか利用しないJSが含まれていますが、特定条件に該当しない場合には無駄な内容 です。以下の2項目に当てはまる方は削除をおすすめします。

【FC2検索バーを利用しない人は削除】

<!-- 注)FC2検索バー非表示の方ここから削除可 -->

各々上記を目印にガイダンスに従って削除。

ご質問・ご相談時のお願い

Cautions before asking for something.

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

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

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

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

いつもありがとうございます (●'0'●)/

関連する記事
vanillaice (Akira)
Author: vanillaice (Akira)
* Internet Explorerはサポートしておりません。
* メールでの返信をしておりません。
ブログ内で必ずお返事はしておりますので
ご面倒ですがリコメの確認に再度お越しくださいね *

コメント(29)

There are no comments yet.

神谷 幸弥(さや)

2019/02/16 (Sat) 06:52

投稿日のカレンダーの丸

おはようございます。
タイトルが分かりにくくて申し訳ありません。

記事の投稿日がカレンダーに反映してないように思えたので
border-radius: 50%;
の後に
border: 1px solid rgba(179,171,180,.5);
を付け足ししたのですが、大丈夫でしょうか?

Akira

2019/02/16 (Sat) 17:46
vanillaice (Akira)

To 神谷 幸弥(さや)さん

こんばんは (●'0'●)/

わー。そうでしたか。ご指摘ありがとうございます。
ちょっと今パソコン環境が無いもので時間が取れ次第修正しますね。
ボーダーの追加はその内容でOKです。お手数おかけします。

そふぃあ

2019/02/17 (Sun) 08:34

コメント欄の文字拡大について

こんにちは!素敵なテンプレートをありがとうございます。
早速使わせていただいておりますが、コメント欄に書き込まれた文字をワンサイズ大きくするには、CSSのどの部分を変更したら良いのでしょう?
以前は自力でsmallサイズからmiddleサイズに直せたのですが、今回はあれこれいじっても対応箇所を特定できなくて(汗)
お忙しいのに、素人すぎる質問で大変スイマセン。ご指導いただけたら嬉しいです。

追伸
本記事内のテンプレート「DOWNLOAD」のリンク先が古いものになっているようです。
ご確認ください。

Akira

2019/02/17 (Sun) 11:33
vanillaice (Akira)

To そふぃあさん

ありがとうございます :)

.arrow-box {
で検索されますとスタイルシート内に1箇所あります。その中の
font-size: var(--middle-font-size);
太字部位を任意の数値に変更してください。

例)
font-size: 1.4rem;

デフォルト設定は1.3remで13pxと同等です。一段階上げると14pxで1.4rem
単位はremでなくpxでも構いません。よろしくお願いします。

-----
DLリンクの件お知らせ頂きありがとうございます。全然気づいてなかった ( ̄∀ ̄;)
助かりました :)

そふぃあ

2019/02/17 (Sun) 20:33

変更できました!

こんばんは!
いつも的確なご指導さすがです。

希望通りに文字を大きくでき、とても見易くなりました。
どうもありがとうございました。

Akira

2019/02/19 (Tue) 15:10
vanillaice (Akira)

To そふぃあさん(完了のご報告)

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

安心しました。お疲れ様でした :)

M

2019/03/02 (Sat) 10:23

お借りしました!!

AKIRA様

ご無沙汰しております。ゆうらりHappySmileのMです。

とても格好いいテンプレだったので、これまでお世話になったEmpty-streetからこちらに乗り換えさせてもらいました!!

あと、最近の「爆速」と「黒背景」の記事。とても参考になりました。ありがとうございます。

とくに、爆速の記事で、インラインCSSの直書きの記述が参考になりました。ファーストビューのインライン化は以前やったことがあったのですが、可能な限り記述するのはボクにとって目から鱗でした。

さっそく自分で全部書きに挑戦してみたのですが、どうしてもbodyのCSSコードだけW3Cのエラーが出てしまいまして...
やむを得ず、そこだけスタイルシートに残しました(;^ω^)何だか少しだけページスピードが速くなった気が?!

こちらのテンプレを使って「黒背景化」にも挑戦してみました。

やっぱり、テキスト色で色々と苦しみました(;^ω^)とくに大変だったのが、ol ulのテキスト色の調整で、1色に統一化させるとさまざまな箇所で不具合が生じてしまい、個別に設定するのに四苦八苦してしまいました。

これからは、alias-Jane & 黒背景でブログ運営していきます!

ありがとうございます。

Akira

2019/03/02 (Sat) 13:28
vanillaice (Akira)

To Mさん

お久しぶりですー ('0')/

CSSのインラインは注意点もありまして。初回アクセス時は速く感じるんですが、htmlに直書きした内容というのはキャッシュが効きませんのでローディングの度に解釈することになります。外部ファイルはキャッシュされますから二度目以降は寧ろ外部ファイル化の方が速くなるんですね。もちろん最近のブラウザは処理が高速ですから体感がものすごく違う、といったことはありません。

そして爆速の方はservice workerという仕組みも使っていて、事前にキャッシュを数ページ分作成しています。2〜10ページぐらいかなぁ(ちゃんと調べてません, ごめんなさい)と思います。なのでインラインで二度目以降でも速いんですね。
キャッシュの威力というのはかなり大きく、爆速テンプレ = キャッシュ使い倒しテンプレ と言えるかと思います。

-----
黒背景変更は文字色が一番苦労しますね。今後は逆に白背景に戻すことも考慮しながら色指定を行ってくださいね。特にcurrentColorの使いどころは多いと思います。

M

2019/03/02 (Sat) 15:09

To Akiraさん

Akira様

お返事ありがとうございます。

そうだったんですね!!一時期、cssの外部ファイル化をやってたんですけどね(;^ω^)

ブラウザキャッシュの設定に挑戦した時期もあったんですけど、ワードプレスでよくやってる.htaccessファイルというのがFC2では上手く出来なくて断念したことがあります(;^ω^)

爆速はキャッシュのカスタマイズもしているんですね!でも、爆速ってインストールしてもテンプレの編集画面がないので...

アドセンスとか貼りつけてるボクなんかには全く縁がなさそうです(;´・ω・)

currentColorの使いどころ。いろいろと研究してみます。ありがとうございます!!

Akira

2019/03/02 (Sat) 16:41
vanillaice (Akira)

To Mさん

htaccessはFC2ブログでは使えないですね。
爆速テンプレートがカスタマイズ可能になる日は来ないと思いますし、デザイン面でもかなり割り切らないと、という感じです。
アフィリエイトはやらない、デザインはそんなに気にしない、という方にはおすすめ。それ以外の方にはおすすめできない(笑)

M

2019/03/02 (Sat) 23:19

To Akiraさん

Akira様

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

やっぱりFC2ブログでは使えなかったんですね。これでスッキリしました(;^ω^)

ありがとうございます!

M

2019/03/03 (Sun) 06:38

コメント一覧のボタン表示について

Akira様

お忙しい中たびたび失礼いたします。

上記のブログページでコメント欄を見ていたら、私(M)のコメントの部分の「TO -さん」というボタンに変な表示がされているのですが、原因がわかりますでしょうか?

W3Cのエラーチェックによると「属性間にスペースがありません」と出るのですが、HTMLに記述している<%comment_name>に問題があるのでしょうか?

その場合、何か代替策はありますでしょうか?

Akira

2019/03/03 (Sun) 20:21
vanillaice (Akira)

To Mさん

こんばんは。

管理画面で返信を行うとそうなります。FC2システム側が管理人名をクラス名として出力してしまうのでおかしくなってしまいます。
これを避けるには
・返信は該当ページ上で行う
・返信用JSを利用しない
のいずれかです。

JSを取り除くには onclick="add_str(this);" が含まれているli要素の一行を削除。
続いて
function add_str(arg)
で検索し、上記文字列から
.value+=arg.title}
までを削除。

JSを削除した場合には閲覧者の簡単返信(タイトル自動入力及びコメントフォームまでの自動スクロール)が無効になります。よろしくお願いします。

M

2019/03/03 (Sun) 21:17

To Akiraさん

Akira様

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

そうだったんですか!!ボクは今まで管理画面で返信してました(;´・ω・)

これからは該当ページで行なうように心がけます。

親切に教えて頂いてありがとうございました!!ペコリ(o_ _)o))

Akira

2019/03/03 (Sun) 23:32
vanillaice (Akira)

To Mさん

はい。プログラム同士がぶつかってしまうので申し訳ないです。
お疲れ様でした :)

M

2019/03/04 (Mon) 01:03

To Akiraさん(返信不要)

Akira様

いつもご親切に対応して頂き、本当に助かっています。

ありがとうございますm(__)m

M

2019/03/15 (Fri) 21:35

何度も何度もすみません

Akira様

何度も何度も質問ばかりしてしまい、大変申し訳ありません。

alias-JaneのCSSをすべて外部ファイル化したいのですが、
「body」の部分をスタイルシートの編集画面から動かすと、
ページが白くなってしまったり、いろいろ不具合が生じてしまいます(汗)

何か私の方で致命的なミスでもやらかしてしまってるでしょうか?

Akira

2019/03/15 (Fri) 21:50
vanillaice (Akira)

To Mさん

> alias-JaneのCSSをすべて外部ファイル化したい〜

CSSはもともと全て一つの外部ファイルになってますよ。

> 「body」の部分をスタイルシートの編集画面から動かすと〜

bodyの部分のCSSを別にするということですか?ごめんなさい。ちょっと意味がよくわらからないです。一つのファイルにまとまっているものをわざわざ分ければ通信リクエストが増えるだけですし、CSSは通常DOM(html)よりも先に読み込まれますのでページが白くなるといったことは無いと思うのですが。うーん。状況が見えないです。ごめんなさい。

----
もしかして「外部ファイル化」ではなく「インライン化」の間違いですかね。

----
無駄な作業になるといけませんので先回りして書いておきます。
「インライン化」の間違いだと解釈し、
「body部位をスタイルシートから抜き出してインライン化(head内にstyle要素として記載)したい」という意味だとします。

<head>
<style>body{省略}</style>
<link rel="stylesheet" href="<%css_link>" media="all">
</head>

こういうことをするという目的ならばこれは意味がありません。
CSSはいずれにしろDOMよりも先に取得され、CSSのパース中はDOMのパースは行われません。
上記の形ならCSSファイルを読み込んで全てを一度に処理するところを、わざわざ一部のみ別で処理し、その後通常のCSSファイル読み込みを行うという二段階になるだけでスピード対策にはなりません。寧ろ無駄が生じます。

メインCSSファイルを遅延読み込みさせるというのならわかります。
ただしメインCSSの遅延はかなり精査しないとレイアウト描画(レイアウトフロー)がDOMの描画に間に合いませんので、一瞬htmlだけの画面が表示されその後並び替わって綺麗なページになる、といったことが起こり得ます。

スピード改善を目的とするならば
CSSを全てインライン化する(初回ロード対策)
or
above the fold(ファーストビュー)に関連する内容のみインライン、残りはhtmlの最終で遅延(JS)取得
のいずれかになると思います。
私の限定テンプレート「Bullet」は後者です。

M

2019/03/15 (Fri) 22:06

To Akiraさん

Akira様

お返事ありがとうございます。

現在、body以外のcssはheadの部分にすべて記述しているのですが、headにstyleタグでインライン化したcssと、スタイルシートの編集画面に残ってるbodyの記述をすべてFTPに移したい、ということです。

うまく説明できなくてすみませんm(_ _"m)

Akira

2019/03/15 (Fri) 22:10
vanillaice (Akira)

To Mさん

恐らくFTPサーバーにアップロードするとエラーが生じます。FTPは「アップロードが楽」というだけでそれ以外なんのメリットも無いですよ。これもドメインの問題です。
画像程度ならFTPで良いんですが、ページ全体に係るファイル(JS, CSSなど)は通常の画像サーバーにアップロードしてくださいね。

M

2019/03/15 (Fri) 22:20

To Akiraさん(お返事不要)

Akira様

お返事ありがとうございます!!

そうなんですね!!勉強になりました(o*。_。)o

さっそく試してみます。

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

Akira

2019/03/15 (Fri) 22:26
vanillaice (Akira)

To Mさん(終了のご報告)

念の為ですが、テンプレート編集画面の「スタイルシート」欄に記載した内容は自動で画像サーバーにアップロードされますので、その部位をカットで消去して新たにアップロードする必要はありません。自動でやってくれることを手動でやることになるだけで何の変化も生じません。
要するにデフォルトの状態に戻すということになりますね。

お疲れ様です :)

Akira

2019/03/15 (Fri) 22:41
vanillaice (Akira)

To Mさん(追記「重要」)

今気づきましたがipの入れ方が間違っています。

最新バージョンは1.2.1です。そしてtype属性にmoduleの値がないと機能しません。バリデートエラーになりますがこのプラグインの場合はmoduleにしておかないと実現できないので致し方ありません。
公式ページで再度確認してくださいね。

M

2019/03/16 (Sat) 04:44

To Akiraさん

Akira様

お返事ありがとうございます!!

ボクもちょっと気になってました(;^ω^)

F12を押すと、何やら警告らしきものが出ていたので...

moduleのtype属性については、W3Cで消しなさいと表示されたので、削除してしまいました。

さっそく修正してみます。

助けて頂いてありがとうございます!!

Akira

2019/03/16 (Sat) 15:22
vanillaice (Akira)

To Mさん

こんにちは (o'ω')ノ

はい。moduleを指定しているのが一番のキモの部分なので削除しないように注意してくださいね。
いずれにしろipの作者さんご自身が「コンバージョンを1% UP」という控えめな表現をしていますので過度な期待は禁物です ^^;
preloadやprefetchはドメインの統一がボトルネックになり、FC2ではなかなか難しいところです。

スピード対策についてはFC2ブロガーの ぼっちんさん も取り組んでおられます。彼の書いている内容がFC2ブログでの正攻法ではないかと思いますので参考までに。

https://oops0011.blog.fc2.com/blog-category-23.html

M

2019/03/16 (Sat) 19:41

To Akiraさん(お返事不要)

Akira様

こんにちは(^^)

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

勉強します(^o^)丿

mojorum

2019/04/19 (Fri) 11:10

ヘッダー背景画像サイズの最適値について

Akira さん、はじめまして。
とても素敵なテンプレートなのでありがたくお借りしました。
ありがとうございます。

スマホのテンプレートを変えるにあたり、調べているうちに「レスポンシブ」や「SSL化」という事に気付き、こちらのブログの各記事がとても参考になり拝読しております。

表題の件ですが
早速、ヘッダー背景画像を変えさせていただきました。
その際の、ヘッダーの画像のサイズ…
スマホ用は横長、PC用は縦長ですが、それぞれ最適なサイズは何ピクセル(×何ピクセル) が適当でしょうか…?

初歩的な質問で恐縮です、、

あ、それと、こちらのブログを当方のブログのリンク欄に表示させていただきましたが、よろしかったでしょうか…?
テンプレート使用にあたる注意事項から、そのように理解しましたので…

上記 よろしくお願い申し上げます。

Akira

2019/04/19 (Fri) 17:30
vanillaice (Akira)

To mojorumさん

こちらこそありがとうございます :)

> それぞれ最適なサイズは何ピクセル

閲覧者のブラウズサイズはまちまちですから「これで完璧」という数値はありませんが、デフォルトの画像は
PC --- 600px × 1000px
SP --- 700px × 700px
です。参考までに。
解像度の問題はこの横サイズ(pc 600, sp 700)で大丈夫だと思います。画像のオブジェクト(画像の主体となる肖像物)の位置についてはどうしても「それなりに」という感じになりますね。誰がどんなサイズで見ているかは予測がつきませんので仕方の無いことです。

-----
> 注意事項から、そのように理解しました〜

禁止事項としてテンプレートのフッターにある「designed by Akira」の部分がバックリンクですので、これをそのままにして頂ければOKです。リンクの追加(リンク登録)については登録も削除もご自由になさってくださいね。リンク登録を強制しているわけではありません(笑)
お気遣いありがとうございます :)

mojorum

2019/04/19 (Fri) 20:26

To Akiraさん

Akira さん、こんばんは
早速の丁寧なご返信ありがとうございます:D

デフォルトのサイズ、参考になります…! スマホでぽちぽちブログ更新を再開し始めまして、PCを立ち上げておらず…後ほどチェックして手直ししてまいります(^-^;

そうでしたか、、いちばん下に表示されているバックリンクの部分のことだったのですね。了解しました。

リンク登録は、素敵なテンプレートをご提供いただいておりますので、このまま登録させていただきます^^ 。

(忙しくてついつい、放置していた当方のブログですが運営にあたり、色々と勉強していかなアカンなぁ…と認識を新たにしております(^^; )

ありがとうございます♬
(ご返信には及びませんので…:) )

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

必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。
テンプレートカテゴリ
テンプレート一覧