포럼
애드온을 몇개까지 켜놓고 사용하세요?
2014.02.24 14:55
지금 회원들이 이용률이 낮다면 최대한 다 꺼보고 운영을 해볼려고 하고 있습니다.(속도에 긍정적인 영향이 있을수 있으니...^^)
1. iframe,embed 동영상 자동 리사이징 애드온 (모바일만 사용)
2. 대표아이콘 출력 애드온
3. 모바일XE 애드온 (요거 끄면 모바일 사용시 무리가 있을까요? 테스트에서는 별 차이가 없긴하던데..안될까요?
4. 본문내 이미지 조절 애드온(모바일만) :
@foret 님 덕분에 사용 안하게 되었네요. 댓글 참조요 ^^
5. 포인트 팡팡 애드온
요렇게만 사용 합니다. ^^
여러분은 어떠신지요??
1번/3번/4번은 장기적으로는 어떻게 하면 애드온에서 제거 할수 있을텐데 그건 연구해봐야 겠습니다. ^^
댓글 34
-
foret
2014.02.24 15:22
-
심플XE
2014.02.24 15:24
그렇군요.. !important를 쓰면...!
-
foret
2014.02.24 15:29
http://demun.tistory.com/m/2246
소스 출처예요!! ㅎㅎ 동영상도 가능. -
socialskyo
2014.02.24 15:28
허걱...그냥 이거 카피해서 쓰면 되는건가요? 스케치북 board.css 에 넣어주면 될까요?foret님 항상 고맙습니다.
그냥 조절 되버리네요. 감사합니다. 이거는 팁인데..팁 게시판에 적겠습니다
-
foret
2014.02.24 15:48
제가 만든 게 아니라 팁에 적기가 좀 그래서 안올리고 있었죠. ㅎㅎ iframe 도 max-width:100% 주면 가능하니 리사이징 동영상 애드온도 대체할 수 있으실거예요. 저는 이전글, 다음글도 단축키 js 넣어 쓰는데 퍼다가 쓰는 거라...
-
socialskyo
2014.02.24 15:50
네. 고맙습니다. 그래도 지식전파니까요. foret님 팁으로 링크걸로 제가 올릴게요 ^^
동영상은 요거 css에 넣어주면 되나요?
img, video { display: inline-block; width: auto\9 !important; /* ie8 */ width: auto !important; max-width: 100%; height: auto !important; } .video-container { position: relative; height: 0; padding-top: 30px; padding-bottom: 56.25%; overflow: hidden; } .video-container iframe,.video-container object,.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
-
foret
2014.02.24 15:52
근데 그 동영상 리사이징 소스는 올리는 사람이 동영상 소스를 video-container 안에 넣어줘야 적용되는 거라서요. ㅎㅎ 다르게 적용할 방법을 찾아보다가 저는 귀찮아서... 걍 애드온으로 만든 게 저번에 올린 유튜브 컴포넌트였죠. ㅋ_ㅋ
-
socialskyo
2014.02.24 15:53
아하~~ 그렇군요. 그럼 우선 img만 팁게에 올리겠습니다. ^^ 항상 고맙습니다.
멋저부러!! foret님~~
-
foret
2014.02.24 15:55
아 근데 제가 올린대로 쓰셔야 모바일에서만 적용됩니다. 앞의 media 가 브라우저 크기를 나타내는 거라서요.
-
socialskyo
2014.02.24 15:56
네네.. 그대로 팁게시판에 옮겼습니다. ^^
-
okiz
2014.02.24 16:35
ㅎㅎ 덕분에 모바일에서 리사이징 하나 껐네요~
max-width 를 아이패드 사이즈인 1024 까지 해두는게 좋을거 같습니다.
-
socialskyo
2014.02.24 18:41
오호!! 감사합니다.
-
클로여
2014.02.24 17:25
iframe으로 불러온 웹도 이를 이용가능할까요? -
FireChrome
2014.02.24 15:29
전 직접개발한 애드온이랑 이것저것 다해서 10개~15개쓰는거같은데..속도는 빨라요 ㅎㅎ
-
socialskyo
2014.02.24 16:02
네~ 접속해보니 빠릿 하네요^^
-
몽실아빠
2014.02.24 15:50
약 45개 정도요!
-
socialskyo
2014.02.24 15:51
몽실아빠님 대단해요!! 원츄!!
-
몽실아빠
2014.02.24 15:54
뭐 그래도 그냥 그냥 잘 굴러갑니다 ㅋㅋㅋ
-
socialskyo
2014.02.24 15:56
네. 저도 실제 애드온을 다 켜봐도
제가 속도 측면에서 느끼는 차이는 잘 없었습니다. 그냥 안쓰는거 끄면서 겸사겸사 최적 상태 테스트 인거죠 뭐~ ^^
-
XE만세
2014.02.24 16:05
어드민 로깅 / Ajax보드 / 자동 링크 / 절전 모드 / 금지 닉네임 지정 / 이메일 필터 / 특정게시판 제외 글보기 / 구글 Analytics / Lightbox / 압축XE
10개 사용합니다..
-
socialskyo
2014.02.24 16:09
ADMIN 로깅...아 요거 할까 말까 끌리는데.....나쁜놈들 색출하는데는 요놈을 켜야겠군요..
이메일 필터는 저도 사용하다가 이번에 빼버렸어요..결국 뚫을놈은 뚫는거고...나머지는
이메일 인증으로 커버 가능 할것 같아서요..
압축 xe는 minify로 대체하고 있고
절전 모드는 처음 들어보네요 ^^.
자동링크는 조금 불편하더라도 사용 안하고 잇고...
금지 닉네임은...회원 설정에서 가능하지 않나요?
특정 게시판 제외 글 보기는 처음 들어보고요 ^^
구글 analytics는 SEO모듈로 대체해서 사용하고 잇고요...
-
XE만세
2014.02.24 16:19
이메일 필터... 하긴 그렇겠군요. 피할 놈은 어떻게든 피하는..
압축xe와 minify는 조금 성격이 다른 것으로 알고있습니다.
minify는 css, js를 압축 캐싱해주고, 압축xe는 앞의 것 말고 html도 압축해주더군요.
(옵션에서 js 압축 등을 끄고 사용하시면 될겁니다.)
절전 모드는 제작 의뢰해서 만든 애드온이에요.
PC/모바일에서 레이아웃의 css를 원클릭으로 흑/백 전환하는 .. 쿠키를 이용해 설정도 저장합니다.
전 금지 닉네임 애드온을 문자열 금지보다는 길이제한에 의미를 두고 사용중입니다.
특정 게시판 제외 글 보기는 http://www.xpressengine.com/tip/21134804 요것입니다.
내가 쓴 글을 볼 때 특정 mid는 제외하여 보여줍니다. 삭제 글 보관 게시판이나, 출석체크 등을 제외하면 괜찮더군요.
analytics는 이미 익숙해져버려 쉽게 바꾸기가 애매하더라구요~..
Ajaxboard는 사용 안하시는지요?
-
socialskyo
2014.02.24 16:24
오...압축 XE 는 그런거였군요.. 가르침 감사 드립니다.
혹시 앞축 XE 켰다가 다시 끄면 압축된 상태에서 다시 원상태로 HTML이 풀리나요?
그리고 앞축 XE 킨 상태에서 HTML을 FTP에서 열면 앞축된 상태로 보이나요?
제가 수정을 못하게 될까봐......
그리고 http://www.xpressengine.com/tip/21134804 이건 링크가 안열리네요: 어랏 열립니다. ^^마지막으로 Ajaxboard는 사용 하지 않고 있습니다. ^^;
-
XE만세
2014.02.24 16:37
압축XE를 on 할 경우 "소스 보기"에서 압축된 내용이 나타납니다.
(공홈의 경우 해당 애드온을 이용하지 않기 때문에 전체적인 구조가 여과없이 드러납니다.)
그리고 애드온을 끄면 원래대로 돌아가며, FTP에 업로드 되어있는 원 파일에는 영향을 끼치지 않습니다.
-
socialskyo
2014.02.24 16:38
네. 가르침 감사합니다. 그럼 사용하고 있는 minify 와 병행해서 사용 해도 될런지요??
-
XE만세
2014.02.24 16:44
넵~ 저는 현재 두가지를 다 사용중입니다. (압축xe는 js와 css 압축을 껐습니다.)
근데 한가지 단점이, 압축xe를 사용중일 때는 개발자도구로 확인한 css의 줄 번호와 실제 파일의 줄 번호가 다르더군요.
(ex. 개발자 도구에서는 200번째 줄로 표시됨 -> 실제 파일은 200번이 넘는 줄에 해당 내용이 있음)
제가 잘못 사용하는건가? 싶기도 한데, css를 수정할 때만 애드온을 잠깐 꺼주면 아무 이상이 없어서 그냥저냥 사용중입니다.
-
socialskyo
2014.02.24 16:49
네. 그렇군요. 좋은 팁 감사 드립니다. xe 만세님 덕분에 저도 실사용 해보겠습니다.
-
okiz
2014.02.24 16:21
추천/비추천 / 이미지 자동출력 / 닉넴변경애드온 / iframe,embed 리사이징 (모바일만) / 푸시서버 / 회원확장출력 / 작성댓글보기 / 포인트표시 / 본문내 이미지 조절 / 삭제시 휴지통으로 / 요약책갈피(모바일) / 트랙팩차단
이렇게 쓰네요. 12개나 쓰네요. 줄인다고 줄였는데...일부 애드온들은 개량해서 xe 에 바로 적용한 것들도 있습니다.
덩치는 커져가는데 카페24 호스팅은 좀 많이 느리네요. 서버를 갈아타던가 해야할텐데..ㅠㅠ
-
socialskyo
2014.02.24 16:28
추천/비추천 => 게시판에 기본으로 탑재된거랑 틀린건가요?
이미지 자동출력 => 회원들을 교육 시키고 있습니다. T.T
닉넴변경 애드온 => 닉넴 변경 금지로 해놨습니다.
푸시서버 => 사용 안하고 있습니다. 저는 아이폰을 써서...
회원 확장출력 => 이미지 이름을 사용 안해서...저도 사용하고 싶습니다..회원들이 관심이 없어요..흑흑..
작성댓글 보기 => 어랏...이 애드온 없는데도..저는 작성 댓글 보기가 가능하네요?? (관리자라 그런가 봅니다??)
본문내 이미지 조절 => foret님 팁으로 대체
트랙백 차단 => 트랙백도 1.7.4에는 별도로 분리가 되서 안써도 되서요..
-
okiz
2014.02.24 16:46
추천/비추천 -> 저는 따로 애드온을 만들었습니다. 게시판에 탑재시 게시판별로 노출시키기 귀찮고, 애드온 사용유무로 구분해버려서요 ㅎㅎ.. 그리고 애드온만들면서 추천누르면 실시간 숫자 올라가기, 공지글에는 노출하지 않기 등등의 옵션을 넣어뒀습니다. 확장팩도 하나 더 만들었는데 그건 옵션이 많아지니 느려서 창고행으로 갔네요.
닉넴변경 애드온 - 음..금지하기엔 너무 가혹한거 같아서요 ㅋㅋ
푸시서버 - 아 ㅎㅎ 이건 앱버전이 아니라 웹에서 실시간 글/내글댓글 알림으로 만든겁니다.
어차피 서버까지 만들어둬서 앱으로도 만들어보고 싶긴한데 영 시간이 안나서요..
회원정보확장출력 - 음..저는 이놈을 켜야 레벨아이콘이 뜨더군요 ㅎㅎ저도 프로필이미지 등등은 안쓰네요 ㅎ
작성댓글보기 - 요놈은 일반회원이 내 정보보기에서 작성댓글 보는 곳.....
본문내 이미지 조절 => 저도 모바일쪽만 foret님 팁으로 대체했네요 ㅎ PC 는 적용했네요. 클릭시 확대가 돼야 해서..
트랙백차단 - 저는 아직..1.7.3.8 이라서요 ㅠㅠ
-
socialskyo
2014.02.24 16:48
아하 그렇군요~~ ^^
-
클로여
2014.02.24 18:52
유용하다 싶으면 그냥 다 켜놓는데.. 아직까지는 별 속도저하는 없는것같습니다. -
foret
2014.02.24 20:40
동영상은 게시판 본문 html 을 수정하셔서 써도 되지않을까요? ㅎㅎ대충 이렇게...
{$oDocument->getContent();} 를 이렇게 바꾸고 위의 동영상 100% css를 넣으면 자동으로 리사이즈!
실험은 안해봐서 잘될지는 모르겠군요. ㅎㅎ 속도도... 잘 모르겠습니다. 이렇게 해도 문제가 없을까요? -_-;
{@ $contentrest = $oDocument->getContent(); $contentrset = str_replace('<iframe','<div class=\"video-container\"><iframe',$contentrest); $contentrset = str_replace('iframe>','iframe><\/div>',$contentrest); $contentrset = str_replace('<embed','<div class=\"video-container\"><embed',$contentrest); $contentrset = str_replace('embed>','embed><\/div>',$contentrest); } {$contentrest}
-
LI-NA
2014.02.24 22:39
음... 뭐 사용할 모든 애드온을 하나로 합칠수도 있겠지만요...
(쓸모없는 짓인것 같지만 ㅋ;;;)
저는 이렇게 쓰고 있어요. 어디선가 퍼온 소스인데!! ㅋㅋ
@media (max-width: 480px) {.본문 img {display:inline-block; width:auto\9 !important; /* ie8 */ width:auto !important; max-width:100%; min-width:100%; height:auto !important;}}