Ads By Google
カテゴリー表示と言うのでしょうか?よくわかりませんが日々の投稿内容以外の内容を別画面を開いて表示させたい。
例えば、プラグインにリンク集というのがありますがその場合設定するとリンク先が表示されてしまいますが、リンク先ではなく、そこをクリックすることにより、自己紹介が別画面が開いて表示できたり、日々の投稿内容以外の記事を別画面が開いて表示できるようにしたいのです。(別画面を開かなくてもかまいません。)
よく、カレンダーや月別アーカイブや最新記事の下に『最近思うことその1』『最近思うことその2』というように過去投稿した日記に飛ぶのではなく、別画面を開いて、日記以外の内容自体を頻繁に読んでもらうようにしたいのですがどうすればいいのですか?ちなみに別画面が開かなくても内容を表示できる方法があればそちらも教えてください。カテゴリー表示と言うのでしょうかよくわかりませんが・・・。宜しくお願いします。
2007-12-02 12:20の質問
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。
回答(2)
1.
2007-12-02 13:12:29

プラグインのリンク集に、御自分のカテゴリ(記事単体でも出来ますね・・URLを設定するダケですから)やフレパを、別画面でリンクさせたら如何でしょうか?
本来は、ブログ(HP)タイトルを入れる部分に、自分の好きな言葉を入れるダケで出来ますよ。。
本来は、ブログ(HP)タイトルを入れる部分に、自分の好きな言葉を入れるダケで出来ますよ。。
回答レベル : 補足要求
2.
2007-12-02 13:51:55

無料版では、別ページ(ブログ投稿記事以外)をアップロードできませんので、有料版でやるか、別ページを別のサーバーに置いてリンクで開くか、あるいは、スクリプトでページを構成するようなページを動的に書くかする必要があるのかなと思います。
別ページを開かなくて単に内容を折り畳みのような感じでやるなら、内容を書いて置いてスクリプトで通常は内容を隠しリンクを押すと内容を開くというようなこともできると思います。
記事の折りたたみについては、探せば色々な実現方法があると思いますが、
例えばフリースペースで次のような感じでできます。
<div>
<style>
<!--
div.open { margin-left:4ex; display:block; }
div.close { margin-left:4ex; display:none; }
-->
</style>
<script type="text/javascript">
<!--
function toggleDisp(id){
var el=document.getElementById(id);
el.style.display=(el.style.display=='none')? 'block':'none';
}
//-->
</script>
<span onclick="toggleDisp('C1')">★コンテンツ1</span><br>
<div id="C1" class="open" style="display:block">
内容1<br>
内容2<br>
内容3
</div>
<span onclick="toggleDisp('C2')">★コンテンツ2</span><br>
<div id="C2" class="close" style="display:none">
内容1<br>
内容2<br>
内容3
</div>
<span onclick="toggleDisp('C3')">★コンテンツ3</span><br>
<div id="C3" class="close" style="display:none">
内容1<br>
内容2<br>
内容3
</div>
</div>
てな感じです。
隠したい内容のDIVのclassをcloseにしてdisplay:noneにしておけばDIVの内容は普通のHTMLが記述できます。
見出し部分をクリックするにつれてトグルで開閉できます。
※改行は変換しない設定で保存。
別ページを開かなくて単に内容を折り畳みのような感じでやるなら、内容を書いて置いてスクリプトで通常は内容を隠しリンクを押すと内容を開くというようなこともできると思います。
記事の折りたたみについては、探せば色々な実現方法があると思いますが、
例えばフリースペースで次のような感じでできます。
<div>
<style>
<!--
div.open { margin-left:4ex; display:block; }
div.close { margin-left:4ex; display:none; }
-->
</style>
<script type="text/javascript">
<!--
function toggleDisp(id){
var el=document.getElementById(id);
el.style.display=(el.style.display=='none')? 'block':'none';
}
//-->
</script>
<span onclick="toggleDisp('C1')">★コンテンツ1</span><br>
<div id="C1" class="open" style="display:block">
内容1<br>
内容2<br>
内容3
</div>
<span onclick="toggleDisp('C2')">★コンテンツ2</span><br>
<div id="C2" class="close" style="display:none">
内容1<br>
内容2<br>
内容3
</div>
<span onclick="toggleDisp('C3')">★コンテンツ3</span><br>
<div id="C3" class="close" style="display:none">
内容1<br>
内容2<br>
内容3
</div>
</div>
てな感じです。
隠したい内容のDIVのclassをcloseにしてdisplay:noneにしておけばDIVの内容は普通のHTMLが記述できます。
見出し部分をクリックするにつれてトグルで開閉できます。
※改行は変換しない設定で保存。
自信度 : 自信なし 回答レベル : アドバイス
回答いただき有り難うございます。
Ads By Google
コメント
まだコメントがありません




