Создание якорей для записей, чтобы сослаться на них потом

Как создать якорь чтобы он автоматически присваивался элементу выведенному через get_posts() вот код(вывод записей из рубрики на страницу):

<div class="container textMonsterrat">
		<p style="text-align: center; font-weight: bold; font-size: 21pt;">Шестерни, звездочки</p>
	<hr>
	   <?php
			 // параметры по умолчанию
			$posts = get_posts( array(
				'numberposts' => 0,
				'category_name'    => shesterni,
				'orderby'     => 'date',
				'order'       => 'DESC',
				'include'     => array(),
				'exclude'     => array(),
				'meta_key'    => '',
				'meta_value'  =>'',
				'post_type'   => 'post',
				'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
			) );

			foreach( $posts as $post ){ setup_postdata($post);
				?>
		<p style="text-align: center; font-weight: bold; font-size: 18pt;"><?php the_title();?></p>
		<div class="row">
		  <div class="col-lg-12 col-md-12 col-xs-12">
		   <a id="<?php the_permalink(); ?>"></a>

			 <?php $image = the_post_thumbnail();
					if( !empty( $image ) ): ?>
			  <a class="thumbnail" href="<?php echo $image['url'];?>" data-lightbox="imgGLR" >
				  <img class="img-responsive" border="0" height="auto" src="<?php echo $image['url'];?>" width="80%" style="display: block; margin-left: auto; margin: auto;"/>
				  <?php endif; ?>
			  </a>
		  </div>
		</div>

	<div class="container center" >

		  <div class="row">

				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
				   <?php $img = get_field('foto_1', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_2', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_3', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;" onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_4', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_5', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_6', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_7', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
				<div class="col-sm-12 col-md-4 col-lg-4 col-xl">
					<?php $img = get_field('foto_7', get_the_ID());?>
					<a class="thumbnail" href="<?php echo $img['url'];?>" data-lightbox="imgGLR" >
						<img border="0" height="300" src="<?php echo $img['url'];?>" width="400" style="display: block;  margin-left: auto; margin: auto; padding:5px;"  onerror="this.style.display='none'"/>
					</a>
				</div>
		</div>    
	</div>
	<?php
			}

			wp_reset_postdata(); // сброс 
				?>
	</div>

Как сослаться на пост который будет выведен на другую страницу?

Заметки к вопросу:
andrey-panov 4.1 год назад

Решено с помощью

<a id="<?php the_ID(); ?>"></a>
<a href="http://ссылка на ваш сайт/страница#<?php the_ID(); ?>"><font color="white"><h7><?php the_title();?></h7></font></a>