첨부된 이미지를 갤러리 형식으로 표시하기 글쓰기 에디터 사용법

지난 글에서 게시물에 사진이미지들을 표시하는 법을 알려드렸습니다.

글을 쓸 수 있는 에디터가 사용되는 모든 한인Society의 서비스들에서는 

이와 같은 방법으로 사진이미지 들을 올려 게시물을 사진과 함께 꾸밀 수 있도록 되어있는데요.

오늘은 또다른 이미지 표시 방법을 알려드리겠습니다.


이전 글에서는 표시형식 버튼을 이용해 첨부파일상자 목록에 있는 이미지를 글쓰기 상자 내 커서위치에 

포함시켰으나 이번 방법은 확장컴포넌트의 이미지갤러리라는 기능을 이용하여 포함시켜 

갤러리 형식으로 표시되도록 해보죠.


현재 시장통 중고시장 서비스에 샘플매물로 올라가있는 게시물을 보면 (이 곳 클릭)

여러장의 사진들을 작은 썸네일 이미지들과 함께 한 곳에서 보여주도록 작성되어있습니다.

이 게시물의 이미지들이 확장컴포넌트의 이미지갤러리라는 기능을 사용해 작성한 것입니다.


여러분들도 서비스 어디에서든 이미지갤러리 표시방식을 쉽게 이용할 수 있습니다.



1. 이전에 알려드린 방법과 동일하게 파일첨부 버튼을 통해 첨부파일상자 목록에 원하는 이미지들을 올립니다.


2. 이미지들이 모두 목록에 표시되었으면 에디터 상단 툴바 제일 오른쪽에 있는 + 확장컴포넌트 버튼을 클릭합니다.


3. 나타난 목록 중 이미지갤러리를 선택합니다.


4. 팝업창이 나타나면 제일 아랫부분에 있는 이미지목록에서 갤러리 형식으로 보여줄 이미지들만 선택합니다.


5. 기타 다른 설정옵션들을 원하는대로 입력합니다.


6. 제일 아래에 있는 추가 버튼을 클릭합니다.



추가버튼을 클릭하면 나타났던 팝업창이 사라지면서 에디터의 글쓰기 창 안에 점선으로 된 상자가 표시됩니다.

이 점선으로 된 상자는 마우스를 클릭한채로 잡아 원하는 커서 위치로 옮길 수 있습니다.


이제 평소 글쓰기와 마찬가지로 원하시는 내용의 글쓰기를 마친 후 저장버튼을 클릭하면 

적용한 이미지들이 이미지갤러리 방식으로 게시물에 표시된 것을 확인 할 수 있으실 것입니다.


일반적인 방법으로 게시물을 작성하여도 독자들은 이미지를 클릭함으로 뷰어를 통해 원본을 볼 수 있습니다만

윗 이미지갤러리 방식이 필요할 때도 있습니다. 적절히 활용해보세요.



Tag :

Leave Comments

로그인 한 회원 분께만 댓글 쓰기를 허용하고 있습니다. 로그인 해주세요.


I Am

profileHSTeam
한인Society의 Official 블로그입니다.

방문자통계

Unique Visitors
Today :
Yesterday : Total : 53108

Page Views
Today :
Yesterday : Total : 154206

BETA
HS Login