본문 바로가기
IT

블로그 글 목록 첫 화면에 꾸미기는 이렇게

by 별처럼2 2023. 9. 1.

워드프레스에서 글을 작성하면서 뭔가 이런 기능이 있었으면 좋겠다 하고 생각해 보신 적 있으실 것입니다.

 

티스토리랑은 좀 다르고 생소하면서 어떤 플러그인이 효과적인지 알 수가 없어서 답답한 적 있으실 것이라 생각되는데요.

티스토리에서 글을 작성하면 바로바로 섬네일 리스트로 나열되어 보이던 것들을 워드프레스에서도 바로 가능하게 할 수 있는 방법을 안내해 드리도록 하겠습니다.

 

블로그-글-목록-첫-화면에-꾸미기는-이렇게
블로그-글-목록-첫-화면에-꾸미기는-이렇게

 

[목차여기]

 

 

 

1. 블로그 글 목록의 형태는 이렇게 보입니다.

내가 만든 섬네일 옆에 글의 일부 내용이 보여지는 일반적인 네모난 바 형태의 목록으로 보입니다.

 

무료로 이용이 가능하고 이것 외에 유료 목록 유형을 선택하실 수도 있으니 확인하시고 필요한 부분으로 선택해 주시면 됩니다.

 

 

2. 블로그 글 목록 설정하는 방법은

티스토리를 사용하셨던 분들은 섬네일 옆에 글의 일부가 보여지는 바 형태의 목록이 익숙하실 거라 생각이 드는데요.

 

바로, 플러그인을 별도로 설치해 주시는 방법이 있습니다. 먼저, 워드프레스 메뉴에서 플러그인에서 새로 추가를 클릭해 줍니다.

 

그다음, 키워드 검색창에서 postx라고 입력하여 조회된 플러그인에 지금 설치를 누르시고 나서 활성화 버튼을 클릭해 줍니다.

그러면 postx의 첫 화면에서 Welcom to Postx 라고 뜨는데 Let's Start 아래 Return to Dashboard를 클릭해서 들어갑니다.

 

 postx 활용에 대한 영상과 블록들이 있는 화면들이 보이실 것인데 나중에 천천히 둘러보시고 지금 하고자 하는 블로그 글 목록 만들기를 먼저 완성하시고 나서 보셔도 될 것 같습니다.

워드프레스 메뉴를 보시면 방금 설치한 PostX가 추가된 것이 보이실 텐데 메뉴에 페이지를 누르신 다음 새로 추가를 클릭해 줍니다.

 

그다음 제목란은 비워 두시고 내용 부분으로 가셔서 /post라고 입력해 주시면 바로 리스트 상자가 뜹니다.(혹시 리스트 안 뜨시는 분은 아래 내용을 참고하세요.)

원하는 형태의 선택을 해주시면 되는데 저는 원하는 형태에 무료로 제공되는 세 번째 항목(post list #3)을 선택해 주었습니다.

 

저는 사이즈 설정 화면이 나오지 않아서 그냥 다른 설정 변화 없이 그대로 적용했으나 다른 분들은 사이즈 설정하는 화면에서  크기를 마음대로 조정하셨다고 하니 추후 변경하실 분들은 참고하시기 바랍니다.

그리고 혹시 리스트 안 뜨시는 분은(저도 처음에 안떴습니다.) 당황하지 마시고 메뉴에서 이 설정을 간단하게 하시면 해결됩니다.

 

메뉴로 가셔서 외모위젯을 클릭해 주시고 +버튼이 보이실 텐데 눌러줍니다. 그러면 블록 삽입기 토글이라고 보이는데 여기서 +버튼을 눌러줍니다.

다시 메뉴로 가셔서 페이지에 있는 전체 페이지를 누르시면 뜨는 글에 마우스를 갖다 댑니다.

 

그러면 편집하기(블록 편집기)와 (클래식 편집기)가 보이실 텐데 블록 편집기를 클릭해 들어갑니다.

 

그리고 다시 글 본문으로 가셔서 /post를 입력하시면 네모 박스 리스트가 뜨는 것을 확인하실 수 있습니다.

위에서 말씀 드린 대로 무료로 제공되는 세 번째 항목(post list #3)을 선택해 주시면 됩니다.

 

자 이제, 본인의 글들이 리스트로 나열된 것을 확인하실 수가 있는데 설정하셔야 할 것이 아직 남아 있습니다.

 

 

3. 워드프레스 첫 페이지에 블로그 글 목록 설정하기

그다음 하실 것이 워드프레스 첫 페이지에 내가 작성한 블로그 글 목록을 설정해 주는 일인데요.

 

메뉴에서 설정을 클릭하시고 읽기로 클릭해 들어가시면 홈페이지 표시라고 나옵니다.

 

여기에서 정적인 페이지를 클릭하신 다음에 홈페이지를 첫 화면으로 선택해 주시고 나서 변경 사항 저장을 꼭 눌러 주시면 됩니다.

 

 

4. 워드프레스 목록보기 리스트뷰 작성방법 참고사항

이것은 페이지 콘텐츠가 많은 경우 블록의 순서와 구조를 볼 수 있어서 도움이 되는 방법인데 워드프레스 자체에 있는 목록보기 기능입니다.

 

작성 방법이 궁금하신 분들은 안내해 드리니 참고하시면 됩니다.

 

워드프레스-목록보기-리스트뷰-작성방법
워드프레스-목록보기-리스트뷰-작성방법

 

 

5. 마치며

 

지금까지 워드프레스 첫 페이지에 블로그 글 목록이 나오도록 설정하시는 방법에 대해서 안내해 드렸는데요.

 

위에서 말씀드린 사이즈나 형태 등은 정해진 것은 없고 원하시는 사이즈로 수정하시면 됩니다.

 

워드프레스를 하면 터득한 유익한 방법들은 틈나는 대로 공유하도록 하겠습니다.

 

오늘도 소중한 정보가 여러분에게 소중하게 쓰이셨기를 바라며 다른 유익한 정보들도 있으니 천천히 둘러보시고 가시는 것을 추천해 드립니다.

 

 

 

 

 

워드프레스 설치 및 사용법 손쉽게 해결하세요

요즘 워드프레스에 관심을 갖고 시작하시는 분들이 많으신 것 같습니다. 워드프레스는 나만의 사이트를 개설해서 마음껏 설정하고 꾸밀 수 있을 뿐만 아니라 불필요한 규제 없이 자유롭게 사이

vivid-infor1.root-infor.com

 

 

클라우드 웨이즈 장단점 및 예치금 환불 방법

클라우드 웨이즈가 많은 분께 인기가 있어 가입하시는 분들이 늘어나고 있습니다. 워드프레스를 시작하시려는 분들이 많아졌기 때문인데요. 처음 사용 시작을 하시는 분들에게는 생소하고 어

vivid-infor1.root-infor.com

 

 

블랙 키위 사용 방법 및 키워드 분석

블랙 키위 사용 방법 및 키워드 분석 블랙 키위(BLACKKIWI)는 키워드 데이터를 분석해서 좋은 키워드 추천도 해주고 영향력 있는 키워드를 트렌드에 맞게 조회할 수 있도록 해주는 곳입니다. 블로

vivid-infor1.root-infor.com

 

 

구글 킵(Google Keep) 사용 방법

지난 시간에 알려드린 네이버 킵(NAVER Keep) 사용 방법에 이어서 오늘은 구글 킵(Google Keep) 사용 방법에 대해서 안내해 드리도록 하겠습니다. 장소를 불문하고 어디서든지 갑자기 나에게 떠오르는

vivid-infor1.root-infor.com

 

 

네이버 킵(NAVER Keep) PC와 모바일에서 사용하는 방법

평소에 휴대폰 등에 스크랩해 둔 정보나 필요한 정보와 링크, 이미지, 동영상 등을 보관했다가 다른 기기에서 어디서든 손쉽게 내려받아 작업하고자 할 때 아주 유용한 방법이 있습니다. 우리가

vivid-infor1.root-infor.com

 

댓글