커뮤니티
공지사항 Community
[신입회원 필독]사용기/강좌/에세이 작성 및 동영상 삽입 방법(2015-06-23)
글쓴이 : 등록일 : 2015-06-15 18:25:26 조회수 : 4,154 추천수 : 7

사용기와 강좌, 그리고 포토 에세이 등은 사진과 글이 다이나믹하게 전개되어야 하고 기본적으로 사진이 많이 첨부되는 경우가 많습니다.
기존의 경우 삽입 안된 사진이 있거나 수정 시 일부 사진 삭제 등의 액션이 가해질때
본인이 의도한 대로 글과 사진이 구성되지 않는 경우가 있었습니다.
안내 가이드가 있다 하더라도 실수나 에러가 발생될 가능성이 커지게 되는 것이죠.

이에 사용기,강좌,에세이는 에디터 사용 방법을 좀 다르게 변경해보았습니다.
가장 큰 변화는 파일 업로드와 동시에 본문의 마우스 커서 위치에 이미지가 삽입되는 것입니다.
1.파일 찾아보기 -> 2.업로드할 파일을 선택 후 열기 -> 3.해당 마우스 위치에 이미지 동시에 삽입


1.이미지 삽입 및 글 작성하기




기존에는 파일 업로드를 하고 섬네일에서 해당 위치에서 삽입을 클릭해야 이미지가 삽입됐었습니다.
하지만 현재는 사진을 불러오는 즉시 해당 마우스 커서에 이미지가 삽입이 되는 형태로 바뀌었습니다.

이미지를 여러장 동시에 올릴경우 파일명 순서 기준으로 여러장이 동시에 삽입됩니다.
이 때, 사진을 수십장씩 올리시면 간혹 업로드 중 깨짐이 발생할 수 있으니
글을 중간중간 작성하시면서 몇 장씩 사진을 올리시는 것을 추천해드립니다.
사진 사이 간격을 띄우실 때는 사진의 앞 커서 위치에서 원하는 띄움 간격 만큼 앤터를 눌러주시면 됩니다.




아울러 에디터에서 사진과 글 작성을 편하게 하기 위해 도구모음에 최대 화면 보기, iframe, 플래시 삽입 버튼을 적용했습니다.
'플래시' 버튼은 Embed 소스로 삽입되는 자료, iframe 버튼은 iframe 소스로 삽입되는 자료에 해당합니다.





최대 화면 보기 버튼을 클릭하게 되면 아래처럼 에디터 공간이 모니터에 꽉 차게 됩니다.
에디터 공간이 협소하여 다소 불편하시면 이 기능을 활용하시면 글 작성이 좀 더 도움이 됩니다.
버튼을 클릭하면 다시 원 상태로 작아집니다. 






2.사진 중간에 동영상 삽입하기

작성 중간에 유투브 및 비메오 사이트 등의 동영상을 삽입하는 방법 안내 입니다.
에디터에서 동영상 삽입은 iframe 버튼을 이용하면 되고 여기에 삽입해야 할 소스는 아래를 참고하면 됩니다.

유투브의 경우는 공유 및 소스 코드를 클릭하면 아래와 같이 iframe 소스가 공개됩니다.
이 때 iframe 에 삽입할 동영상 URL 주소, 그리고 적절한 동영상의 가로x세로 픽셀 만 있으면 됩니다.








비메오의 경우도 비슷합니다.
비메오 또한 iframe 에 들어갈 동영상 URL 주소, 그리고 iframe 에 입력할 가로x세로 픽셀만 있으면 됩니다.






이제 위의 동영상 소스를 이용하여 팝코 에디터에 동영상을 삽입해봅니다.
영상을 삽일 할 때는 동영상을 삽입할 위치로 커서를 옮기고 iframe 버튼을 클릭합니다.
그리고 iframe 속성 창에 위의 유투브나 비메오의 동영상 URL 주소, 그리고 너비x높이 픽셀을 입력, 정렬 등을 선택한 뒤 '예'를 클릭하면 됩니다.






아래와 같이 iframe Bos로 동영상이 해당 위치에 삽입되면 제대로 플레이가 되는지 미리보기 버튼을 클릭해봅니다.





아래처럼 미리보기 화면에서 동영상이 제대로 플레이 되면 문제 없이 동영상이 삽입된 것입니다.






<총정리>

*사용기/강좌/포토 에세이 에디터 사용방법 및 주의사항

1.사진 삽입을 원하는 곳에 마우스 커서를 위치한 후 파일 찾아보기 버튼을 클릭하여 사진 업로드 
  - 사진 업로드와 동시에 마우스 커서 위치에 사진이 자동으로 삽입됨 (한번에 여러장 삽입도 가능)

2.글을 작성하면서 해당 마우스 커서 위치에 사진을 추가로 계속 삽입 가능. 
3.동영상 삽입 시에는 동영상을 삽입할 위치에 커서를 위치한 후 iframe 버튼을 이용하여 해당 동영상 URL과 가로x세로 크기를 입력.
4.소스보기를 클릭하여 해당 위치를 찾아 동영상이나 소스 등을 삽입하는 방법도 있습니다.


주의)
-섬네일 이미지 삭제 시 본분에 삽입된 해당 이미지도 같이 삭제해주셔야 깨짐이 발생하지 않습니다.
-이미지가 너무 많을 경우 한꺼번에 수십장씩 올리면 이미지 업로드 중 간혹 깨짐이 발생 할 수 있으니 몇 장씩 올리면서 글을 작성해나갑니다.
-첫,둘째 이미지는 본문에서만 삭제가 가능합니다.



현재 게시판 시스템에서 글과 함께 사진이 많이 첨부되었을때
에러가 발생되지 않도록 하기 위한 최선의 방법을 강구해본 것입니다.
결국 파일 불러오기와 동시에 이미지가 삽입이 되기 때문에
글을 작성해나가면서 해당 위치에 들어갈 사진을 하나 둘씩 불러오는 방법으로 작성하시는 것이 좋을 듯 합니다.


기존처럼 파일은 올리고 본문에 첨부 안한 이미지가 있을 경우 최상단으로 올라가거나 하는 증상은 없을 겁니다.
일단 사용기,강좌,에세이는 위와 같은 새로운 방식으로 사용해보시구요.
혹시나 글 작성시 다른 오류가 발생될 시 그 내용을 알려주시면 감사하겠습니다.^^

추천 7
리플을 달아주세요. 리플은 상대방에 대한 기본 예의이자 팝코 커뮤니티의 가장 큰 힘이 됩니다.

상대방에 대한 비방이나 욕설 등 부적절한 코멘트의 경우 운영진의 판단 하에 삭제될 수 있습니다.

소셜 로그인 남겨주신 의견은 팝코넷회원 분들에게 큰 보탬과 힘이 됩니다. 새로고침

로그인후 댓글을 작성할 수 있습니다. 이유: 권한이 없는 회원레벨
신고
  
번호 제목 글쓴이 등록일 추천 조회
848 개편/리뉴얼   [알림]'모바일 톡'을 톡방으로 합치고 갤러리를 상단에 구성할 예정입니다. 9   2015-06-19 2 2463
847 당부의 글   [추천 운동] 좋은 글에는 추천을 해주세요. 19   2015-06-17 12 2422
개편/리뉴얼   [신입회원 필독]사용기/강좌/에세이 작성 및 동영상 삽입 방법(2015-06-23)  4   2015-06-15 7 4154
845 개편/리뉴얼   [알림]'톡 공지'와 '공지'를 하나로 합쳤습니다. 2   2015-06-15 1 1596
844 개편/리뉴얼   [알림] 장터 더치트 사이트 연동 19   2015-06-11 5 2948
843 이벤트소식   호야 신제품 FUSION ANTISTATIC UV / CPL (CIR-PL) 필터 체험단 최종 결과발표 4   2015-06-10 4 2092
842 이벤트소식   팝코 645 이벤트 2015년 5월 최종 당첨자 발표  42   2015-06-08 20 3692
841 이벤트소식   ★★★★★WD와 함께하는 팝게이 힐링 프로젝트 이벤트!★★★★★ 41   2015-06-05 29 11324
840 공지   브랜드 별 Movie 카테고리 추가 12   2015-06-01 2 2106
839 개편/리뉴얼   [알림] 음란물 신고 기능 안내 5   2015-06-01 2 2087
838 공지   [알림]업로드 사진 사이즈 제한 예정입니다. 23   2015-06-01 7 2951
836 이벤트소식   ★★★★★6월 팝코 645 이벤트 상품 공개★★★★★ 54   2015-05-29 41 12662
835 감사의 글   [팝코걸] '팝코걸' 님의 팝게이 환영 인사! 200   2015-05-29 58 61554
834 개편/리뉴얼   [알림] 팝코에 일부 변화를 줘봤습니다. 41   2015-05-28 10 3536
833 감사의 글   2주간 팝코 건의게시판을 보면서...^^ 33   2015-05-27 11 2962
832 이벤트소식   ★★★★★팝게이와 함께하는 6월 출첵이벤트★★★★★ 86   2015-05-27 79 16495
831 개편/리뉴얼   [알림] '답글' 작성에 대한 해당글 링크 기능 추가. 10   2015-05-27 3 2096
830 공지   [신입회원 필독]팝코 브랜드 톡 사진 포스팅 방법 안내 (2015-5-26)  31   2015-05-26 28 9846
829 감사의 글   주말에도 팝코를 지켜주셔서 감사드립니다. 42   2015-05-23 5 3030
827 개편/리뉴얼   메인 화면 왼쪽 게시판 리스트를 펼쳤습니다. 6   2015-05-22 4 2942
826 당부의 글   [알림] 포인트 / 글 & 댓글 개수에 대해서 30   2015-05-21 1 2270
825 이벤트소식   토키나 신제품 AT-X 11-20mm 렌즈 체험단 최종 결과 발표 4   2015-05-21 4 2594
824 공지   장터 사기 주의 및 장터 이용 안내 23   2015-05-21 21 6623
823 이벤트소식   [50000 이벤트] 50000번째 회원분께 축하케익 쏩니다. 39   2015-05-21 0 3284
822 감사의 글   팝게 댓글이 사랑스러운 이유... 21   2015-05-21 4 2321
821 공지   크롬 브라우저 문제 해결 및 사진 포스팅 방법 안내 25   2015-05-20 8 6130
820 당부의 글   '질문답변' 게시판에 관심을 부탁드립니다.^^ 9   2015-05-20 0 3906
819 당부의 글   가능한 당분간은 익스플로러를 사용해주시겠습니까?^^ 4   2015-05-19 1 1971
      
Copyright 1999-2020 Zeroboard
  • 댓글 이벤트
맨위로