サポート » 使い方全般 » ウィジェット最近の投稿で表示する投稿日を前に持ってきたい。

  • 解決済 mayu0315

    (@mayu0315)


    WordPressは不慣れな者です。
    ご教授いただければ幸いです。

    http://demo-wp.com/juliet/
    こちらのテーマを使用し、サイト制作してます。

    最近の投稿で投稿日を表示させるため、ウィジェット「最近の投稿」で「投稿日を表示する」にチェックしますと、投稿日が表示されるのは投稿タイトルの後ろになります。

    これを「投稿日」「投稿タイトル」の順で表示させるのに、/wp-include/default-widgets.phpをいじって調整しました。

    けれど、これだとバージョンアップの度にいじることとなりますので、その必要なくできる方法がありましたら、ご教授よろしくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 実際に試した訳ではありませんが、プラグインとしてウィジェットを自作してみてはどうでしょう。プラグインに入れるphpコードの一部は、default-widgets.php の class WP_Widget_Recent_Posts を継承する(メンバー関数 widget を差し替える)ように書けるのではないかと思います。

    もしくは、例えば下記のようなプラグインをインストールしてプラグインのコードを編集する、という方法もありますね。このプラグインさえバージョンアップしなければ、WordPress本体をバージョンしても大丈夫です。
    公式ディレクトリの TW Recent Posts Widget

    gblsmさま
    アドバイスありがとうございます。
    おすすめのプラグインをインストールし、編集しようとしましたが、どこをどう触ればいいのかがわからずでした。

    [WordPress]「最近の投稿」ウィジェットに日付をつける
    phpは不得手なもので、CSSにてのこの方法ができればと思い試しましたが、使用中のテーマではうまくいきませんでした。

    引き続きオープンにしますので、皆様よろしくお願いします。

    mocomoco

    (@silent_dandy)

    CSSで調整するのであれば、最近の投稿のliposition: relative;を付与し、
    .post-dateposition: absolute;で無理やり前に持っていく感じでもいいのかなとは思います。

    IE9以下が対応していないのに目をつむれば使えるposition: flex;というものも一応あります。
    http://www.flapism.jp/html/278/

    flexの場合だとliposition: flex;をつけてaorder:2;.post-dateorder:1;を指定するだけです。

    mocomocoさま
    アドバイスありがとうございます。

    .widget_recent_entries .post-date {
    	margin-left: 0;
    	float: left;
    	position: absolute;
    	top: 6px;
    	left: 0;
    }
    
    .widget_recent_entries a {
    	position: relative;
    	top: 0;
    	left: 70px;
    	display: block;
    }
    
    .widget.widget_recent_entries li {
    	position: relative;
    }

    cssに上記追加で解決しました。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「ウィジェット最近の投稿で表示する投稿日を前に持ってきたい。」には新たに返信することはできません。