FC2ブログで追記を閉じるを押しても記事トップに
- FC2ブログで長い記事を書く場合、続きを読む・続きを閉じるの機能を利用しています。設定方法は以下のブログを参考にしています。
- 続きを閉じるボタンを押した際に記事のトップに戻らずに、ヘッドバーにタイトルが被らないようにする方法を教えてください。
- FC2ブログのヘッドバーを削除することは違反になるのか、また記事タイトルを大きくしてバランスを取る方法についてもアドバイスをいただきたいです。
- ベストアンサー
FC2ブログで追記を閉じるを押しても記事トップに
FC2ブログで利用しています。 長い記事を書くことがあるので「続きを読む・続きを閉じる」の機能を利用しています。 設定の仕方はこちらのブログの記事を参考にさせていただきました。 http://bisco.blog2.fc2.com/blog-entry-6.html -上記ブログの記事内容- １．HTMLの<head>と</head>の間に以下を挿入します。 <script type="text/javascript"> <!-- function showMore(varA1, varB1){ var123 = ('varXYZ' + (varA1)); varABC = ('varP' + (varA1)); if( document.getElementById ) { if( document.getElementById(var123).style.display ) { if( varB1 != 0 ) { document.getElementById(var123).style.display = "block"; document.getElementById(varABC).style.display = "none"; } else { document.getElementById(var123).style.display = "none"; document.getElementById(varABC).style.display = "block"; } } else { location.href = varB1; return true; } } else { location.href = varB1; return true; } } //--> </script> ２．HTMLの<!--more_link-->と<!--/more_link-->の間を以下に変更します。 <!--BisEntryIfExtended--> <span id="varP<%topentry_no>"> <a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">【Read More】</a> </span> <div id="varXYZ<%topentry_no>" style="display: none"> <%topentry_more><br clear="all"> <a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">【Hide More】</a> </div> <!--/BisEntryIfExtended--> ３．閉じたときに記事の頭へ戻れない場合 閉じるときにはid="<%topentry_no>"を目印にしているので、記事タイトル（<%topentry_title>）を囲む<h3>や<div class="entry_title">などにid="<%topentry_no>"を入れます。 このブログの記事に書いてある通りにHTMLも書き換えたのですが、続きを閉じるを押してもその記事のトップには戻っているのですが、記事のタイトルの部分がFC2ブログのヘッドバー（ブログの一番上にあるバー、広告だったり「ブログ内検索」があったり）と被ってしまい記事のタイトルが表示されてない状態で、見た目が記事のトップに戻れて無いような感じでなんだかしっくりきません。 続きを閉じるを押した時にヘッドバーに邪魔されずに記事タイトルが画面上に表示された状態にするやり方を是非教えていただきたいです。 自分のブログのURLはこちらです。 http://cirquefreak.blog.fc2.com/ 今ふと思ったのはこのFC2のヘッドバーをHTMLを編集して削除するのはどうなのかなと思ったのですが、どうなのでしょうか？削除したら違反とかになっちゃうのでしょうか？ あとは記事タイトルの部分をもっと大きくしてヘッドバーの大きさに邪魔されないようにするって考えもあるのですが、その部分だけがでかくなったらなんかバランス的に変かなとも思ってしまいます。 アドバイスのほどよろしくお願いします。
- nobu86cds
- お礼率47% (11/23)
- ブログ
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
うーん、<%topentry_title>に戻るようにしてあるので それで正しい気がします…。あいまいですみません汗 FC2バーでしたらブログ管理画面から 設定 ＞ 環境設定 ＞ ブログの設定 ＞ 検索バーの設定 という項目で非表示に出来ますよ。
関連するQ&A
- 文の折りたたみ
ブログなどでよくある「続き」を折りたたみで表示する方法を教えて下さい。 ググってみたのですが、ブログのテンプレしか見つけられず、それを普通のページにどう応用したらいいのかがサッパリ分かりません。 ヘッダに <script type="text/javascript"> <!-- function showMore(varA1, varB1){ var123 = ('varXYZ' + (varA1)); varABC = ('varP' + (varA1)); if( document.getElementById ) { if( document.getElementById(var123).style.display ) { if( varB1 != 0 ) { document.getElementById(var123).style.display = "block"; document.getElementById(varABC).style.display = "none"; } else { document.getElementById(var123).style.display = "none"; document.getElementById(varABC).style.display = "block"; } } else { location.href = varB1; return true; } } else { location.href = varB1; return true; } } //--> </script> …と記述するのは分かったのですが、本文中をどうすればいいのか… お願いします。
- 締切済み
- JavaScript
- テンプレートのカスタマイズについて
こんにちは。 ついに念願のブログを始めたのですが、皆さんのブログを呼んでいると記事の最後に「応援お願いします」のような文面で、クリックするとランキングへ投票？されるのをよく見かけます。 これはテンプレートをカスタムして毎回書き込みしなくても自動的に表示されるという仕組みなんですよね？！ 是非私も挑戦しようとおもっていろんなサイトを参考にテンプレートを解読してみたのですが、何をやっても表示されません・・・。 このテンプレは表示不可なんでしょうか？ 是非アドバイスください！！ <!--more_link--> <div class="more1"> <div id="varP<%topentry_no>"> <a href="<%topentry_link>#<%topentry_no>" title="*<%topentry_title>* の続きを読む" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">ReadMore・‥…━━━★</a><br /> </div> <div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br /> <a href="#entry<%topentry_no>" title="*<%topentry_title>* の続きを閉じる" onclick="showMore(<%topentry_no>,0);return true;">Return・‥…━━━★</a> </div> </div> <!--/more_link--> <!--more--><a name="more" id="more"></a><%topentry_more><!--/more--> </div> </td> </tr>
- 締切済み
- ブログ
- ブログのFC2拍手の位置について
FC2でブログをしています。 お礼ページをつけたいので、ブログ自体の拍手は無効化してFC2を貼り付けようとしましたが、 拍手の位置がうまくいきません。 ブログ自体の拍手の時は ――――――――――― 【続きを読む】 ココに拍手ボタン ――――――――――― と表示され、 そして「続きを読む」をクリックすると、記事の一番下にきていました。 しかし、FC2拍手を使うようになってから ――――――――――――― 本文 ココに拍手ボタン 追記内容 ――――――――――――― のようになってしまい、本文と追記の間に拍手が来てしまい、不恰好ですし、読み終わったあとに拍手が押しにくくなってしまいました。 ソースは以下のようになっています。 <div id="header"> <h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1><p><%introduction></p> </div><!-- /header --> <div id="container"> <div id="main"> <!--not_titlelist_area--><!--not_search_area--><!--topentry--> <div class="content" id="e<%topentry_no>"> <h2 class="entry_header"><!--not_permanent_area--><a href="<%topentry_link>" title="<%template_abs_link>"><!--/not_permanent_area--><%topentry_title><!--not_permanent_area--></a><!--/not_permanent_area--></h2> <div class="entry_body"> <%topentry_body> <!--more_link--> <p class="entry_more"><a href="<%topentry_link>#more" title="<%template_extend>"><%template_extend></a></p> <!--/more_link--> 【ここに現在拍手のタグを入れています】 <!--more--><div id="more"><%topentry_more></div><!--/more--> <!--community--><p class="theme"><%template_theme> : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a><br /> <%template_genre> : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a> </p> <!--/community--></div> <!--/entry_body--> 見やすいブログを作りたいので、解決策がわかる方はアドバイスの方お願いしますm(_ _)m
- ベストアンサー
- ブログ
- ブログのカテゴリ別記事一覧を折りたたまない方法
FC2ブログで、フリーエリアに「カテゴリ別記事一覧」を入れました。カテゴリをクリックすると一覧は出るのですが、ひとつ記事をクリックすると、閉じてしまいます。いわゆる「折りたたまない」仕様にしたいのですが、なんとかなるでしょうか。 そもそも、タグというものをまったく勉強せずに、カンでやっているので、「ちゃんと勉強しろ」と言われると小さくなってしまうのですが・・・。 使っているテンプレートは2カラム。本来はカテゴリをクリックした時、記事部分に「カテゴリ別記事一覧」が出ます。 テンプレートのHTMLからその「カテゴリ別記事一覧」の部分(と思われる)↓ <!--category_area--> <div class="free_category"> <p>カテゴリ：<%sub_title> の記事一覧</p> <ul> <!--topentry--> <li><a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title></a></li> <!--/topentry--> </ul> <p class="content-nav" align="center"> <!--prevpage--> <a href="<%prevpage_url>" title="前のページへ">≪新しい記事一覧へ </a> <!--/prevpage--> <!--nextpage--> <a href="<%nextpage_url>" title="次のページへ"> 古い記事一覧へ≫</a> <!--/nextpage--> </p> </div> を切り取って、「プラグイン3」の「フリーエリア」に貼り付けました。 現在は、(カテゴリ別記事一覧)というタイトルのみ出ています。(折りたたまれている) 上部のブログタイトルの下に表示されているカテゴリ(そういうテンプレートです)をクリックすると、 きちんと選んだカテゴリの記事一覧が左側のカラムに出て、そのうちのひとつクリックすると、右側に記事が全文開く。 ・・・・という所までは理想どうりなのですが、 ひとつ記事を開いてしまうと、先ほど開いたカテゴリの記事一覧が閉じてしまいます。同じカテゴリの記事を続けて読めるように、一度開いたカテゴリ別記事一覧を、そのまま開いた状態にキープしたいのですが、簡単な方法(笑)はありますでしょうか。 ネットを少し検索しただけでは、「折りたたみ」「折りたたむ」「折りたたみたい」という記事はたくさん見つかったのですが、 「折りたたみたくない」「折りたたまない」となると案外発見できず・・・。 テンプレートの <!--メニュー開閉スクリプト--> <script language="javascript"><!--function init(){<!--date_area--> document.getElementById("p1-calender").style.display = "block"; <!--/date_area-->}function switchover(id){ if(document.getElementById){ if(document.getElementById(id).style.display == "block"){ document.getElementById(id).style.display = "none"; }else{ document.getElementById(id).style.display = "block"; }}}//--></script> <!--/メニュー開閉スクリプト--> ここをいじるのでしょうか。 あるいは <!--プラグイン3--> <!--plugin_third--> <div class="menu_body3"> <h3 class="menu_title3"><%plugin_third_title></h3> <div style="text-align:<%plugin_third_ialign>"><%plugin_third_description> </div> <%plugin_third_content> <div style="text-align:<%plugin_third_ialign>"><%plugin_third_description2> </div> </div> <!--/plugin_third--> <!--/プラグイン3--> こちらなのか・・・。開閉スクリプトの(id).style.display = "none";←をなんとなくblockにしてみたりもしたのですが、特に変化はなく。 根本的に作り直すというと、とても私の技量では無理なので、もし、上記のタグに手を入れる範囲での「折りたたまない」方法があれば、お願いいたします。
- 締切済み
- HTML
- FC2ブログの本文が表示されない。
FC2ブログの初心者です。記事を投稿してみたところ、表示が次のようになりました。 ・記事のタイトルは表示されます。（仮に、タイトルを "なんでや？" とします） ・本文が全く表示されません。 [なんでや？]の続きを読む と表示されるだけです。 ・[なんでや？]の続きを読む から本文へリンクが張られています。 これを、最初から本文が全部表示されるようにするにはどうしたらいいでしょうか。 HTMLで関係ありそうな箇所は以下のようになっています。 <div class="body"> <%topentry_body> <!--more_link--> <a href="<%topentry_link>#more">[<%topentry_title>]の続きを読む</a><!--/more_link--> <!--more--><hr size="1"><a name="more" id="more"></a><%topentry_more><!--/more--> <!--community--><p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p><!--/community--> <ol class="sub"> <li><a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>(<%topentry_wayoubi>) <%topentry_hour>:<%topentry_minute>:<%topentry_second></a>|</li> <li><a href="<%topentry_category_link>"><%topentry_category></a></li> <li> <!--allow_tb--> | <a href="<%topentry_link>#trackback">トラックバック：<%topentry_tb_num></a><!--/allow_tb--> <!--deny_tb--><!--/deny_tb--> </li> <li> <!--allow_comment--> | <a href="<%topentry_link>#comment">コメント：<%topentry_comment_num></a><!--/allow_comment--> <!--deny_comment--><!--/deny_comment--> </li> </ol> </div>
- ベストアンサー
- ブログ
- エントリー記事のリンクを消すHTMLのカスタマイズについて
FC2BlogテンプレートのHTMLおよびスタイルシートのカスタマイズについて。 質問があります。Blogのエントリー記事のタイトルをクリックすると、 「コメントの投稿」へとリンクされています。これをリンクさせずに エントリー記事のタイトルだけを表示させたいのですが、 HTMLおよびスタイルシートのどこを変更設定すればいいですか？ コメントやトラックバックのないBlogを製作中です。 参考までに当該箇所を載せておきます。どうかご回答のほどを。 ［HTML］ <!--▼ エントリー（記事）▼--> <!--topentry--> <h3><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h3> <div class="article"> <%topentry_body> ［スタイルシート］ /* エントリー（記事）タイトル */ h3 a:link,h3 a:visited,h3 a:active,h3 { /* ----------------------------------------------------- */ color:#D2691E; /* 記事タイトルの色 */ /* ----------------------------------------------------- */ text-decoration:none; }
- ベストアンサー
- ブログ
- FC2ブログ 記事のHTML表示方法 初歩
初歩的な質問です。 FC2ブログで、ブログの練習をしています。 記事の日付を消したいと思うのですが、 --- http://10plate.blog44.fc2.com/blog-entry-104.html HTMLを編集します。 [ <%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute> ]を削除してください。 --- とありますが、記事のHTMLは、どの様にしたら表示をすることが出来るのですか？ よろしくお願い致します。
- ベストアンサー
- ブログ
- FC2ブログにmixiイイネボタン追加が出来ない
どなたかお知恵をお貸しください・・・ FC2ブログのテンプレートを使っています。 ブログ記事ごとに個別でカウントされるmixiいいねボタンを追加したいのですが上手く行きません・・・ イイネボタンはブログ記事の下の方に表示されるのですが、試して見るとブログ記事では無くブログ全体をイイネしてしまいます。記事毎にイイネ出来る様にするにはどうすれば宜しいのでしょうか？ タグは以下の様に、<!--/more-->の直下に挿入しています。 <!--more--><div id="more"><%topentry_more></div><!--/more--> <div data-plugins-type="mixi-favorite" data-service-key="認証キー" data-size="medium" data-href="FC2ブログURL" data-show-faces="true" data-show-count="true" data-show-comment="true" data-width=""></div><script type="text/javascript">(function(d) {var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true;s.src = '//static.mixi.jp/js/plugins.js#lang=ja';d.getElementsByTagName('head')[0].appendChild(s);})(document);</script> 使ってるテンプレート http://control.blog.fc2.com/control.php?mode=design&process=download&no=33729
- ベストアンサー
- ブログ
- FC2ブログで記事の投稿日時を表示させたい
FC2ブログで、grey_2columnというテンプレートを使っているのですが、記事を書いた日にちまでしか表示されません。 <%topentry_second>まであるのですが、記事を書いた時間まで表示させるにはどうすればいいでしょうか。 2000文字を超えてしまうので一部しか載せられませんが、よろしくおねがいします。 </ul> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="<%topentry_link>" trackback:ping="<%url>tb.php/<%topentry_tb_no>" dc:title="<%topentry_title>" dc:identifier="<%topentry_link>" dc:subject="<%topentry_category>" dc:description="<%topentry_discription>" dc:creator="<%author_name>" dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" /> </rdf:RDF> --> <div class="pagetop"><a href="#container" title="<%template_go_top>">Pagetop</a></div> </div><!--/content--> <!--/topentry--> <!--/not_titlelist_area--> <!--/not_search_area-->
- ベストアンサー
- ブログ
- fc2ブログ、記事の時間表示をなくしたいのですが・・・
fc2ブログ、記事の時間表示をなくしたいのですが・・・ テンプレートの編集で、「時間、分、秒」の部分を消すのは分かったのですが うまく非表示にならないのでアドバイスお願いします。 以下の部分だと思うのですが・・・どこまで消して良いのでしょうか？ dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" /> </rdf:RDF> --> <!--/topentry--> よろしくお願いします。尚、非表示にしたいのは記事の投稿時間だけです。
- ベストアンサー
- ブログ
お礼
検索バー非表示にしたら無事記事タイトルが表示されるようになりました。 ありがとうございました。