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

解決済 echizenya
(@echizenya)

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

—

### 質問の主旨

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

こんにちは

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

.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年、 1ヶ月前

@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件中)

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

トピックタグ

表示