Block Index

core/archives

Display a date archive of your posts.

Display in list

<ul class="wp-block-archives-list wp-block-archives">	<li><a href="https://blocks.joedolson.com/2023/06/">June 2023</a></li>
	<li><a href="https://blocks.joedolson.com/2022/09/">September 2022</a></li>
</ul>

Display as dropdown

With label

<div class="wp-block-archives-dropdown wp-block-archives"><label for="wp-block-archives-7" class="wp-block-archives__label">Archives</label>
		<select id="wp-block-archives-7" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
		<option value="">Select Month</option>	<option value="https://blocks.joedolson.com/2023/06/"> June 2023 </option>
	<option value="https://blocks.joedolson.com/2022/09/"> September 2022 </option>
</select></div>

Without label

<div class="wp-block-archives-dropdown wp-block-archives"><label for="wp-block-archives-9" class="wp-block-archives__label screen-reader-text">Archives</label>
		<select id="wp-block-archives-9" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
		<option value="">Select Month</option>	<option value="https://blocks.joedolson.com/2023/06/"> June 2023 </option>
	<option value="https://blocks.joedolson.com/2022/09/"> September 2022 </option>
</select></div>

Post counts included

List

<ul class="wp-block-archives-list wp-block-archives">	<li><a href="https://blocks.joedolson.com/2023/06/">June 2023</a>&nbsp;(1)</li>
	<li><a href="https://blocks.joedolson.com/2022/09/">September 2022</a>&nbsp;(90)</li>
</ul>

Dropdown

<div class="wp-block-archives-dropdown wp-block-archives"><label for="wp-block-archives-13" class="wp-block-archives__label">Archives</label>
		<select id="wp-block-archives-13" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
		<option value="">Select Month</option>	<option value="https://blocks.joedolson.com/2023/06/"> June 2023 &nbsp;(1)</option>
	<option value="https://blocks.joedolson.com/2022/09/"> September 2022 &nbsp;(90)</option>
</select></div>

joedolson

Leave a Reply