안녕하세요.

원하시는 대로 레이아웃을 구성할 때 HTML과 CSS 코드를 알면 도움이 될 듯합니다.

별도로 사용자가 입력하는 필드를 표시하고 데이터를 저장하시려면

프로그래밍에 대한 지식이 어느 정도 있으셔야 할 듯합니다.

워드프레스에서 DB에서 데이터를 가져오거나 입력하려면 $wpdb를 사용하시면 됩니다.

https://codex.wordpress.org/Class_Reference/wpdb

add_shortcode('my_db_print', 'my_db_print_functoin');
function my_db_print_functoin($atts=array()){
	global $wpdb;
	
	ob_start();
	
	// $wpdb->get_results()를 사용하면 DB에서 여러줄 데이터를 가져올 수 있습니다.
	$results = $wpdb->get_results("SELECT~");
	print_r($results);
	
	return ob_get_clean();
}

워드프레스 페이지에 어떠한 내용을 출력하고 싶으시다면,

숏코드에 대해서 알아보시면 도움이 됩니다.

https://codex.wordpress.org/Shortcode_API

아래와 같은 코드를 작성했다면 [my_db_print] 숏코드를 사용할 수 있습니다.

add_shortcode('my_db_print', 'my_db_print_functoin');
function my_db_print_functoin($atts=array()){
	ob_start();
	
	// 이쪽에 원하는 내용을 출력하세요.
	echo '이쪽에 원하는 내용을 출력하세요.';
	
	return ob_get_clean();
}

아래의 링크도 참고해보시겠어요?

http://biscuitpress.kr/503

고맙습니다.