Go back
사용 방법 문의
[콘텐츠 관리 (pApp)] 시리즈별 발행일 표기 제거 가능 여부 문의
knowmad
2024-08-21
시리즈별로 상단에 표기되는 발행일자를 아예 안뜨게 없애고 싶은데 혹시 CSS나 코드 입력 등으로 뭔가 안 뜨게 할 수 있는 부분이 있을까요?
아티클 papp을 2개 이상 만들고 싶습니다. | publ Care
여기서 답변 주신 것처럼 시리즈를 하나의 메뉴화를 할 거라서 해당 시리즈를 들어갔을 때 발행일이 뜨면 좀 이상해서, 없애고 싶어서요 ㅠㅠ
6 Comments
[publ] Jack
· 2 years ago
안녕하세요 knowmad님!
publ 개발팀 Jack입니다.
publCare를 찾아주셔서 감사합니다. 시리즈별 발행일 표기 제거 기능에 대해 문의주셨는데요,
현재 publ에서 제공하고 있는 고급 기능(CSS나 JavaScript 코드 입력)으로 발행일 표기 제거가 불가능 한 것은 아니나 코드 삽입시 특정 시리즈가 아닌 전체 시리즈에 적용이 되며, knowmad님께서 의도하지 않은 방향으로 다른 부분에 영향을 줄 가능성 또한 높을 것 같습니다. knowmad님의 불편사항을 빠른 시일 내에 해결할 수 있도록 발행일 정보를 숨기는 기능을 제품팀에 전달했으며 해당 기능이 추가될 때까지 너른 마음으로 양해 부탁드립니다. 원하시는 서비스를 구현하실 수 있도록 계속해서 노력하는 publ이 되겠습니다.
답변이 도움 되셨길 바랍니다. 감사합니다! publ 개발팀 Jack
publ 개발팀 Jack입니다.
publCare를 찾아주셔서 감사합니다. 시리즈별 발행일 표기 제거 기능에 대해 문의주셨는데요,
현재 publ에서 제공하고 있는 고급 기능(CSS나 JavaScript 코드 입력)으로 발행일 표기 제거가 불가능 한 것은 아니나 코드 삽입시 특정 시리즈가 아닌 전체 시리즈에 적용이 되며, knowmad님께서 의도하지 않은 방향으로 다른 부분에 영향을 줄 가능성 또한 높을 것 같습니다. knowmad님의 불편사항을 빠른 시일 내에 해결할 수 있도록 발행일 정보를 숨기는 기능을 제품팀에 전달했으며 해당 기능이 추가될 때까지 너른 마음으로 양해 부탁드립니다. 원하시는 서비스를 구현하실 수 있도록 계속해서 노력하는 publ이 되겠습니다.
답변이 도움 되셨길 바랍니다. 감사합니다! publ 개발팀 Jack
knowmad
· 2 years ago
답변 감사합니다. publ에서 제공하고 있는 고급 기능(CSS나 JavaScript 코드 입력)으로 발행일 표기 제거가 불가능 한 것은 아니나, 라고 하셨는데, 혹시 코드를 알 수 있을까요? 모든 시리즈에서 없애고 싶어서요!
[publ] Jack
· 2 years ago
안녕하세요 knowmad님!
publ 개발팀 Jack입니다.
publCare를 찾아주셔서 감사합니다. 커스텀 코드에 대해 재문의 주셨는데요,
사업자분들께서 커스텀하게 설정하신 채널 모두를 대응할 수 없어 부득이하게 운영팀에서 직접 CSS 코드를 제공 드리고 있지는 않습니다.
다만 knowmad님께서 원하시는 기능 제공 까지 시간이 다소 걸릴 수 있어, 커스텀 CSS 코드 적용 방법과 작성 방법을 각각 안내 드리고자 하니 원하시는 형태로 직접 코드 작성 해 주시길 부탁 드립니다. <커스텀 CSS 적용 방법>
1. 채널 콘솔의 왼쪽 사이드 메뉴에서 [채널] > [디자인] 버튼을 클릭해 디자인 화면으로 진입해주세요.
2. [고급기능] > [CSS] 탭으로 진입해주세요.
3. 커스텀 CSS를 입력하신 후 [저장하기] 버튼을 누르시면 코드가 채널에 반영이 됩니다.
publ 개발팀 Jack입니다.
publCare를 찾아주셔서 감사합니다. 커스텀 코드에 대해 재문의 주셨는데요,
사업자분들께서 커스텀하게 설정하신 채널 모두를 대응할 수 없어 부득이하게 운영팀에서 직접 CSS 코드를 제공 드리고 있지는 않습니다.
다만 knowmad님께서 원하시는 기능 제공 까지 시간이 다소 걸릴 수 있어, 커스텀 CSS 코드 적용 방법과 작성 방법을 각각 안내 드리고자 하니 원하시는 형태로 직접 코드 작성 해 주시길 부탁 드립니다. <커스텀 CSS 적용 방법>
1. 채널 콘솔의 왼쪽 사이드 메뉴에서 [채널] > [디자인] 버튼을 클릭해 디자인 화면으로 진입해주세요.
2. [고급기능] > [CSS] 탭으로 진입해주세요.
3. 커스텀 CSS를 입력하신 후 [저장하기] 버튼을 누르시면 코드가 채널에 반영이 됩니다.
[publ] Jack
· 2 years ago
<커스텀 CSS 코드 작성 방법>
- publ은 각 화면별 명칭과 각 화면을 구성하는 구성 요소(컴포넌트)들에 대해 명칭을 부여해주고 있습니다. 명칭들은 사용하시는 브라우저의 개발자 도구를 통해 확인 하실 수 있습니다. (브라우저별 개발자 도구 확인 방식은 별도 확인 부탁 드립니다.)
- 아래 예시 코드와 같이 구성요소들의 명칭으로 직접 접근해 CSS를 통해 스타일링을 별도로 할 수 있습니다.
- 예시 코드는 "B00001SeriesDetail" 화면 중 "데스크탑" 화면의 레이아웃 "Content1"에 있는 텍스트("TextLabel")의 색상을 빨간색으로 변경해주는 코드입니다. 이와 같이 원하시는 텍스트나 이미지 등 구성 요소에 직접 접근하여 스타일을 변경해주실 수 있습니다. /* 예시코드 */
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="desktop"] [x-pds-name="Content1"] > [x-pds-name="TextLabel"] { color: red;
}
- publ은 각 화면별 명칭과 각 화면을 구성하는 구성 요소(컴포넌트)들에 대해 명칭을 부여해주고 있습니다. 명칭들은 사용하시는 브라우저의 개발자 도구를 통해 확인 하실 수 있습니다. (브라우저별 개발자 도구 확인 방식은 별도 확인 부탁 드립니다.)
- 아래 예시 코드와 같이 구성요소들의 명칭으로 직접 접근해 CSS를 통해 스타일링을 별도로 할 수 있습니다.
- 예시 코드는 "B00001SeriesDetail" 화면 중 "데스크탑" 화면의 레이아웃 "Content1"에 있는 텍스트("TextLabel")의 색상을 빨간색으로 변경해주는 코드입니다. 이와 같이 원하시는 텍스트나 이미지 등 구성 요소에 직접 접근하여 스타일을 변경해주실 수 있습니다. /* 예시코드 */
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="desktop"] [x-pds-name="Content1"] > [x-pds-name="TextLabel"] { color: red;
}
미도리키
· 2 years ago
아티클 시리즈에서 저는 다른 것 때문에 커스텀 CSS 적용했었는데 아마 이렇게(?) 넣으면 안보일 수도 있을 것 같아요! 잘 작성된건진 확실하지 않아서 참고만 해주세용 😅
/* desktop */
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="desktop"] [x-pds-name="Content1"] > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(3) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="desktop"] [x-pds-name="Content1"] > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(5) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="desktop"] [x-pds-name="Content1"] > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(3) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="desktop"] [x-pds-name="Content1"] > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(5) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
미도리키
· 2 years ago
/* mobile */
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="mobile"] [x-pds-name="Content1"] > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(5) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="mobile"] [x-pds-name="Content1"] > div > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="mobile"] [x-pds-name="Content1"] > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(5) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}
[x-publ-scene-name="B00001SeriesDetail"] [x-pds-device-type="mobile"] [x-pds-name="Content1"] > div > div:nth-of-type(1) > div:nth-of-type(4) > div:nth-of-type(2) > [x-pds-name="TextLabel"]:nth-of-type(3) { display: none;
}