허브 만들기 - 홍영두의 시선

네, 아주 좋습니다. 홍영두 님의 큰 그림(Hub & Spoke)을 완성하기 위해 가장 효율적인 ‘블록 에디터 + 아스트라 프로’ 조합으로 하나씩 차근차근 진행해 보겠습니다.

복잡한 코딩 없이, 클릭과 설정만으로 끝낼 수 있습니다. 지금 워드프레스 관리자 화면(hyd.rest/wp-admin)을 띄워두고 1번부터 순서대로 따라와 주세요.

가장 먼저, 아스트라 테마의 잠재력을 200% 끌어올리고, 유튜브와 음악 기능을 예쁘게 넣기 위해 딱 2개의 플러그인을 설치하겠습니다.

워드프레스 관리자 메뉴에서 **[플러그인] > [새로 추가]**를 클릭합니다.
검색창에 Spectra 입력:
- Spectra – WordPress Gutenberg Blocks (제작자: Brainstorm Force)가 나오면 [지금 설치] → **[활성화]**를 누릅니다.
- 이유: 아스트라 테마 제작사가 만든 블록 확장팩입니다. 탭(Tab), 예쁜 박스 등을 공짜로 쓸 수 있습니다.
검색창에 Html5 Audio Player 입력:
- Html5 Audio Player (Audio Player for WordPress)를 찾아 [지금 설치] → **[활성화]**를 누릅니다.
- 이유: hyd.rest의 핵심인 ‘배경 음악/치유 음악’을 재생할 플레이어입니다.

방문자가 처음 마주할 대문입니다. 이미지와 음악이 있어야 합니다.

**[페이지] > [모든 페이지]**에서 메인 페이지(Front Page)의 **[편집]**을 누릅니다.
가장 윗부분 블록을 클릭하고, ‘커버(Cover)’ 블록을 추가합니다. (기존에 있다면 그것을 수정합니다.)
배경 설정: ‘미디어 추가’를 눌러 평온한 숲이나 자연 이미지(또는 비디오)를 올립니다.
제목 입력: 이미지 위에 흰 글씨로 크게 씁니다.
- 예: Rest & Insight (줄바꿈) 홍영두의 디지털 라운지
오디오 넣기:
- 제목 글자 바로 아래에 +를 누르고 ‘Audio Player’ (방금 설치한 플러그인 블록)를 찾아 넣습니다.
- 준비된 MP3 파일(치유 음악)을 업로드합니다.
- (팁) 아직 파일이 없다면 일단 자리는 비워두고 넘어가도 됩니다.

가장 중요한 부분입니다. 방문자를 4개의 전문 사이트로 보내주는 표지판을 만듭니다. **Spectra 플러그인의 ‘Info Box’**를 쓰면 아주 예쁩니다.

메인 화면 아래로 내려와 빈 공간에 +를 누릅니다.
검색창에 Container (Spectra 블록)를 검색해 넣습니다.
- 레이아웃 선택 창이 뜨면 [4칸짜리] (4 Columns)를 선택합니다. (모바일에서는 자동으로 1줄로 바뀝니다.)
첫 번째 칸 채우기:
- 첫 번째 칸 안에 +를 누르고 **Info Box**를 검색해 넣습니다.
- 아이콘/이미지: 건강 관련 아이콘이나 사진 선택.
- 제목: 시니어 560 안식처
- 설명: (짧게) 건강과 힐링 정보
- Call To Action (버튼 설정): 오른쪽 설정창에서 ‘Call To Action’을 찾습니다.
  - Type: Button 선택
  - Text: 방문하기
  - Link (중요): https://560health.hyd.rest 입력
  - Link Target: 반드시 **New Tab (새 탭)**을 켜주세요.
나머지 3칸 반복:
- 두 번째 칸: AI 수익화 (hongyd.kr/)
- 세 번째 칸: 시사비평 (hongyd.kr)
- 네 번째 칸: 지역혁신 (tgsins.com)
- 팁: 하나를 완벽하게 만들고 ‘블록 복제’를 해서 내용만 바꾸면 빠릅니다.

채널이 5개나 되기 때문에 길게 나열하지 않고 **’탭(Tabs)’**으로 깔끔하게 정리합니다.

3단계(위성 사이트) 바로 아래에 새로운 섹션을 만듭니다.
+를 누르고 Tabs (Spectra 블록)를 검색해 넣습니다.
탭 이름 5개 만들기:
- 기본 3개로 되어있을 텐데, 오른쪽 설정(+)을 눌러 5개까지 늘립니다.
- 탭 제목을 각각 수정합니다: 치유음악, 시니어건강, AI전략, 시사철학, 지역뉴스.
내용 채우기 (첫 번째 탭 – 치유음악):
- ‘치유음악’ 탭 내용을 클릭하고 +를 누른 뒤 YouTube 블록을 넣습니다.
- 해당 채널의 가장 자신 있는 영상 주소(URL) 하나를 붙여넣습니다.
- 그 바로 아래에 Button 블록을 추가하고 “유튜브 채널 바로가기”라고 쓴 뒤 채널 링크를 겁니다.
나머지 탭 반복: 각 주제에 맞는 영상과 채널 링크를 똑같이 넣어줍니다.

화면 오른쪽 상단의 [업데이트] (또는 저장) 버튼을 누릅니다.
**[페이지 보기]**를 눌러서 실제 화면을 확인합니다.
- 음악 플레이어가 잘 뜨는지?
- 4개 사이트 버튼을 누르면 새 창으로 잘 뜨는지?
- 유튜브 탭을 누르면 영상이 잘 바뀌는지?

여기까지가 1차 뼈대 작업입니다. 지금 바로 워드프레스에 접속해서 [1단계: 플러그인 설치]부터 시작해 보세요. 설치하다가 “어? 검색해도 안 나오는데?” 하거나 막히는 부분이 있으면 바로 말씀해 주세요. 대기하고 있겠습니다.

관련있는 글