home > 고객센터 > 새소식
새소식
즐겨찾기 해두기 twitter로 보내기 facebook으로 보내기 블로그/카페로 소스 퍼가기 인쇄(Print)하기 글자크기 크게 글자크기 원래대로 글자크기 작게
견적문의
게시판 에디터 웹프로그램 업데이트 - 본문 사진넣기, 벽돌레이아웃, 슬라이더
작성자: 브이디자인    작성일: 2021-09-17   조회수: 60   
https://blog.naver.com/canbe76/222508816575
브이디자인 사이트웨어 홈페이지 게시판 웹프로그램이 업데이트 되었습니다.
* NAVER SmartEditor2 에디터
이미지와 함께 자세히 보기

만들어진 게시글 보기



업데이트 내용
일정용량 이상의 사진 첨부시 크기/용량 자동조정
본문내 현재 커서 위치에 사진/이미지 삽입이 안되던 에러 수정
이미지 삽입시 정렬(좌/가운데/우) 방치된 에러 해결
여러 사진 삽입시 벽돌레이아웃 사진 나열 기능 추가
여러 사진 삽입시 슬라이더 생성 기능 추가 (1개)

블로그 방식 본문(게시글 내용)에 사진 넣기(삽입)
네이버 스마트에디터 Photo Uploader 플러그인이 아닌 자체적인 방식을 사용하고 있습니다.
장단점이 있지만, 본문에 사용되는 사진/이미지를 직접 관리할 수 있어 서버의 하드용량을 절약할 수 있습니다.


이미지/사진 본문에 삽입하기

1. 파일찾기
윈도우탐색기의 파일정렬 순서대로 등록됩니다.
정렬기준에 맞게 파일명 또는 수정날짜 적용하여 탐색기나 파일순서 조정이 필요합니다.
1번에 최대 20개 사진 선택 (용량이 크면 적게 선택)

2. 위치/방식 선택
left, center, right 화면내 사진 위치 (좌, 중앙, 우)
masonry 벽돌쌓기방식 사진 나열 (PC 넓은 화면 전용)
slider 슬라이더 (좌우 터치 스크롤)

3. 삽입하기 버튼 클릭
삽입하기 버튼을 클릭하면 선택 사진들이 본문내 커서위치에 본문(게시글 내용)에 삽입됩니다.

4. 등록/수정하기 클릭
하단의 등록/수정하기 버튼을 꼭 클릭하셔야 모든 내용이 저장됩니다.

* 본문(게시글 내용) 다시 시작하기
1) 삽입된 이미지 목록 전체 삭제
2) HTML모드로 전체 소스까지 깔끔히 삭제
3) Editor모드로 돌아와서 다시 시작

* 워터마크 체크
자동으로 도메인주소가 반투명하게 사진내부에 박힙니다.



masonry 레이아웃 
PC와 같은 넓은 화면에서 가로/세로가 제각각인 사진들을
벽돌쌓는 방식으로 나열해가는 레이아웃입니다.



slider
여러장의 사진을 좌우로 슬라이드하며 표시합니다.
시각효과와 함께 한정된 공간사용으로 세로로 길어지지 않게 합니다.




이전글 전주 청소전문회사 (주)W.E산업 홈페이지 제작 완료! 2021-09-24
다음글 [전주홈페이지제작] 토목건설회사 홈페이지 제작 완료! 2021-09-08



작성자 : 게시물에 덧글쓰기
내용 Reply
페이지 TOP
견적문의
견적문의
블로그
전주캘리
△ TOP