サイドバーに任意の記事のリンクを「新着・人気記事」のウィジェットと同じデザインで表示させる方法について

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › サイドバーに任意の記事のリンクを「新着・人気記事」のウィジェットと同じデザインで表示させる方法について

  • このトピックには5件の返信、2人の参加者があり、最後にスコにより10年、 8ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #35500
      スコ
      ゲスト

      お世話になっております。
      サイドバーにおすすめ記事として任意の記事のリンクを表示させたいのですが、
      ウィジェットにデフォルトで入っている「新着記事・人気記事」と同じデザインで表示させる方法がわかりません。
      新着記事・人気記事の場合は表示タイプで
      ・デフォルト
      ・大きなサムネイル
      ・タイトルを重ねた大きなサムネイル
      と3種類の表示を選択できるようになっているかと思いますが、
      それぞれのデザインで記事へのリンクを作成する方法を教えていただけないでしょうか?
      よろしくお願い致します。

    • #35507
      Hidekichi
      ゲスト

      > サイドバーにおすすめ記事として任意の記事のリンクを表示させたい

      これは、カスタムクエリとか、何かしらのプラグインを使ってですか?
      それとも、手打ちで何かしらをテキストウィジェット等に書くということなんですかね?

    • #35515
      アバター画像わいひら
      キーマスター

      最も単純な方法としては、以下のようは方法があるかと思います。

      1.ブラウザでソースを表示
      2.「新着・人気記事」ウィジェット部分のHTMLを取得
      3.HTMLを自分の表示したいリンクと画像、タイトルなどに変更
      4.テキストウィジェットに貼り付けて使用する
      5.必要ならばCSS修正

      とりあえず、手軽に行えるような方法は上記以外思いつかないです。
      それ以外は、何かしらのプラグインを探すしかないかもしれません。

    • #35517
      スコ
      ゲスト

      >Hidekichi様
      プラグインを使って簡単に編集できるようになればより良いかと思いますが、
      毎日のように修正を行う場所ではないので、手打ちで何かしらをテキストウィジェット等に書くという方法でも大丈夫です。

      >わいひら様
      1~4と手順通り行ってみましたが、全く同じデザインの物にはできませんでした。
      おそらくCSSで何かしらの修正を加えているのかと思いますが、私の勉強不足のせいかどこの設定によりどんな影響が起きているか見つけることができませんでした・・・。

    • #35538
      Hidekichi
      ゲスト

      基本的に、同じセレクタを入れたらプロパティもそのままになるので、テキストウィジェットに

      参考: 新着のリスト構造 | jsFiddle

      みたいにして、手打ちすればイケると思います。
      サンプルにも書きましたが、サムネイル部分は無くても大丈夫です。

      他にもこんな方法があったりします。

      編集ページで、右上にある「公開」メニューの中に、「公開状態」と言うのがあり、その中に「先頭に固定」と言うメニューがあります。これをチェックすると、常にチェックの入った記事がリストの先頭に固定されます。

      この記事には、.stickyと言うクラスが付くので、そのクラスに対して何かしら行うことでおすすめであると言うのを他と区別することができたりします。

      phpやらを多少イジる必要があったりjQuery等も必要になるかも知れませんが、例えばこのようにして他のリストと違うclassが付けられるのであれば、それだけをどこかにまとめて表示するということは可能かと思います。問題は、リスト表示されているページだけですので、記事本文を表示している時はこの方法は使えません。

      jQuery等で.stickyとついた記事を例えばそのリンクとタイトルだけサイドバーに移すことなども可能ですが、その場合、トップページの記事数が少なくなってしまいます。
      なので、そういうことをする場合は別の処理が必要になったりするわけです。

      仮に記事のIDなどがわかっている場合は、それらをサイドバーでカスタムループで取得し、PHPで整形することで自動的にサイドバーに表示することも可能でしょう。
      PHPで整形するので、その整形を新着などと同じ形式にすれば、表示自体は同じになります。

      表示形式をこだわらないのであれば、カスタムメニューを作って、サイドバーに突っ込むだけですけどね。

    • #35572
      スコ
      ゲスト

      >Hidekichi様
      詳しく教えていただきありがとうございます!
      テキストウィジェットに手打ちする方法でなんとか表示することができました。
      色々と高度な設定を利用する方法はもう少しサイト作りに慣れてから取り組んでいくことにします!
      ありがとうございました。

5件の返信スレッドを表示中
  • トピック「サイドバーに任意の記事のリンクを「新着・人気記事」のウィジェットと同じデザインで表示させる方法について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)