簡潔版MUGEN
 

簡潔MUGEN本体をダウンロードすることができます キャラ&ステージが追加しやすく初心者の方にはとても便利です

 
プロフィール
 

蔚萌

Author:蔚萌
名前:蔚萌(うつも)
年齢:17
職業:高校生
趣味:ゲーム
好きな食べ物:マカダミアナッツ
嫌いな食べ物:西瓜
好きなゲーム:モンハン
夢:神キャラを作ること

■■■制作完成度■■■
B-Alice・・・88%
ななやしき・・・56%
天恍・・・48%

■■■制作キャラ■■■

B-Alice

ななやしき

天恍

 
カテゴリ
 
 
カレンダー
 
 
天気予報
 

-天気予報コム- -FC2-
 
検索フォーム
 
 
 
 

スポンサーサイト

 
--/--/--(--) Category : スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 
Comment  |  Trackback
 
 

続きを読むを折りたたむ方法

 
2009/08/31(Mon) Category : FC2講座
<続きを読むを折りたたむとは?>
FC2ブログに限らず大抵のBLOGでは、本文の続きがある場合、「続きを読む」と表示され、
このリンクをクリックするとParmalinkに飛びますが、
トップページでも続きを読めるように、折りたたみ表示できるようになります。
記事の題名をクリックすれば、Parmalinkに飛ぶし、問題ありません。
要は、トップページで「続きを読む」をクリックすると追記部分が表示され、「続きをたたむ」をクリックすると追記部分が隠れるようにします。
例えば、このページの下を見てください。【続きを読む】がありますよね。
そこを押してみてください。簡単に追記が表示されます。他のページに飛ばなくて済むのです。


<続きを読むを折りたたむ方法>
①最初に管理画面のテンプレートの設定からHTMLの編集を開きます。そして上の方にある</head>というタグを探します。見つからなかったら「Ctrl」+「F」を使って検索してみて下さい。


このブログでは・・・

<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />


このような様子になっていました。これは結構初めらへんにあると思います。
見つかったらこの</head>のすぐ上に下記のタグをコピーして張りつけます。

<script language="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>



このブログを例にすると、

<?xml version="1.0" encoding="euc-jp"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">

<script language="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>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />


この様に貼り付けます。






②次にそのままHTMLの編集の画面で今度は<!--more_link--><!--/more_link-->で囲われている所を探します。<!--topentry-->の少し下にあると思います。見つからなかったら「Ctrl」+「F」を使って検索してみて下さい。


このブログでは・・・

<!--more_link-->
<div id="varP<%topentry_no>">
<div class="readmore">
<a href="<%topentry_link
~~~~~~~
<%topentry_more>
</div>
<!--/more_link-->


と、なっていました。<--more_link-->に囲まれた中のタグを下記のタグに書き換えます。

<div class="entry_text">
<div id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">続きを読む</a><br />
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br />
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">続きをたたむ</a>
</div>
</div>



このブログを例にすると・・・

<!--more_link-->
<div class="entry_text">
<div id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">続きを読む</a><br />
</div>
<div id="varXYZ<%topentry_no>" style="display: none"><%topentry_more><br />
<a href="#entry<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">続きをたたむ</a>
</div>
</div>

<!--/more_link-->



この様に書き換えます。

ここまでの作業ができたら、最後に更新を押して保存をします。これで完成です。自分のブログで確認してみて下さい。クリックするだけで、続きを読むが開くと思います。



応用編
スポンサーサイト
 
コメントアイコン Comment0  |  Trackback0
 
Home | Top ▲
 
FC2カウンター
 
 
最新コメント
フリー
 
You need to upgrade your Flash Player.

 
リンク
オセロ
 
 
やる気
 
 
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。