入口 > niji_frame

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

    niji_frame

    スポンサーサイト

    --------
    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。

    【niji_frame】左フレームの特定カテゴリの記事タイトルを最新数件のみ表示にしたい件

    2014-07-16
    ◆凛夏 さま 

    再度のお問い合わせと、また詳しい状況説明などをありがとうございました。

    >こちらで場所あっていましたら良いのですが……。
    場所に関してはまだ食い違いがあるように思います。こちらを再度ご確認ください。
    使っている際にはテンプレ名など意識されないかもしれませんが(私も自分で作るまではそうでしたし)、お手元のテンプレは「niji_frame」といい、再三使ってくださっているコメント欄はそちら「以外の」テンプレ用の窓口として置いているものです。要するにここでリンクしているフォームの方からお願いします、ということでした。
    結局答える内容や形式が変わるわけではなく、あくまでこちらの管理上の問題なのですが、次回以降ご留意いただけたら助かります。
    また、レスポンスは何日後でも何週間後でも全然構いませんので、ご都合良いときにしてくだされば大丈夫です。昨夜などの私のレスが比較的早かったのはたまたまです、何か変にプレッシャーになっていたら申し訳ないです。いつでもお気軽にどうぞ。

    前置きが長くなりましたがご質問の件につきまして、

    >左フレームのカテゴリーの1つ「XXX」の中にある サブカテゴリー「xxx」というものがありまして
    >こちらのタイトルのみを最新5件まで表示しまして 最新5件以外の「xxx」のタイトルは表示されないように
    >してみたいのです。
    >このサブカテゴリー「xxx」のみこういった仕様にして 他のカテゴリー・サブカテゴリーは今まで通り全件表示
    >のまま機能させてみたいです。

    とのことで、例示もありがとうございました。よくわかりました。
    スタイルシートの末尾に

    /*** 特定カテゴリのみ上から5件表示 ***/
    #subcategoriesNlist li { display: none; }
    #subcategoriesNlist li:nth-child(1),
    #subcategoriesNlist li:nth-child(2),
    #subcategoriesNlist li:nth-child(3),
    #subcategoriesNlist li:nth-child(4),
    #subcategoriesNlist li:nth-child(5) { display: block; }

    と追加してみてください。赤字の「N」はそのサブカテゴリー「xxx」のカテゴリ番号に書き換えてください。
    件数は適宜コピペで増減してください。その際は最後の行末尾のカンマ「,」を必ず削除するようご注意ください。
    手元の環境だとこれで上から5件のみ表示になったのですが、いかがでしょうか。

    ただ、こちらのやり方は、「全カテゴリの記事を一旦表示させた上で・javascriptで並び順を変え(ここまでデフォルト)・スタイルシートで特定のカテゴリのみ非表示にし・更にそのうちの特定の何件かのみ表示させる(ここまで今回のカスタマイズ)」というややこしいことをしており、ページが不当に重くなったり、記事数が100件を越えたときに次のページにいくと中途半端なところから上5件が表示されてしまう、といった問題があります。またIE8以下だとこのスタイル指定自体効きません。
    そのあたりを考えると、もし差し支えなければ、テンプレの小手先でいじるよりも、そのサブカテゴリ「xxx」に関しては最新5件以外の記事はそもそも「下書き」状態にしてしまう(そのカテゴリの記事を一つ書いたら、6番目に当たる一つを下書きに変えて、常に5件しか公開設定になっていないようにしておく)というのが、一番シンプルかつ合理的なんではないかと思います。
    (こういった手法もご検討の上でのお問い合わせでしたらすみません、聞き流してください。)

    以上です。宜しくお願いします。
    スポンサーサイト

    【niji_frame】窓口をご確認ください、他

    2014-07-14
    ◆凛夏 さま 

    こんにちは! 先日はこちらこそご丁寧にご報告までありがとうございました。
    ただ、前回こちらも説明不足だったかとそのままお答えしたのも悪かったのですが、現在は連絡窓口ページに明記しております通り、お手元でお使いのテンプレに関してはそちら専用の窓口をお使いください。
    お手数ですが再度のお問い合わせをお願い致します。
    またその際、
    >カテゴリーのサブカテゴリーの1つを最新5件のみ表示といったことは可能でしょうか?
    というご質問の、「表示」とはどこに(入口ページ? フレーム左側? 右側初期ページ?)何を(記事へのリンクがついたタイトルだけでいいのか記事内容や日付まで必要なのか、その場合記事内容は全文がいいのか冒頭何文字かだけでも構わないのか、等)表示させたいのか、詳細をお書き添えください。
    そんなに詳しく考えてないけどなあという場合は「どこに」だけでもご希望をお知らせください。でないとお答えのしようがありませんので。

    以上、宜しくお願い致します。

    【niji_frame】Chromeでスクロール不能/初期画面右に特定のスタイル指定の件、他

    2014-06-26
    ◆凛夏 さま 

    テンプレ使ってくださってありがとうございます。
    バージョン番号や内容等からniji_frameの方のテンプレのご質問ということで答えさせていただきます。

    >オペラだと右のスペースを下に動かせるのですが
    >クロームだとスクロールできなくて、頭を傾げています。

    とのことで、サイトを拝見したところ、定かではないですが下記赤字のタグがこの箇所に入っているのが怪しいと思います。

    <!--★初期画面ページ★-->
    <!--■□■ ↓最初に右フレームに表示される内容です$
     ここもサイト内容やお好みに合わせて編集してください↓ ■□■-->

    <HEAD>
    <STYLE type="text/css">
    <!--
    BODY {
    background-image : url("http://blog-imgs-…802.png");
     ・
     ・
    background-color:#FFFFFF;
    }
    -->
    </STYLE>

    </HEAD>


    <h2><span style="color:#ff6600">w</span>elcome</h2>

    <head>〜</head>タグは<body>〜</body>内に入れてはいけないものですし、Chromeでもスクロールできる他のページ(例えば「コメ返」のページなど)にはこのタグは入っていないようなので。
    初期画面右側にこれらのスタイル指定をしたいのであれば、上記赤字部分は削除した上で、テンプレスタイルシートの末尾に、今「BODY」とされている箇所を#date_bodyとして付け加えてください。(下記をスタイルシート最下部に貼り付ける感じです)

    #date_body {
    background-image : url("http://blog-imgs-…802.png");
    background-attachment: fixed;
    background-position:100% 0%;
    background-repeat: no-repeat;
    background-color:#ffffff;
    }

    お試しください。

    また、

    >オペラだとしっかり反映されてるのに
    >クロームやIEだと、背景画像がでなかったりアイコン画像がなかったりして
    >ソースをみると以前の物だったので、キャッシュと履歴を
    >けして再起動したのですが、反映されませんでした。

    とのことで、こちらは申し訳ありませんが原因がよくわかりません。仰る通りある程度時間が経てば反映されるんではないでしょうか、と私も思います。特に右側部分はフレームで呼び出しているためか、体感として反映が他のテンプレより遅い気もします。
    また、こういう現象で考えられるパターンとしては、幾つかテンプレを複製しながら試行錯誤している最中に、反映させたいテンプレを「適用」していなかった、というのがあるかもしれません。と、あとは「『更新』していなかったパターン」もないではないかも。
    いずれにせよ経験上のふわっとした話なので、やっぱりこれだという原因をはっきり言うことはできないです。申し訳ありません。
    どうしても何日経っても状況が改善されないようなら、よろしかったらまたお知らせください。こういった調子であまりお力になれることはないかもしれないですが、少なくとも作り手として事象の把握はしておきたいと思うので。

    以上、宜しくお願い致します。

    【niji_frame】初期画面右フレームに特定のカテゴリページを表示させたい件

    2014-05-20
    ◆t/n さま 

    はじめまして、テンプレ使ってくださって、またお言葉もありがとうございます。

    >ワンクッションページから飛んで最初のトップページの右側のフレーム内に、ブログを表示させることは可能でしょうか?
    >ちなみにブログはカテゴリで分けてあるものなので、外部のブログではありません。

    とこのとで、ちゃんとイメージできてるか今ひとつ自信がないのですが、つまりt/nさんはブログ内のあるカテゴリを「ブログ」という名前にされていて、その「ブログ」カテゴリのページを初期画面右側に表示させたい、という理解で合ってますでしょうか?
    であれば、下記のようにしてください。

    【niji_frame】初期画面右フレーム下に最新記事を表示させたい件

    2014-04-26
    ◆きく 様 

    初めまして、テンプレ使ってくださってありがとうございます!

    >「niji_frame」のトップページ移動後
    >フレームページの右側のインラインフレームページはそのままに、その下に最新記事を数件表示したいのですが、可能でしょうか?

    とのことで、初期画面右フレームのウェルカムメッセージ下に記事を新しい順に数件載せるということで良いでしょうか。であれば、以下のようなやり方ではどうかなと思います。テンプレを「複製」してからお試しください。


    【niji_frame】特定の記事のみ入口ページに表示させたい件

    2014-03-19
    ◆七瀬 様

    テンプレ使ってくださってありがとうございます。

    >特定の記事のみ入り口ページに表示するようにできますか?
    >例えば一つの記事に一話、二話...とリンクをまとめて貼って、その記事のみ表示したいです。

    とのことで、多分一番簡単なのは、仰るような記事を未来の日付で保存しておいて、「★★★エンターページ★★★」から「★★★エンターページここまで★★★」の間のきりのいいどこかに以下を入れるやり方じゃないかと思います。

    <!--topentry-->
    <div class="index_entry">
    <h3><%topentry_title></h3>
    <%topentry_body><br />
    <%topentry_more>
    </div>
    <!--not_edit_area--><!--/topentry--><!--topentry--><!--/not_edit_area-->
    <!--/topentry-->

    これで「最新の日付の記事一件のみ」が入口ページに表示されるはずですので、結果的に仰るような形に近くなるんではないでしょうか。
    (ただ、これで入り口から飛んだ先は、フレームの右側だけのページになります。(仕組み上、右側に指定したページを開かせてのフレーム画面に飛ばすことはできません。))

    上記は記事タイトルと本文・追記のみになりますが、他の要素(投稿日時とかカテゴリとか記事本文内の画像のサムネとか)も表示させたければ(又は要らない要素があれば)、こちらの「<!--topentry--> ~ <!--/topentry--> 内で有効になる単変数」を参考に適宜タグを加減してください。

    また、このままだとちょっと読みづらいですから、「.index_entry { color: red; }」みたいな形でスタイルを指定して調節してください。例えばスタイルシート末尾に

    .index_entry { text-align: left; width: 60%; min-width:600px; max-width: 800px; margin: 0 auto; }


    と加えれば、600px以上800px以内の画面60%幅の真ん中合わせボックス内に左揃えで文章が表示されます。どういった指定でどういった表示になるかといったことはスタイルシートの解説サイトをご参照ください。

    イメージされているのと違っていたらすみません。恐らく4月中旬あたりにniji_frameの質問受付再開できるかと思いますので、具体的な状況等を添えてまた改めてお尋ねいただければと思います。

    以上、宜しくお願いします。
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。