“종으로 3 횡으로 4” 이 부분부터 와닿지 않는데, 3행(row) 4열(column)을 의미하는 건가요?

홈페이지 들어가 보니까 해당 부분은 스타일이 하나도 없군요. 웹에디터로 입력하신 것 같은데,
이정도 수준에서 방법을 제시하면… 웹에디터를 써서 눈속임으로 구현하면 됩니다. 방법은 표를 삽입+테두리는 투명 처리+ 표 안에 텍스트/이미지/링크를 삽입하세요.
하지만 표(table태그)는 각각의 열을 해체할 수가 없습니다. 이게 뭐가 문제냐면… 표가 들어간 페이지를 모바일에서 확인해 보세요. 디스플레이 가로폭이 좁아지는 것에 제대로 대응하지 못합니다.

그래서 반응형 웹페이지에서는 div태그로 가로/세로를 블럭처럼 가두고, 디스플레이 가로폭에 따라 개별 블럭의 가로폭 조정&위치 바꿈(줄바꿈)이 되도록 구성합니다. zaicro.com 홈페이지 하단이 사례입니다.
이렇게 만들고 싶다면 크롬에서 소스보기 하셔서 html/css구조 파악하신 다음 비슷하게 따라하시면 됩니다. 따라하다 보면 html,css,미디어쿼리 분야를 겉핥기 식으로 (빠르게) 익히게 될거고요.
이걸 단기간에 구현하실 자신이 없다면 프리랜서 분께 의뢰를 드리는 게 시간/비용적 측면에서 나을 것 같습니다.

html(스타일 태그 포함)에 대한 기본적인 지식이 없는 상태에서 “굳이” 반응형 레이아웃을 “직접” 구축하고자 한다면 페이지빌더 플러그인(유료/무료)의 힘을 빌리는 게 좋을 듯한데(어렵지 않습니다. 귀찮을 뿐.), 만약 제가 님의 수준+상황에 놓여 있다면 홈페이지 유지보수 건에서 손 뗄 것 같습니다. 홈페이지 로딩속도/주요 해상도별 레이아웃 틀어짐/기본 레이아웃도 완벽하지 않고… 워드프레스 잠깐 만져본 수준이라면 사이트를 정상화하는 게 (차근차근 배워서 나중에 고치시면 몰라도) 당장은 불가능에 까까워 보입니다.

처음 제작을 맡으신 분께서 그럴싸한 홈페이지를 만들기 위해 고심하신 흔적이 여기저기 보여서 지금 상황이 많이 안타깝네요.
나쁜 소리만 늘어놔서 죄송합니다.

jimnong

티스토리 블로그 : http://jimnong.tistory.com
워드프레스로 구축한 사이트 : https://www.sobi.tips