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

  • 解決済 echizenya

    (@echizenya)


    6年、 6ヶ月前

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

    —

    ### 質問の主旨

    現在、管理画面からアーカイブの記事数を表示させると、記事数の表示が年月の下に位置し、かつフォントが異なります。記事数の文字列を年月の右横に配置し、かつフォントを同じにするためには、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件中)
  • ishitaka

    (@ishitaka)

    6年、 6ヶ月前

    こんにちは

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

    .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 );
    トピック投稿者 echizenya

    (@echizenya)

    6年、 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件中)
  • トピック「アーカイブの記事数を年月の右横に同じフォントで表示させたい」には新たに返信することはできません。