サポート » テーマ » アーカイブの記事数を年月の右横に同じフォントで表示させたい

  • 解決済 echizenya

    (@echizenya)


    いつもお世話になっております。
    下記の質問についてご存知の方がいらっしゃいましたら、ご教示をお願いします。

    ### 質問の主旨

    現在、管理画面からアーカイブの記事数を表示させると、記事数の表示が年月の下に位置し、かつフォントが異なります。記事数の文字列を年月の右横に配置し、かつフォントを同じにするためには、style.cssをどのように変更すれば良いでしょうか?

    ### 質問の補足

    #### 1.

    現在は、記事数を表示させていません。代わりに上記の質問に関する画像を1.png(管理画面)と2.png(記事数の表示)に分けて、それぞれGoogleドキュメントシートに添付しています。
    https://docs.google.com/document/d/1BxVEKSADe2_kOuZjj2kKNYLW-XS7KCiepHCYRpYBLiY/edit

    #### 2.

    /* ウィジェット */
    .widget_archive li a {
      font-size: 14px;
      padding: 3px 5px;
    }

    ウィジェットに関するスタイルシートのコードは上記の通りです。なおGitHubにてstyle.cssの詳細をアップしています。

    https://github.com/echizenyayota/e-yota/blob/personal_lesson_20171012/wp-content/themes/mytheme/style.css

    以上、よろしくお願い申し上げます。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    下記のスタイルではどうでしょうか。

    .widget_archive li a {
    	display: inline-block;
    }
    .widget_archive li {
    	font-size: 14px;
    }

    別の方法として、記事数を日付と同じ a タグ内に移動するというのはどうでしょうか。

    function my_get_archives_link( $link_html, $url, $text, $format, $before, $after ) {
    	if ( 'html' == $format ) {
    		$link_html = "\t<li>$before<a href='$url'>$text$after</a></li>\n";
    	}
    	return $link_html;
    }
    
    add_filter( 'get_archives_link', 'my_get_archives_link', 10, 6 );

    @ishitaka さん
    いつもアドバイスありがとうございます。

    function my_get_archives_link( $link_html, $url, $text, $format, $before, $after ) {
    	if ( 'html' == $format ) {
        $link_html = "\t<li>$before<a href='$url'>$text$after</a></li>\n";
    	}
    	return $link_html;
    }
    
    add_filter( 'get_archives_link', 'my_get_archives_link', 10, 6 );

    今回は、フィルターフックの方を使用させていただきました。
    おかげさまでアーカイブの右横に記事数をつけることができました。

    例)
    https://e-yota.com/webservice/shellscript_stdin_stdout_stderr_symbol/

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「アーカイブの記事数を年月の右横に同じフォントで表示させたい」には新たに返信することはできません。