페이지 게시

procourse-static-pages를 "페이지 게시"로 대체하고 싶습니다. "게시된 페이지"에 기본 Discourse 헤더를 추가할 수 있는 방법이 있을까요? 즉, 왼쪽에 로고, 오른쪽에 검색, 햄버거 아이콘, 아바타 및 해당 버튼들의 관련 기능을 표시하는 것입니다. 그렇게 된다면 procourse-static-pages의 대안이 될 수 있을 것 같습니다.

추가로, 게시된 페이지에서도 DiscoTOC를 사용할 수 있으면 좋겠습니다.

7개의 좋아요

이 기능 덕분에 정말 감사합니다! 홈페이지 외에 멋진 랜딩 페이지를 만들 수 있게 되었어요. 그래서 소셜 미디어 공유, SEO, 또는 Google Discover(최근 몇 달간 내 나라에서는 트래픽 측면에서 Google 검색보다 더 중요해진 것 같습니다)에 필요한 적절한 메타데이터를 가져갈 수 있으면 좋겠습니다. 메타 제목/설명 및 주요 소셜 네트워크용 사용자 정의 메타 태그를 제공하거나, 심지어 편집할 수 있도록 할 계획이 있을까요?

8개의 좋아요

게시된 페이지에 Discourse 헤더를 포함할 수 있는 기능에 대해 업데이트가 있나요?

6개의 좋아요

게시된 페이지에서 LaTeX를 렌더링할 수 있는 날이 올까요? 수학적 글을 쓸 수 있다면 정말 멋질 것 같습니다.

2개의 좋아요

혹시 관리자(Admin)가 게시한 모든 페이지를 나열할 수 있는 URL이 있는지 여쭤봐도 될까요? 이렇게 하면 관리자가 게시한 모든 페이지를 쉽게 확인할 수 있습니다. 워드프레스와 비슷한 기능이 있으면 좋겠습니다. 없다면 example.com/pub/ URL에 게시된 모든 페이지가 나열되면 좋겠습니다.

6개의 좋아요

이러한 게시된 페이지를 일반적인 Discourse Ember 레이아웃 내에서 렌더링할 수 있도록 허용할 계획이 있나요? 다른 앱 섹션처럼 레이아웃에 그대로 끌어다 쓸 수 없다는 것이 아쉽습니다. 이 스레드에서 여러 사용자가 같은 질문을 하고 있지만, 아직까지 직접적인 답변을 받은 사람은 없는 것 같습니다.

제가 조사해 본 다른 정적 페이지 플러그인들도 모두 정적 콘텐츠를 자체 Rails 레이아웃에서 렌더링하고 있었습니다. 이것이 Discourse 플랫폼의 제한 사항인가요, 아니면 아직 아무도 코드를 작성하지 않았기 때문인가요?

게시된 페이지를 일반 앱 레이아웃(헤더 포함) 내에서 렌더링하는 데 하드웨어적 제한이 없다면, 이 기능을 구현하기 위해 어디서부터 시작해야 할까요?

감사합니다 :smiley:

3개의 좋아요

원래 게시물에 따라 스타일을 변경할 수 있습니다: Page Publishing

2개의 좋아요

@hellekin 감사합니다. 하지만 이는 제 답변의 핵심 문제를 다루지 않습니다. 저는 공개된 페이지를 일반적인 Ember.js 앱 레이아웃(로고, 검색, 햄버거 내비게이션, 사용자 내비게이션 포함) 내에서 렌더링할 수 있는지 묻고 있었지, 별개의 공개 페이지 레이아웃을 어떻게 커스터마이징할 것인지에 대해 묻고 있는 것이 아닙니다.

카테고리나 토픽 상세 페이지가 로드되는 것과 동일한 방식으로 정적 콘텐츠가 일반적인 앱 레이아웃 내에서 렌더링되기를 원합니다. 메인 Ember 앱 레이아웃과 상호작용하는 기존 플러그인과 테마 컴포넌트를 모두 활용하고 싶습니다.

4개의 좋아요

게시된 페이지의 목적은 Discourse UI를 제거하는 것이라고 생각합니다.

일부 기능(예: 테마 구성 요소나 플러그인)이 있으면 좋겠다는 데에는 동의하지만, 귀하의 경우에는 주제에 대한 링크를 사용하는 것이 더 효과적일 수 있습니다. 대신 닫힌 주제의 스타일링을 검토해 보시는 것은 어떨까요?

3개의 좋아요

게시된 페이지에서 사이트 헤더를 그대로 유지할 수 있는 방법이 있을까요, 아니면 제가 놓친 부분이 있을까요?

6개의 좋아요

페이지 게시 기능이 정말 멋집니다. 토픽이 독립된 페이지로 훌륭하게 보입니다. 하지만 기대했던 대로 사용하지는 못했습니다:

  1. 페이지 게시를 포럼의 랜딩 페이지로 설정하는 것이 좋은 용도라고 생각했습니다. 즉, 사용자가 로그인하기 전에 제가 게시하고 스타일링한 토픽을 그들이 보는 페이지로 보여주는 것입니다. 이것이 가능한가요?

  2. 여기 원본 게시물에서 페이지를 스타일링할 수 있다고 언급하고 있습니다. 페이지에 jquery나 javascript를 추가하는 방법이 있나요? (수정: 이전 토론에서 페이지에 jquery, javascript를 추가할 수 있기를 요청한 사례가 있었지만 아직 구현되지 않은 것 같습니다. 적어도 지난해 기준으로는요. 기본적으로 사람들이 정적 페이지를 가지고 있으면서도 일반 토픽과 동일한 커스터마이징 가능성을 가질 수 있기를 희망해 온 것으로 보입니다. 저도 그 기능이 있으면 좋겠습니다.)

3개의 좋아요

네, 방법이 있습니다. 다만 바로 눈에 띄지는 않습니다.

5개의 좋아요

게시된 페이지에서 원본 게시물로 돌아가는 링크를 추가하는 데 선호하는 방식이 있나요?

읽는 이들에게 답글을 장려하면서, 읽기 전용인 게시된 페이지의 스타일은 내가 통제할 수 있도록 유지하고 싶어서 이 작업을 꽤 자주 하고 있습니다. 주제(topic)를 눈에 띄게 링크하거나 단순히 ‘토론’ 링크를 사용하는 등 여러 방법을 시도해 보았습니다.

항상 표시되지만(CSS로 수정은 가능하게) 토론 버튼을 추가할 수 있는 옵션이 있다면 좋을 것 같습니다. 이미 누군가 이런 CSS 트릭을 구현해 놓은 것이 있을까요?

6개의 좋아요

게시물 2개가 새 주제로 분리되었습니다: 게시된 페이지가 about/faqs/tos/privacy와 함께 표시될 수 있나요?

페이지의 성격에 따라 적절한 위치에 링크를 남깁니다. 여기처럼 상단에 배치하는 경우도 있습니다:

여기처럼 하단에 배치하는 경우도 있습니다:

특정 태그에 대한 CSS를 코딩하여 버튼을 "시뮬레이션"할 수 있습니다. 이 카테고리의 헤더에 제가 그렇게 적용한 것처럼요:

https://foro.enunionylibertad.com/c/uni2-cordoba/6

텍스트:

Ciudadanos con la convicción de que la República Argentina puede, debe, y va a ser un lugar mejor, si trabajamos todos Unidos en pos de la Libertad.
<mark>&nbsp;&nbsp;&nbsp;[**Afiliación**](https://foro.enunionylibertad.com/t/formulario-de-pre-afiliacion/92)&nbsp;&nbsp;&nbsp;</mark>

(중요한 부분은 <mark> 태그입니다)

해당 <mark> 태그에 대한 CSS:

/* "mark" 태그의 렌더링을 "메뉴 바"처럼 보이도록 변경하는 코드 */
mark {
  display: inline-block;
  background-color: #E1E1E1 !important;
  color: black;
  border-radius: 20px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
3개의 좋아요

Page Publishing의 대안 - 또 다른 방법은 CSS를 사용하여 불필요한 요소를 제거하되, 모든 기능(즉, 설치된 테마 컴포넌트의 JavaScript, CSS 스타일링 등)은 유지하면서 일반 토픽 게시물에서 이를 수행하는 것입니다.

컴포저의 태그를 사용하여 특정 토픽 게시물에 포맷팅을 선택적으로 적용할 수 있습니다.

예를 들어, 제 사이트에서는 Common 탭의 테마 CSS에 다음 CSS를 붙여넣음으로써 이를 구현합니다:

/********************** REMOVE THINGS FROM LAYOUT USING TAGS ***************/

.tag-no-header {
    .d-header {
        display: none !important;
    }
    #post_1 nav.post-controls .actions button.edit {
    top: 0px !important;
    }
    .topic-body h1 {
        padding-top: 0 !important;
    }
}

.tag-no-sidebars {
    aside.sidebar {
        display: none !important;
    }
}

.tag-no-category {
    .topic-category {
        display: none !important;
    }
}

.tag-no-timeline {
    .topic-navigation {
        display:none !important;
    }
    .container.posts {
        grid-template-columns: 100% !important;
    }
    .topic-body {
    width: 100% !important;
    }
}

.tag-no-post-links {
    .post-links-container {
        display:none !important;
    }
}

.tag-no-box-shadow {
    .topic-body {
        width: 100% !important;
        border-top: none !important;
        box-shadow: none !important;
        background-color: unset !important;
    }
}

.tag-no-topic-meta-data {
    .topic-meta-data {
        display:none !important;
    }
}

.tag-no-side-margins {
    .wrap {
        max-width: unset !important;
        padding: 0 10px !important;
    }
    .content-wrapper {
        display: block !important;
    }
    #main-outlet-wrapper {
        width: 100% !important;
    }
    .topic-body {
        width: 100% !important;
    }
}

.tag-no-footer-buttons {
    #topic-footer-buttons {
        display: none !important;
    }
}

그런 다음, 위의 코드와 일치하는 CSS 선택자를 가진 태그를 만들어 토픽 게시물에 선택적으로 적용할 수 있습니다…

no-header
no-sidebars
no-category
no-timeline
no-post-links
no-box-shadow
no-topic-meta-data
no-side-margins
no-footer-buttons


그러면 동일한 토픽 게시물의 두 가지 다른 버전이 됩니다…

전(태그 미적용):

후(모든 태그 적용) - 제 사이트의 다른 게시물에 iFrame으로 임베드할 수도 있습니다 :nerd_face::

25개의 좋아요

와 :star_struck:

정말 박스 밖을 뛰어넘는 멋진 생각이에요 :smiley:

4개의 좋아요

@Richie 정말 감사합니다!! Out-of-the-Box가 제 전부입니다!

2개의 좋아요

코드에 오타가 있습니다. 세미콜론이 두 개 연속으로 입력되어 있어요:

    .topic-body h1 {
        padding-top: 0 !important;;
    }

그리고,

이미지를 올리는 것을 잊으신 건가요? 아니면 페이지의 ‘After’ 버전이 그냥 음악인 건가요? :smile:


코드를 조금 만져보았는데, 정말 :sparkles: 훌륭합니다! :sparkles:

필요에 따라 이 트릭을 사용하는 방법에 대한 조언을 추가할 수 있을 것 같아요.

  • CSS 규칙을 우회해 답글을 남기는 것을 방지하기 위해 토픽을 닫을 수 있습니다
  • 토픽 목록이나 검색 결과에 노이즈를 더하지 않도록 토픽을 목록에서 제외(unlisted)할 수 있습니다
  • 태그 목록의 노이즈를 제거하기 위해 일반 사용자에게는 보이지 않는 태그 그룹에 태그를 넣을 수 있습니다
  • (답글 메뉴처럼) 일반 사용자에게만 일부 요소를 숨기고 관리자에는 표시되도록 할 수 있습니다

갑자기 머릿속에 떠오른 생각들인데, 생각해보면 고려할 다른 사항들이 더 있을 것 같습니다.

4개의 좋아요

Canapin 님, 감사합니다 :sparkling_heart: 코드 오타를 수정했습니다.

카테고리와 하위 카테고리는 category- 접두어를 사용하여 CSS에서도 사용할 수 있습니다.

예를 들어…

.category-books .main-content,
.category-my-great-book .main-content {
    width:100% !important;
}

저도 제 사이트에서 이 트릭을 광범위하게 사용해 컴포저 안에서 콘텐츠와 임베드를 즉석에서 스타일링하고 있습니다…

제 사이트에는 제 개발 과정을 기록하는 섹션이 있습니다(주로 미래의 제가 이미 무엇을 했는지 기억하고 찾을 수 있도록 해서, 제 스스로 바퀴를 다시 발명하는 일이 없도록 하기 위함입니다!) 원하시는 분이라면 누구나 해당 카테고리를 방문하거나 구독하실 수 있습니다…

3개의 좋아요