안녕하세요, 모든 Discourse 개발자 여러분,
세계 최고의 포럼을 만들어 주신 뛰어난 작업에 대해 모든 Discourse 개발자분들께 감사의 말씀을 전하고 싶습니다.
Discourse에서 제가 유일하게 아쉬워하는 기능은 워터마크 기능입니다. Discourse가 모든 업로드된 이미지에 워터마크를 지원한다면 완벽할 것입니다. 이 포럼에서 다른 사용자가 제안한 것처럼 매우 복잡한 것은 필요하지 않습니다. (개발자가 해당 요청을 무시한 이유를 이해합니다. 그것은 전적으로 비현실적이기 때문입니다.)
개인적 의견으로는, 매우 단순한 워터마크 기능만으로도 충분할 것입니다. 업로드된 모든 이미지에 아이콘/텍스트를 추가하여, 누군가 공유 (또는 도용) 하여 다른 웹사이트/플랫폼에 이미지를 올렸을 때 그 이미지가 제 포럼에서 나온 것임을 알 수 있게 하면 됩니다.
개인적으로 저는 포럼에 업로드하기 전에 항상 직접 워터마크를 추가하지만, 많은 커뮤니티 멤버들은 직접 하고 싶어 하지 않습니다. 특히 스마트폰으로 이미지를 게시할 때는 포럼에서 자동으로 추가되기를 바랍니다.
Discourse가 사진과 같은 많은 이미지를 다루는 포럼보다는 텍스트 기반 포럼으로 설계되었음을 이해합니다. 그러나 수많은 훌륭한 플러그인/테마(Plugin / TC) 덕분에 Discourse로 사진 중심의 포럼을 훌륭하게 만들 수 있습니다.
/admin/site_settings/category/branding
에 워터마크 이미지 업로드 상자를 추가하는 것을 권장합니다.
그리고
워터마크 위치를 위한 드롭다운 메뉴를 추가합니다. 예를 들어,
이 정도면 충분합니다. 다른 화려한 기능은 필요하지 않습니다.
마지막으로, 지속적인 노고에 대해 모든 Discourse 개발자분들께 다시 한번 감사드립니다.
7개의 좋아요
sam
12월 29, 2020, 10:46오후
2
Jacky, 감사합니다. 누군가 실험해 볼 만한 흥미로운 플러그인인 것 같습니다. 다만, 이를 핵심 기능으로 포함할 계획은 없으며, 핵심 시스템이 플러그인을 지원하는 역할은 할 수 있을 것입니다.
예산이 있으시다면 Marketplace
이미지를 겹쳐서 워터마크를 적용하는 기능은 제대로 구현하는 데 다소 더 많은 시간이 필요할 수 있습니다.
12개의 좋아요
몇 가지 실험 끝에 워터마크에 대한 임시 "해결책"을 찾았습니다.
혹시 다른 분들도 관심이 있으실까 봐 제 우회 방법을 공유합니다. 도움이 되길 바랍니다.
먼저, 다른 서브도메인에 Chevereto(무료)를 설치합니다.
무료 버전에서도 워터마크를 지원합니다. 대시보드의 이미지 업로드 설정에서 설정할 수 있습니다.
대시보드에서 최대 이미지 너비와 높이를 설정할 수도 있습니다. 이렇게 하면 업로드된 모든 대형 이미지가 자동으로 리사이즈됩니다.
Chevereto 플러그인(스크립트)을 Discourse의 <head> 태그에 추가합니다.<script async src="https://img.example.com/sdk/pup.js" data-url="https://img.example.com/upload"></script>
Discourse는 더 이상 i 태그의 fa-icon을 지원하지 않는 것 같습니다 , 따라서 자바스크립트를 다음과 같이 수정해야 했습니다.<i class="fa fa-cloud-upload d-icon d-icon-upload"></i><svg class="fa d-icon d-icon-cloud-upload-alt svg-icon svg-node" aria-hidden="true"><use xlink:href="#cloud-upload-alt"></use></svg>'`
모든 설정이 올바르게 완료되면 Discourse 편집기에 클라우드 업로드 아이콘이 표시됩니다.
새 아이콘을 클릭하고 팝업 창에 이미지를 드래그 앤 드롭하면 자동으로 업로드되고 워터마크가 적용된 코드가 편집기에 붙여넣기됩니다.
이제 데스크톱에서는 완벽하게 작동합니다. 하지만 스마트폰에 아이콘을 추가하는 방법은 아직 알아보는 중입니다.
이것은 임시 해결책이자 우회 방법일 뿐이며 완벽하지는 않지만 몇 분 안에 쉽게 구현할 수 있습니다. Discourse가 향후 코어 기능이나 플러그인/TC를 통해 워터마크 기능을 추가하기를 여전히 희망하고 있습니다.
9개의 좋아요
좋아 보입니다. 이 모든 것을 포함하는 테마 컴포넌트를 제공하면서, Chevereto 설치만 수동 단계로 남기는 것은 정말 훌륭할 것입니다.
4개의 좋아요
lhkjacky:
이제 데스크톱에서는 완벽하게 작동합니다. 하지만 스마트폰에 아이콘을 추가하는 방법을 아직 알아보고 있습니다.
Chevereto 플러그인의 JavaScript를 조금 수정했습니다.
sibling: ".upload.btn", siblingPos:"before",sibling:".code.btn",siblingPos:"after",
이제 데스크톱과 스마트폰 모두에서 아이콘이 표시됩니다.
2개의 좋아요
정말 좋아요! 같은 목표를 달성할 수 있는 플러그인이 있나요?
f1r4s
2월 20, 2022, 11:53오전
7
이 워터마크를 위한 컴포넌트가 있으면 더 좋을 것 같습니다.
2개의 좋아요
이미지가 어떤 폴더에 저장되어 있는지 아시는 분 계신가요?
일괄 워터마킹을 적용하고 싶은 방법 중 하나는 외부 이미지 편집 도구를 실행하는 것입니다.
jrgong
3월 1, 2024, 1:19오후
9
최신 3.2 버전의 discourse에서 이 기능을 구현하신 분 계신가요?
Heliosurge
3월 1, 2024, 6:08오후
10
정말 멋지네요. 이 Customization > Theme component
This theme component adds a watermark to the page.
It is possible to add any of the following information:
a short text message
the username currently logged in
the timestamp the page was rendered
Several settings allow customizing how and when the watermark will be rendered:
show_watermark_in_background: If enabled will generate and display a watermark on the page.
scroll_enabled: If enabled the watermark will be scrolled with the page.
only_in_categories: List of categories in whi…
2개의 좋아요
테마 컴포넌트에서 직접 시도해 보았습니다. 개념 증명(PoC) 단계라 기능이 아주 기본적인 수준입니다.
업로드되는 모든 파일에 워터마크가 자동으로 적용됩니다.
기술적인 측면에서 말하자면, Discourse가 업로드 전 이미지를 전처리(예: 압축)하는 방식과 유사하게, 이 도구도 워터마크를 통해 동일한 전처리를 수행합니다. API와 Uppy 라이브러리를 활용하면 워터마크 적용이 매우 쉬워집니다.
최소 기능으로 꼭 포함되었으면 하는 기능이나 커스터마이징 아이디어가 있다면 알려주세요.
수정: 기본 설정 기능을 구현하는 대로 해당 버전을 공유하겠습니다.
14개의 좋아요
jrgong
3월 20, 2024, 10:11오후
12
2개의 좋아요
안녕, 이거 프로덕션에 바로 올릴 수 있어? 진짜 궁금해
1개의 좋아요
Jagster
4월 6, 2024, 9:37오전
14
모든 이미지에 적합한 법적 인쇄 워터마크를 사용할 수 있는 상황은 무엇인가요?
1개의 좋아요
죄송합니다, 제가 조금 늦게 참여했습니다. Watermark Image . 피드백을 환영합니다!
7개의 좋아요
개인적으로 지난 10년간 Discuz와 Buddyboss(Wordpress) 등 다른 프로그램들을 사용하여 여러 포럼을 구축해 보았지만, 그 어느 것도 Discourse만큼 훌륭하지는 않았습니다.
방법을 찾으면 이 게시물을 업데이트하겠습니다.
