php - ワードプレスで画像とコンテンツの両方を含むポップアップボタンを作成する方法

Question

here my functions.php
function avail_rooms(){

$output .= '<div class="main-room-image">';
$output .= '<div class="room-image"><img src="'.home_url ('/').'images/deluxe-room.jpg" alt="Deluxe Room" title="Deluxe Room" />';
$output .= '<div class="room-txt"><a href="'.get_permalink(177).'">Deluxe Room</a></div></div>';

$output .= '<div class="room-image"><img src="'.home_url ('/').'images/twin-deluxe-room.jpg" alt="Twin Deluxe Room" title="Twin Deluxe Room" />';
$output .= '<div class="room-txt"><a href="'.get_permalink(192).'">Twin Deluxe Room</a></div></div>';

$output .= '<div style="display:none;">';
$output .= '<div claas="room-image"><img src="'.home_url ('/').'images/sample-image.jpg" alt="" title="" />';
$output .= '<div class="room-txt">Sample</div></div>';
$output .= '</div>';

$output .= '</div>';


return $output;
}
add_shortcode('avail_rooms','avail_rooms');

アイデアと共有された情報に感謝します..画像とコンテンツを含むポップアップボックスを作成したい..