9 years, 7 months 전-
워드프레스 막 시작한 초보입니다
혼자는 도저히 어려워서 조언을 얻고자 가입했습니다
잘 부탁드립니다
질문드립니다
이미지와 텍스트 가 있는 리스트가 쭉 나열된 형태를 만드려고 합니다
예를 들면 상품리스트라던지 아니면 갤러리 리스트라던지
클릭을 하고 들어가면(상세페이지) 이미지는 여러장이 보여야 합니다
근데 문제는 이걸 포스트로 만드는지 페이지로 만드는지….헷갈립니다
그리고 고수분들은 이 리스트들은 어떤식으로 만드시는지요
조언 좀 부탁드립니다
감사합니다
저라면 post 로 만들겠습니다. 물론 페이지로 만들수 있겠지만, 페이지로 만들고자 하면 어디서 부터 시작해야 할지 (너무나 convoluted 한 로직이 되어버려서) 감도 잘 오지 않습니다.
일단 “상세페이지” 역활을 할 글/글들을 부터 작성하겠습니다. 글 작성하실때 이미지 여러장 (제품들 이미지 라던지) 보통 글쓸때 하듯 이미지 업로드 하고, 정상적으로 글 작성을 합니다.
이제 이 글들 (“상세페이지”) 이 하나의 주소에서 보여져야 하는데, 그건 워드프레스 자체기능 입니다.
이상하게도, 미국이나 한국이나, 이부분에서 혼동이 오시는 개발자 분들이 꽤 되십니다.
https://kopress.kr/topic/워드프레스-블로그-페이지-따로-구축하기/
이제 남은 작업은, 테마에서 원하시는데로 각 post 의 title (제목) 과 thumbnail image (썸네일) 을 불러오기만 하면 됩니다. Loop 내에 (while ( have_posts() ) : the_post()…. endwhile;) 가로안 … 쩜쩜쩜 이 loop 내(內) 입니다.) the_title() 함수하고, has_post_thumbnail() 함수 작성하시면 되는거구요.
마지막으로 모양은 물론 css 로 잡으시면 되고…
작업 끝.
좀더 상세한 설명/예제가 필요하시면 아래 코덱스 페이지들을 참조하시면 됩니다.
https://codex.wordpress.org/Function_Reference/the_title
https://codex.wordpress.org/Function_Reference/has_post_thumbnail
https://codex.wordpress.org/The_Loop아예 처음부터 사전 지식없이 워프를 배운 사람이면 혼돈이 덜 하겠지만,
저도 처음에는 post 와 page의 차이를 이해 못 했습니다.
post 라는 용어가 한국에서는 생소한 개념 이다 보니 말이죠.
만일 해야 한다면 저는 page로 만들거라 예상 됩니다.
클라의 다이나믹한 변화에 대응 하기 위해서 수고가 들더라도 말이죠.
요점은 이미지가 있는 리스트 형식(목록 형식) 출력(표현)을 어떻게(어디에 등) 하는가로 생각합니다. 상세페이지(single page)에 이미지 여러 장 출력하는 것은 기본이 사용자 의도(등록)이며, 워드프레스 사용의 문제이므로 고려 대상이 아닌 것으로 생각하고요.
우리나라의 게시판 솔루션, 웹사이트 구성 방법에 익숙해진 탓에 워드프레스에 기존의 방식을 대입해 생각하니 구현에 다소 어려움을 느끼는 것으로 짐작합니다. 아니라면 죄송하며, 너그러이 이해바랍니다.
이렇게 하면 어떨까요.
현재 워드프레스를 설치했다는 가정에서
—————-
- 한글 버전이라면 영문 버전으로 변경 (설정만 변경하면 됩니다. 직접 템플릿 파일을 수정하는 사용이며, 경험이 없다면 영문 버전이 더 많은 도움을 줄 수 있습니다.)
- 미리 category 3개 만들기 (예, art, sports, life)
- 임의의 post 9개 작성하기 (아래 참고 및 이용, 플러그인으로 dummy 콘텐츠 만들지 마시고요. 10분이면 됩니다.)
- 각 post 마다 제목(title) 제대로 넣기 (예, ‘병신년에 워드프레스 입문하다’)
- http://guny.kr/stuff/klorem/ 여기 이용해서 각 post 내용 적당히 넣기 (3개의 단락 정도)
- post 작성 시 미리 생성한 category 지정. 하나의 post에 하나의 category
- category 하나에 3개의 post가 되도록 post 작성
- post 작성 시 본문(content)에 이미지 삽입은 귀찮다면 제외하지만, (보통) 오른쪽 아래에 있는 Featured Image에는 아무 이미지 꼭 추가하기
————–
위 임의 콘텐츠를 작성했다면, 총 9개의 post, category 별 3개의 post, 각 post는 Featured Image 메타 데이터를 가지게 됩니다. 이렇게 기본 구성을 한 후 다음과 같은 몇 가지 질의를 하실 수 있습니다.
1. 보통 워드프레스 테마는 블로그 유형의 콘텐츠 목록이 나타나는데 특정 요소만 리스트 형식으로 출력하려면 어떤 방향과 방법이 있을까요?
2. 하나의 post 상세페이지(single)에 현재 post를 제외한 같은 category의 post 제목을 출력할 수 있나요? 있다면 코드 예시의 도움을 얻을 수 있을까요?
4. 제 워드프레스 사이트의 프런트 페이지에는 특정 category 또는 전체 post에서 최근 3개의 post Featured Image를 슬라이드 형식으로 보여주고 싶을 때 어떤 방법이 있을까요? 코드 예시 도움을 얻을 수 있을까요?
5. 슬라이드 아래에 특정 category에 속하는 post를 3개씩 제목(또는 이미지 포함 또는 이미지만)만 출력하고 싶은데, 방법이나 코드 예시의 도움을 얻을 수 있을까요?
6. 5번에 이어서 column을 3개로 나누어 각 column 마다 특정 category에 속한 post만 3개씩 출력할 때 방법을 알고 싶은데 가능할까요?
7. 그 외 스타일 관련
위 가상 질문은 그 위의 기본 콘텐츠 구성이 있은 후에 해야 합니다. 그렇지 않다면 ‘막연함과 막연함’, ‘짐작과 짐작’, ‘상상의 연속’에 의한 의견만 늘어날 뿐입니다. 질문자가 기본적인 구성을 한 다음 아래 정보를 알려 주세요. 공개가 어렵다면 공개가 가능한 무료 도메인으로 임시 사이트를 구성하면 됩니다. 아니면 디렉터리 암호 같은 것을 구성하여 정보를 알려 주셔도 되고요.
URL
그렇게 해야 질문자도, 의견을 주는 사람도 즐겁습니다. 바라는 것은 없고, 사람끼리 글로 대화하는데 재미는 있어야 하지 않을까 합니다. 위의 기본 가상 콘텐츠가 구성되고, 구성 내용을 공개하여 질문하신다면 코프레스에서 질문을 보는 분들의 다양한 의견과 솔로몬보다 뛰어나 해결책을 제시해 줄 분들이 수면 위로 나올 거에요. 결국은 질문자도 도움을 얻을 확률이 높아지고요.
위 가상의 질문은 내용적으로 보면 기본의 기본이며, 상대적으로 배경지식이 적은 워드프레스 사용자의 10대 질문 또는 한 번쯤 알고 싶은 내용일 수도 있습니다.
위의 과정(기본 구성, 질문, 의견)을 통해서 워드프레스 루프(The Loop), post, page, custom post type 으로 정의하는 워드프레스 Post Types, 분류(taxonomy : category, tag, custom taxonomy), custom fields, 워드프레스 쿼리도 경험하며, 이해의 도움을 얻을 수 있다는 생각입니다. 겨우 9개의 post와 3개의 category, 9개의 이미지만으로도.
질문 중에 ‘포스트로 만드는지 페이지로 만드는지’는 과정을 통해 이해할 수 있을 겁니다. 이 질문 자체가 워드프레스와 맞지 않습니다.
핵심중에 핵심은 워드프레스 입문자나, 배경지식이 많든 적든, 고수든 아니든 워드프레스를 많이 사용해보는 것이 우선이며, 궁극의 목적입니다. 사용한다는 것은 쉽게 말해 ‘글(콘텐츠)’을 ‘충실하게’ 많이 써보는, ‘충실하게’는 워드프레스가 제공하는 모든 입력 항목에 데이터를 등록하면서 자신이 만든 글을 쓴다는 것입니다. (이런 기준에서 저는 워드프레스에 SEO 플러그인이 존재하는, 사용하는 것을 이해하기 어렵습니다.)
기능, 표현, 멋진 스타일은 없어도 되는, 있으면 있는 것, 그것 뿐이라고 생각합니다.
이 댓글의 모든 내용은 개인의 의견이며, 질문에 대한 ‘의무사항’은 절대적으로 아니므로 오해 없기를 바랍니다.
안녕하세요?
이미지와 텍스트 가 있는 리스트가 쭉 나열된 형태를 만드려고 합니다.
예를 들어, portfolio라는 카테고리 내의 글들을 왼쪽에 썸네일 오른쪽에 제목과 Excerpt가 표시되도록 한다면 category-portfolio.php 파일을 하나 만들고 category.php 파일의 내용을 모두 복사하도록 합니다. 그런 다음 루프 부분을 원하는 형태가 나오도록 구성해야 합니다.
가령 http://forum.bytesforall.com/showthread.php?t=19786 글을 참고해볼 수 있겠네요.
결국에는 CSS로 레이아웃을 조정해주어야 할 것입니다.
아니면 Kboard와 같은 게시판을 활용하여 원하는 형태로 수정하는 것도 가능하겠죠. 예를 들어 이 페이지에서는 Kboard를 사용하여 카테고리 글 목록 형식으로 만든 것입니다(이 예시 페이지는 이전 테마에서는 괜찮게 나왔는데 테마가 바뀌면서 레이아웃이 좋지 않게 되었습니다. 귀찮아서 그냥 …) 이런 식으로 KBoard와 같은 게시판을 수정하는 것도 한 방법이 될 것 같습니다. 참고로 Kboard의 경우 이전 버전에서는 구글 검색에 잘 안 잡혔는데, 새로운 버전에서는 구글 검색에 잘 잡히는 것 같습니다(확실치는 않습니다).
또 다른 방법으로는 플러그인을 이용하는 것인데요. 개인적으로 플러그인 사용을 별로 좋아하지 않지만 간혹 플러그인을 사용하면 레이아웃이 잘 나오기 때문에 경우에 따라 좋은 옵션될 수 있을 것 같습니다. 얼마 전까지 질문하신 분이 원하는 형태로 카테고리 레이아웃을 뿌려주는 플러그인이 있었는데(유료) 플러그인 제작자의 개인 사정으로 플러그인이 더 이상 판매되지 않고 있습니다(왜 판매를 중단했는지 물어보니 개인 사정으로 중단했다고 해네요). 프러그인 중에서 찾아보아도 될 것 같습니다.
제 개인적인 생각을 적어보았습니다. 참고만 하세요.
한분한분 답변을 달려했는데 답변 누르면
제가 쓴글에 답변을 다는듯 해서 다시 올립니다
답변 달아주신분들 감사합니다
포스트로 하면 상세페이지가 다 똑같은 디자인으로 되는거 같은데 그것도 고민입니다
카테고리에 따라서 디자인이 변경이 될수도 있고 메뉴에 따라서 디자인이 변경될 수 도 있고 …
관리화면에서 포스트 쓸때 썸네일을 넣고 다른 이미지도 추가하고 싶은데…
우커머스 상품입력에서 처럼 썸네일은 썸네일로 넣고
추가 이미지는 따로 넣고 싶은데 …이것도 어렵네요
조금씩 공부하고 있는데 하면 할 수록 더 깊은 구렁에 빠집니다
왠지 계속 질문을 할 거 같은데 혹시 아시는 분 계시면 앞으로도 잘 부탁드립니다
다시한번 답변 감사합니다 참고해서 공부하겠습니다
“포스트로 하면 상세페이지가 다 똑같은 디자인으로 되는거 같은데 그것도 고민입니다.” – 그렇지 않습니다. 이게 왜 고민이죠?
템플렛을 만들어서 각 포스트의 layout 이 다른 모습으로 구현되도록 하실 수 있습니다.
html 구성을 템플렛 마다 다르게 하고 css 가 각 템플렛에 개별적으로 적용되게 하는거죠. 매우 간단한 작업입니다.
“카테고리에 따라서 디자인이 변경이 될수도 있고 메뉴에 따라서 디자인이 변경될 수 도 있고 …”
당연히 그렇게 되죠.
“관리화면에서 포스트 쓸때 썸네일을 넣고 다른 이미지도 추가하고 싶은데…” 네? 넣으시면 되죠. 뭐가 문제죠?
죄송한데, 타 솔루션에서 어느정도 기존 개발 경력이 있으시더라도, 워드프레스는 XE 나 그누보드가 아닌, 워드프레스 입니다.
그래서 시간적으로 보면, 계속 문제가 생길때마다 그 문제해결 방법을 찾으시려고 하는 것 보다, 처음부터 워드프레스 관련서적을 보고 공부를 하는게 좋습니다. (시간이 절약 됩니다.)
그리고 질답을 통해 답변을 드리는 것은 제약적 입니다.
그림으로 설명하고, 예제 코드를 보여드리고, 전반적인 워드프레스 구조를 설명하고, 이런걸 질답게시판에서 다 할수가 없습니다. 그래서 참고서적이 존재하는거죠!!!!
좋은 책 한권 사서 보시라구요. ㅎㅎㅎㅎ
지금 질문하시는 내용들은, 워드프레스의 구조파악조차 하시지 못하셔서 하시는건데, 개발을 하시는 분이시라면, 참고서적을 토대로 공부를 하시는 걸 권해드리고 싶습니다.
여러 형태의 답변이 달려서 혼동스러우실 수 도 있으실 것 같습니다.
일단 제 답변은 개발자가 다른 개발자에게 답변을 드리는 형식이라서 (이메일로 개발관련 질문하시는 다른 개발자분들에게 이런식으로답변을 드리거든요. 물론 개발경력은 저보다 훨씬 오래되신분들이지만 워드프레스 개발을 처음 시작하시는 분들도 많이 계십니다.) 구체적이지 않고 요점만 언급한 것 입니다.
bulletproof 님의 답변은 매우 구체적이고, 답변이라기 보다는 “워드프레스 에 맞는 사고전환” 하기에 대한 유익한 내용입니다. 일단 워드프레스 개발을 하시려면 워드프레스 처럼 생각하셔야 한다는 말씀이신데 100% 동의 합니다.
마지막으로 워드크래커님이 언급하시는 내용 중, 게시판 중심의 사고는 (게시판 편향적?), 한국특유의 사고방식/개발방식 입니다. 어떤 개발방향이 맞고 틀린건 없지만, 모든 문제를 게시판 중심적, 혹은 웹사이트는 게시판이다? 라는 한국적 사고는 워드프레스와는 맞지 않습니다.
지금 하시려는 작업은 레이아웃 작업이십니다. 테마를 통해 구축하는게 정상 입니다. 어떤 레이아웃의 형태 구축을 위해 플러그인을 사용하는 거는… (물론 그런 플러그인이 유료던 무료던 있긴 있겠죠.) 뭐랄까요, 정상적인 구축/사고 는 아닙니다.
- 답변은 로그인 후 가능합니다.