Article page

by
  • Comment:27
  • Trackback:0




名称 Arrival
カラム数 2
プラグイン対応 ○(サイドメニュー集約型)
レスポンシブ対応
サイドメニュー PC・TB --- 右/ ブラウザ縮小時 下
SP --- 下
記事幅 可変 最大1050px (内寸 1010px)
サイドバー幅 固定 300px (内寸 260px)
新着サムネイル表示 あり (右サイドメニュー)
鍵つきブログの方は表示されませんので削除をお願いします
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.1.25


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

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


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



更新履歴 2017.1.13


・RSS新着サムネイルをFC2独自変数での表示に切り替えました

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


更新履歴 2016.11.7


不具合修正

・ 右サイドメニューのSNSボタンの全体が若干右に寄っていた件を修正

申し訳ございません orz


更新履歴 2016.10.12


不具合修正
・ 全記事リストページでコメント・トラックバックが全てCLOSED表示になるミスを訂正

リリース早々の修正です
凡ミスが多く申し訳ございません (*_ _)
ご迷惑をおかけします よろしくお願いします


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



iPhoneのゲームアプリを間違って削除してしまったあきらでございますー (/_;)
もう最悪だよ 立ち直れない (/_;)



あらいばる (絵文字に深い意味はありません)
26日申請予定


TOP PAGE DEMO
LIST PAGE DEMO
ARTICLE DEMO

DOWNLOAD
FAQ




仕様
・トップページは全文表示タイプ(追記以降はREAD MOREで個別記事へ)
・トップページ以外は記事を探しやすいリスト表示形式
・サイドメニュー ボトムアンカー(ホールド)
注) でCtrl+F(Windows)/ Command+F(Mac) キー検索されますとカスタマイズのガイドが出てきますので 作業を始める前に一度ご確認ください


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


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




ヘッダー画像変更


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

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

CSSソース内にこのガイドが1箇所あります
デフォルトは繋ぎ目なしの画像を繰り返し表示していますので
一枚画(風景や人物の写真など)に変更されます方は 以下のような記述を行なってください

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

赤字の center は画像の左右位置合わせ
緑字の center は画像の上下位置合わせ
をそれぞれ意味します

例)

サンプル画像



center center




left top




right bottom




お使いになる画像と相談して位置を指定します
最適サイズは横1200px以上 縦横比不問ですが なるべく横長画像で
画像の容量削減は事前にしっかり行なってください



トップページに於ける拍手やSNSボタン関連の表示位置


● トップページに拍手・SNSボタンを表示 させたくない方

ブログ個人設定で「拍手ボタンの表示位置」を 追記リンクの に設定してください




● トップページに拍手・SNSボタンを表示 させたい方

ブログ個人設定で「拍手ボタンの表示位置」を 追記リンクの に設定してください




● トップページに拍手・SNSボタンを表示 させ かつ READ MORE よりも後にしたい方

ブログ個人設定で「拍手ボタンの表示位置」を 追記リンクの に設定してください
さらにテンプレート html編集で

<!--more-->

このすぐ「上」にある

<!--permanent_area-->

削除
さらに検索

<!--/more-->

このすぐ「下」にある

<!--/permanent_area-->

削除
以上3手順です
(① 個人設定 ② html削除 ③ html削除)




トップに表示させたくない方のためにこういった構造にしてあります
(スポンサーサイトリンク表示もトップに出なくなります)
ブログ設定によるSNSボタン表示はJSでの後付ですので 非常に描画が遅いんですよね (´・ω・`)
トップには表示させたくない という理由の一つかと思います
常に表示させたい方へはお手数ですがご理解をお願い致します



関連記事リストの表示について


アイキャッチを「表示する」に設定されている方



アイキャッチを「表示しない」に設定されている方



ブログ個人設定の状態で自動で切り替わります


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


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




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

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

管理人ハンドルネーム の部分は普段コメント欄でお使いのお名前に差し替えてください
カラーコードは rgb(●,●,●) の10進数表記 #●●●●●● の16進数表記のどちらでも構いません
サンプルのカラーコードは rgb(148,170,201)

プロフィール画像などを設定する場合は以下の通り

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


サンプル



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




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


みなさんいつもありがとうございますー
関連記事
vanillaice (Akira)
Posted byvanillaice (Akira)

Comments 27

mifune  
このテンプレートのことではなくて申し訳ないのですが><

テンプレートを使用させていただいてます。
お世話になっております。
このテンプレートのことではなくて申し訳ないのですが><
この間までの水彩の花のようなテンプレートの公開はなしでしょうか???
とても可愛くて気に入っていて、次に来るのかな~~♪と思っていたもので…
既にあきらさん以外のテンプレートは目もくれないような状態ですが
あちらとても好みでした**
(コメント記入記事が不適切な気もしますし問題あれば消していただいて構いませんm(__)m)

2016/09/24 (Sat) 22:27 | EDIT | REPLY |   
Akira  
To mifuneさん

いえー。何も問題ないです。
ありがとうございます

水彩のテンプレは当該テンプレの後、次回申請を予定しております。
その節はよろしくお願いします (●'ω')ノ

2016/09/25 (Sun) 02:13 | EDIT | REPLY |   
mifune  

お返事ありがとうございますm(__)m
そうでしたか!
嬉しい&楽しみです*v-10
ありがとうございます~~♡

2016/09/25 (Sun) 08:33 | EDIT | REPLY |   
Akira  
To mifuneさん

こちらこそ励みになります。
ありがとうございますー

2016/09/25 (Sun) 22:59 | EDIT | REPLY |   
-  
管理人のみ閲覧できます

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

2016/10/18 (Tue) 00:40 | EDIT | REPLY |   
Akira  
To バックリンクの件 内緒さん

ありがとうございます (o'д`o)ゝ

申し訳ございません。
「ご利用時のお願いごと」についてはどなた様にも等しくお守り頂くようお願いしています。
バックリンクが問題になるとお考えの理由はなんでしょうか。
私のブログの内容に問題があるということでしょうか(笑)
「規約」という強い表現を使っていないのは皆さんのモラルを信頼してのことです。
お守り頂けないようであれば、ご縁がなかった、ということでご利用はお控えくださいね。
よろしくお願いします。

2016/10/18 (Tue) 20:47 | EDIT | REPLY |   
よっこたん  
今日テンプレートを~

お世話になります。
素敵なテンプレートお借りしております(_ _)
コメント欄を一番下に配置替えしたいのですが
どうすれば良いのでしょうか?
教えてくださいませ。

2016/10/28 (Fri) 14:52 | EDIT | REPLY |   
Akira  
To よっこたんさん

ありがとうございます

> コメント欄を一番下に配置替えしたい

コメント投稿フォームと受信コメント一覧を入れ替える、という解釈で合ってますでしょうか。
Ctrl+F(Windows)/ Command+F(Mac) キー検索

<!--コメント-->

上記を目印に。
このまとまりが「コメント一覧」ですので、
<article class="main-body" id="comment-top"> から </article> までをCtrl+X(Windows)/ Command+X(Mac) キーで「カット(切り取り)」し、
直近にある(切り取った部分よりも下にあります)
<!--/comment_area--> のすぐ上へCtrl+V(Windows)/ Command+V(Mac) キーで「ペースト(貼り付け)」してください。

よろしくお願いします (●'0'●)/

2016/10/29 (Sat) 11:07 | EDIT | REPLY |   
よっこたん  
度々すみません~( ̄▽ ̄;)

お借りしてるテンプレートは
「Arrival」なんですがこのテンプレートの場合も
コメント欄の配置の仕方は教えてくださったので
宜しいのでしょうか?
素人ですみませんm(_)m
度々申し訳ありません。

2016/10/30 (Sun) 17:06 | EDIT | REPLY |   
Akira  
To よっこたんさん

Arrivalだと思ってお伝えしました。
質問者様が現在設定中のテンプレートは私の制作したものではありません。
勘違いされているようでしたらフッターのデザイナー名をご確認の上、作者様に直接お尋ねくださいね。

2016/10/30 (Sun) 17:18 | EDIT | REPLY |   
よっこたん  
ありがとうございました。

いろいろ教えて頂きありがとうございました。
まだテンプレートは変更してないのですが
11月からArrivalに変更しようと思って
おります。
またわからないことがあれば教えてくださいね。

2016/10/30 (Sun) 21:00 | EDIT | REPLY |   
Akira  
To よっこたんさん

もしかしたら勘違いかな?
と思ってしまった私が勘違いでしたか(笑)
申し訳ないです ^^;

上記手順でできますのでお試しくださいね。
よろしくお願いします。

2016/10/30 (Sun) 22:06 | EDIT | REPLY |   
T  
Twitterなどの埋め込み

こんばんは。
カッコいい、素敵なテンプレートですね!
サイドのFacebook、Twitterなどのリンクはソースのどこに入れれば良いでしょうか。教えてください。

2016/11/02 (Wed) 02:03 | EDIT | REPLY |   
Akira  
To Tさん

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

> SNSのリンク設定

Ctrl+F(Windows)/ Command+F(Mac)キー検索で以下の太字の文字列を探します。

<!-- 注)サイドメニューSNSリンク不要の方ここから削除 -->

この直近(下にあります)に
Facebook, Twitter, Instagram, Pinterest, Google+
の文字が見つかると思います。
各対応行の
<a href="#" 〜省略
ハッシュ(#)をアドレスと置き換えてください。

例) Facebook
<li><a href="ここにアドレス" target="_blank" class="c-facebook">Facebook</a>

よろしくお願いします。

2016/11/03 (Thu) 00:25 | EDIT | REPLY |   
さゆ  
ヘッダー?のリンクメニューについて

こんにちは、初めまして。
Akiraさまご制作のテンプレートはどれも素敵で、どれを使わせていただくかとても迷ったのですが、こちらのテンプレートをお借りいたします!
「利用時のお願い」も拝見しましたが、まだ製作中のブログのため、非公開にしておりリンクを貼れず申し訳ございません。現状、テンプレートには一切手を加えていない状態です。

そこで、こちらのテンプレートについて質問なのですが、ヘッダーのリンクメニューバー(という呼び方であっているのか不安ですが…)の「HOME・INDEX・検索・RSS・ADMIN」の部分を、ブログカテゴリへのリンクに置き換えることは可能でしょうか?
たとえば「HOME・カテゴリ1・カテゴリ2・(検索を削除)・RSS・(ADMINを削除)」にしたい場合はどのように書き換えたら良いでしょうか?「カテゴリ1」を押すと、ブログのカテゴリ別記事ページが表示されるようにしたいのです。

また、記事の下部にある、黒い5つのアイコン(SNSへのシェアボタン等)を削除することは可能でしょうか?

お手数おかけいたしますが、ご回答のほどよろしくお願い申し上げます。

2016/11/11 (Fri) 18:26 | EDIT | REPLY |   
Akira  
To さゆさん

ありがとうございます ( ゚Д゚)ノ
順に説明しますので混乱されないようひとつづつ作業してください。
ちょっとややこしい箇所もあります。

① 検索の削除

2箇所の削除です。
Ctrl+F(Windows)/ Command+F(Mac)キーを利用して以下を探します。
まずひとつ目

<!-- グローバルナビゲーション -->

2つ目は

<!-- グローバルナビゲーション2 上からスライド -->

各々 スクリーンショットをご覧になって該当箇所を削除

http://i1236.photobucket.com/albums/ff443/oo0kim0oo/FC2%20temp/9w8374ro34wth_zpsbitaend6.jpg

=======

② 各リンク先の変更

こちらはご都合に合わせて修正・追加してください。
グローバルナビは上で検索して頂いたとおり2つあります。
両方を修正しますので、ひとつのリンク設定につき2箇所の変更、ということになります。
事前に注意が一点。
スマートフォンからの閲覧時はデフォルトの各リンクはテキスト表示ではなくアイコン表示になります。
リンクを変更された際のアイコンについては私の方では準備できませんので、
以下のソース内容はアイコン表示を「無し」(パソコン閲覧時と同じくテキスト表示のまま)という形です。
太字が訂正箇所です。それ以外は変更されないようにお願いします。

<ul class="dropmenu">
<li class="underline-reveal"><a href="<%url>">HOME</a>
<li class="underline-reveal"><a href="カテゴリ1URL">カテゴリ1</a>
<li class="underline-reveal"><a href="カテゴリ2URL">カテゴリ2</a>
<li class="sp-hide underline-reveal"><a href="<%url>?xml" target="_blank">RSS</a>

</ul>

RSSはスマホで押してしまうと白紙ページが表示されてしまうので、スマホでは非表示になります。
非表示解除するには
<li class="sp-hide underline-reveal"> の部分を
<li class="underline-reveal"> に修正してください。
モバイル版への誘導ボタンが必要な場合には
<ul class="dropmenu">〜</ul> 内のいずれかの行に

<li class="pc-hide"><a href="<%url>?sp">MOBILE</a>

を追加してください。
このリンクはスマホとタブレット以外では表示されません。
スマホ版非表示設定・レスポンシブ利用の場合には無意味なものになりますので記載の必要はありません。

=========

③ SNSリンクの削除

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

<!-- 注)サイドメニューSNSリンク不要の方ここから削除 -->

上記を目印にガイダンスに従って削除してください。

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

2016/11/12 (Sat) 11:59 | EDIT | REPLY |   
さゆ  

Akira様、こんにちは。
とても詳しい解説を、ご親切にありがとうございました。
おかげさまで該当箇所の変更ができました。
本当にありがとうございました!

2016/11/12 (Sat) 16:50 | EDIT | REPLY |   
さゆ  

Akira様、たびたび申し訳ございません。
カテゴリ別ページなど、トップページ以外のページでも全文表示にするにはどうしたらよいでしょうか?

2016/11/12 (Sat) 19:07 | EDIT | REPLY |   
Akira  
To さゆさん

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

> リスト表示を全文にしたい件

手順数は5です。


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

<div id="main">

このすぐ下の行にある

<!--not_category_area--><!--not_tag_area--><!--not_date_area-->

削除


検索

<!--comment_area--><!--コメント-->

このすぐ上にある

<!--/not_date_area--><!--/not_tag_area--><!--/not_category_area-->

削除


検索

category: <%sub_title>

上記を目印に、2行上にある
<!--category_area-->
から
<!--/category_area-->
までを削除
(まとまっているのでわかると思います)


③で削除したすぐ下の
<!--tag_area-->
から
<!--/tag_area-->
までを削除


④で削除したすぐ下の
<!--date_area-->
から
<!--/date_area-->
までを削除


以上です。よろしくお願いします ( ゚Д゚)ノ

2016/11/15 (Tue) 16:51 | EDIT | REPLY |   
さゆ  

Akiraさま、こんばんは。
多忙でお返事やコメントの確認が遅くなってしまいました。
おかげさまで作業完了できました。ありがとうございます。
ブログができましたらまたご挨拶させていただきます♫

2016/11/22 (Tue) 00:23 | EDIT | REPLY |   
Akira  
To さゆさん

上手くお出来になったようで安心しました。
ご丁寧にありがとうございます

2016/11/22 (Tue) 21:14 | EDIT | REPLY |   
The Artsy Asian  
Arrival ; コメントフォームへのリンクをトップページに表示する方法

こんにちは vanillaice (Akira)さん、

どれも素敵なテンプレートばかりでどちらを使わせて頂くかとても迷いましたが、”Arrival”をお借りしています。
デザインが秀逸で使いやすく、SNSのリンクも表示出来るので、とても重宝しています。

質問なのですが、表題の通り、コメント入力フォームへ直接飛べるリンクをトップページに設置したいのですが、どのようにカスタマイズしたらよろしいでしょうか?
(*現在は ”READ MORE" の表記を ”COMMENT" に変えるだけの簡単な策でしのいでいます)

現在 vanillaice (Akira)さんがご自身のブログ上でお使いのテンプレの様に、記事下にコメントアイコンを表示させて、そのアイコンをクリックするとすぐにコメントが出来る設定にしたいです。

*余談ですが、vanillaice (Akira)さんがお作りになられたTheCityのコメント欄も同じ様な仕様でしたので、そちらのHTMLからコピーして、Arrivalの方へペーストしてみましたが、余白の配置が上手くいかなったのと、コメントとトラバのアイコンが縦列に表示されてしまったため断念しました…自力で解決できず申し訳ないです…

お時間頂戴して大変恐縮ですが、お手すきの際ご教示いただけますと幸いです。よろしくお願いいたします。

The Artsy Asian

2017/02/21 (Tue) 10:57 | EDIT | REPLY |   
Akira  
To The Artsy Asianさん

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

> コメント入力フォームへ直接飛べるリンクをトップページに

トップページの各記事タイトル下に
COMMET: 数字
という項目があり、数字をクリックすると
ページ遷移+オブジェクト(この場合はコメントフォーム)
の位置まで移動するようになっていますが、それとは別で設けたい、という解釈で合ってますでしょうか。

======

> 現在は ”READ MORE" の表記を ”COMMENT" に変えるだけの簡単な策で〜

まずこの部位をどのようにカスタマイズされたのか教えてください。
Asianさん(省略形で申し訳ないです)の場合は、記事を書かれる際に「追記」を利用せず「本文」のみに書いていますよね。
デフォルトでは「追記を利用した場合のみ」このREAD MOREが出るようにしてあります。
ですから
<div class="read-more">
の周辺にはFC2ブログの「独自変数」と呼ばれる文字列があると思います。
そして独自変数はアップロードされると実態変換されてソースコード確認ができなくなります。
つまり独自変数がどこに有って、どう機能しているかが、html本体を有しているAsianさん以外の第三者には見えなくなってしまいます。

● デフォルトのREAD MOREを残したままAsianさんがこの部位をさらにhtmlソース内に「追加」をされたのか。
● それとも独自変数を操作して、追記を利用しない場合でも表示されるようにしたのか。

上記2点の確認をさせてください。
ソース内容ベタ貼りでも良いですし、該当箇所を含む周辺スクリーンショットでも構いません。

======

上記の件についてお返事を待つとして。
Asianさんが「追記」を利用しておらず、これが以前から、そして今後もその方針で書くことが決定している場合に限り
READ MORE をCOMMENTに割り当てても良いと思います。
(その処理のために上記2点のお返事が必要です)

READ MORE を COMMENT に置き換えますと、今後Asianさんが「追記」をご利用になった際に、
閲覧者には「追記が存在すること・続きが存在すること」が伝わりません。
なので方針確認が必須です。

======

まとめ
① タイトル下 COMMENT: 数字 以外にも必要かどうか YES/ NO
② カスタマイズ内容をお知らせください (ソース貼り or スクショ)
③ ご自身で方針の検討をお願いします。

上記3点にお返事を頂きまして、具体的作業をお伝えしようと思います。
よろしくお願いします。

余談
<strong>の正しい使い方については以下の記事をご参照ください
http://vanillaice000.blog.fc2.com/blog-entry-471.html

現在の状態だとちょっとよろしくないです。
勿体ないですから修正されると良いですね。
正しい使い方をすればGoogle検索にその意図が伝わりますので、結果、閲覧してもらう機会も増えるかと思います。

2017/02/21 (Tue) 16:54 | EDIT | REPLY |   
The Artsy Asian  
No titleTo Akiraさん

早速のお返事ありがとうございます。
私の知識不足がゆえ必要な情報が抜けてしまっており、大変申し訳ありません。

ご質問のお答えですが
① タイトル下 COMMENT: 数字 以外にも必要かどうか →YES

② カスタマイズ内容をお知らせください (ソース貼り or スクショ)  →

↓ランキングに参加しております。クリックして頂けますと泣いて喜びます<BR> <a href="//overseas.blogmura.com/americawest/ranking.html" target="_blank"><img src="//overseas.blogmura.com/americawest/img/americawest88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 海外生活ブログ アメリカ西部情報へ" /></a> <a href="//lifestyle.blogmura.com/funlife/ranking.html" target="_blank"><img src="//lifestyle.blogmura.com/funlife/img/funlife88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 ライフスタイルブログ 暮らしを楽しむへ" /></a> <a href="//handmade.blogmura.com/handmadeartist/ranking.html" target="_blank"><img src="//handmade.blogmura.com/handmadeartist/img/handmadeartist88_31.gif" width="88" height="31" border="0" alt="にほんブログ村 ハンドメイドブログ ハンドメイド作家へ" /></a>
<BR>
  <div class="read-more">
<a href="<%topentry_link>#postscript">Comment</a>
</div>
<BR>
<a href="https://px.a8.net/svt/ejp?a8mat=2TCEM6+73EZAQ+3BSS+68MF5" target="_blank" rel="nofollow"><img border="0" width="728" height="90" alt="" src="https://www24.a8.net/svt/bgt?aid=170220030429&wid=001&eno=01&mid=s00000015526001048000&mc=1"></a>
<img border="0" width="1" height="1" src="https://www10.a8.net/0.gif?a8mat=2TCEM6+73EZAQ+3BSS+68MF5" alt="">
<BR>

私がいじった部分は赤字の”Comment" と言う部分と、あとは(ご覧の通り)SNSのシェアツールよりも上部に表示させたかったため、配置だけ移動させました。

③ ご自身で方針の検討をお願いします。 →追記は使う予定はないので、そのままコメント欄に割り当てたいです。

><strong>の正しい使い方について
わざわざご指南頂き、ありがとうございます!!!見ての通り無知な初心者でして、全く知りませんでした。
早速直したいと思います。本当にありがとうございます!!

2017/02/22 (Wed) 01:11 | EDIT | REPLY |   
Akira  
To The Artsy Asianさん

ちょっと私の伝え方がまずかったですね。
「どこに」というのが焦点ですので、該当箇所とその近接の範囲(特に上記ソース内容の「上下」)を含めて教えて頂きたかったんです(笑)

現在はread moreが重複している状態でしょうか。
それとも切り取ってで移動されたんでしょうか。
だとするとデフォルト位置のread moreは上下に

<!--not_permanent_area-->
<!--more_link-->

<div class="read-more">
<a href="<%topentry_link>#postscript">Read more</a>
</div>
<!--/more_link-->
<!--/not_permanent_area-->


こうして独自変数で囲われていたはずなんです。
カット&ペーストでの移動であるのか、コピー&ペーストであるのか。
上記内容を拝見しますと変数がありませんので、

① 変数だけがデフォルト位置に置き去りになっているのか
② 変数がデフォルト位置にread-moreと一緒にそのまま存在しているのか

この2つがとっても大事です。
私が確認できれば良いのですが、Asianさんに追記を利用して頂かないことには確認できません(笑)

とりあえずですね、仮にデフォルト位置にも同じく上に記した内容が残っているのであれば、それは削除してください。
read-moreの内容だけが居なくなって、変数だけが取り残されている場合(以下のように)

<!--not_permanent_area-->
<!--more_link-->
<!--/more_link-->
<!--/not_permanent_area-->


この場合も同じく削除をお願いします。
その上で、Asianさんが書かれたソース内容の中の

<%topentry_link>#postscript

の赤字部分を

<%topentry_link>#community

変更してください。
それで
ページ遷移+コメントフォーム位置まで移動、という形になります。
Asianさんは「FC2検索バー(ブラウザの上辺に固定されているバー)をご利用ですので、オブジェクト移動後の位置が若干(27px)ずれます。
ピッタリに合わせたい場合には検索バーの非表示設定をお願いします。
でもって、基本的にhtmlで大文字は使いませんので
<BR>は<br>の方が良いですが、こちらはお任せしますね。
ホントは<br>で距離を取るのもあんま良くないですけどね ^^;

わかりにくければその旨お申し付けください。
よろしくお願いします。

2017/02/22 (Wed) 02:03 | EDIT | REPLY |   
The Artsy Asian  
To Akiraさん

早速のお返事ありがとうございます!
まったく要領を得ない回答で本当に申し訳ないです。。
カット&ペーストをしたので、仰る通り変数だけが置き去りになった状態でした。
ですのでご指示通り置き去り変数の削除をし、ソース内容の中をcommunity に変更した所、無事にページ遷移+コメントフォーム位置まで移動にする事が出来ました!!!!

おすすめされました通り、FC2 の検索バーを非表示にし、<br>も直してみました!
アドバイス本当にありがとうございます!!
何も知らないまま見よう見まねで無理やりカスタマイズしてしまったので、次回からはもっと下調べと勉強が必要ですね…。苦笑

私の様な初心者にこんなに丁寧にアドバイスして頂いて、本当に感激です。ありがとうございます!
貴重なお時間割いていただき、本当に本当にありがとうございます!!

2017/02/22 (Wed) 12:37 | EDIT | REPLY |   
Akira  
To The Artsy Asianさん

良かったですー。
こちらこそありがとうございます。
お疲れ様でした

2017/02/22 (Wed) 16:04 | EDIT | REPLY |   

Leave a reply

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