注目タグ

質問・疑問

トピック詳細

関連記事のカスタマイズについて

やり方がわかりません。
ttp://interest2014.blog.fc2.com/blog-entry-16.html
こちらのサイトの方のように、関連記事をカスタマイズして、サムネイル?画像などを使用したいと考えているのですが…。

テンプレートはsky_cubeを使用しております。
ソースからだと 関連記事 の個所があるのですが、HTMLやCSSでは確認できず…。

ttp://customtemplate.blog112.fc2.com/blog-entry-54.html
こちらのサイトにも、やり方は書いてあったのですが、テンプレートの違いのせいなのか、6番のテンプレートのCSSを編集の個 所が確認できず…。

お手数をおかけしますが、ご教授お願い致しますm(__)m

2015年07月16日 23:23  by いによこ

コメント一覧 9件中、1~9件表示

  • vanillaice (Akira) 様、ありがとうございます。
    relate_はわかりませんが、テンプレートを見てもソースを見ても「関連記事」が見当たりませんでした。

    スタイルシートは見た目、HTMLは中身、ですよね。

    よくわかってなかったのですが、そういえば調べてる時に外部プラグインなる情報がありました。
    Milliardのほうを明日調べてみます。本当にありがとうございましたm(__)m

    もっと勉強して上手く伝えられるよう努力致します。

    2015年07月25日 00:43 by いによこ

  • 標野ゆき様、お礼が遅くなってしまって申し訳ありませんm(__)m
    ありがとうございます。「クラス名とは」で調べたら良かったのですね。たくさん出てきました。

    恥ずかしながら自分がどんな作業をしてるのかイマイチ理解できてないので、曖昧な質問になってしまって、とても申し訳なく思っ ています。

    2015年07月25日 00:36 by いによこ

  • 非常に本末転倒なのですが。
    外部プラグインに頼る、という点に抵抗が無いのであれば、そちらを利用しない手は無いと思うんです。
    有名どころだと

    LinkWithin
    ・レスポンシブにするには一手間必要
    ・これ関連してなくね?な記事が出てしまうことがある
    ・海外製なので質疑応答は英語

    Milliard
    ・情報量が非常に多いのでたくさん見せたい方向け
    ・スクロールバーが出るので好き嫌いあり(スマホ版はスクロール無しで表示件数も選べます)
    ・作者さんが日本の方ですので、メールを通じてしっかりサポートしてもらえます

    それぞれ検索すると出てきますので、お試しになるのも一興かと思います (●'0'●)/
    外部プラグインを利用する利点としては、自分で設定する手間がほとんどない(自動更新)というところにあります。
    ただしRSSを利用しますので、鍵つきブログ・限定閲覧記事では使えません。

    2015年07月21日 16:06 by vanillaice (Akira)

  • 要するにrelate_関連の記述が無いので「編集」ができない、ということでしょうか。
    これは必ずしも記載されているとは限りません。
    デフォルトのスタイル(見た目)を変更したいと思った時に書くだけなので。
    ですから、無ければ「編集 あるいは 修正」するのではなく、「追加」してください。
    標野さんのコメントと読み合わせて頂ければ意味が伝わるかしら。
    ガンバ╭( ・ㅂ・)و ̑̑ グッ !"

    2015年07月21日 15:52 by vanillaice (Akira)

  • HTML内の要素に
    たとえばこんな感じに
    <div class="class_name">DIV要素</div>
    名前をつけて、その名前を使って
    スタイルを指定します。

    この場合、class_nameが DIVの「クラス名」ということになりますね。

    .class_name {
    color:#333333;
    background-color:#eeeeee;

    実際のスタイル指定はたとえばこんな感じ。

    div.class_name {
    こういう風に要素名も一緒に記述する人もいます。

    カスタマイズするときには
    この種の記述の揺れが差し障ることもあるので
    元々の記述にそろえる必要があります。

    でも
    「クラス名とは?」の問いは
    検索すれば山ほど答えがヒットするので
    尋ねる前に自分で調べてください。



    スタイル指定は
    テンプレートが違えば丸ごと違いますが
    前のテンプレートで使っていたスタイル指定を
    そっくり移植できるものもあります。

    自分の場合は
    FC2バトンの表示を自分好みにカスタマイズしたものを
    そっくり移植して使いまわしていました。

    FC2バトンも関連記事と同じく自動挿入の為
    HTMLタグ自体はユーザ側では編集できませんが
    クラス名やタグの構成はいつも同じなので
    スタイルの編集に支障はありません。

    ちなみに
    FC2バトンも関連記事も全記事一覧も
    何のスタイル指定もしなければデフォルトのままです。
    テンプレートによってスタイル指定があったりなかったりします。
    その辺はテンプレメーカーさんのこだわり次第ですね。


    質問者さんの示してあった
    参考URL先でカスタム内容を参照してみたのですが

    記事設定を変更する箇所があって
    テンプレートの編集だけでは済まないようなので
    今回はシメノがちょっと試してみるという訳にはいきません^^;

    何をどうカスタムしたら
    どうなったのかを正しく伝えてもらえたら
    少しは役立つアドバイスができるかもしれませんので
    自分の作業を客観的に捉えられるように努めてみてください。

    2015年07月21日 09:02 by 標野ゆき

  • 標野ゆき様、いつもありがとうございます。
    申し訳ないのですが、クラス名とは何でしょうか?

    テンプレートごとに変わってしまうのですね。
    するとテンプレートを変更しようとしたら、また最初から設定する必要があるのですね…。

    2015年07月20日 23:50 by いによこ

  • 関連記事のタグは自動表示?なので、ユーザ側で弄ることはできませんが
    決まったクラス名が挿入されることから、クラス名に沿ったスタイルを追加することで
    デザインを変えることはできますよね。

    <dl class="relate_dl">
    <dt class="relate_dt">関連記事</dt& gt;
    <dd class="relate_dd">
    <ul class="relate_ul">
    <li class="relate_li"><a href=& quot;blog-entry-1.html">記事タイトル1</a></li>
    <li class="relate_li"><a href="blog -entry-2.html">記事タイトル2</a></li>
    <li class="relate_li"><a href="blog -entry-3.html">記事タイトル3</a></li></ul&g t;</dd></dl>

    太字のクラス名を利用して、スタイル指定が行えるわけですが
    テンプレートによって表記に癖があったり、大枠のスタイル指定が優先されたりして
    首尾よくいかない場合には 何かと試行錯誤が必要となりそうですね^^;

    2015年07月18日 22:16 by 標野ゆき

  • 標野ゆき様、ありがとうございます。
    本文には書きませんでしたが、公式のほうも試そうとしましたが、
    テンプレートの違いのためか、わかりませんでした。

    2015年07月18日 21:28 by いによこ

  • 公式マニュアルでも関連記事のカスタマイズに触れている箇所があるようです。
    http://help.fc2.com/blog/manual/Home/kankyou/entrysetting.h tml#2

    2015年07月16日 23:38 by 標野ゆき