[글쓴이:] celeb

ㅇ HTML 동영상 올리기 HTML를 사용해서 페이지에 동영상을 올리는 태그, embed에 대해 설명드리겠습니다. ㅇ 형식 < embed src=”동영상파일경로” width=”” height=”” > ㅇ embed 태그에 사용되는 속성 src : 동영상 파일의 경로를 뜻한다. width : 동영상의 보여지는 폭(pixel 단위)을 뜻한다. height : 동영상의 보여지는 높이(pixel 단위)를 뜻한다. autostart : 자동실행 여부를 뜻한다 => true/false hspace : 그림과 문장사이의 가로여백을 뜻한다. vspace : 그림과 문장사이의 세로여백을 뜻한다. hidden ” 박스 숨김을 뜻한다 => true/false loop : 반복 여부를 의미한다 => 1 : 1번연주, 2 : 2번연주, -1 : 무한반복 volume : 볼륨 크기 => 0 : 볼륨최대 감사합니다. * 지속 업데이트 약속드립니다.

Read More

워드프레스로 홈페이지를 만들 경우 워드프레스 테마에 대한 정보를 수정 변경해야 될 경우가 있습니다. 테마를 커스트 마이징할 경우  이러한 경우라 할 수 있습니다. 워드프레스 테마정보를 변경하는 방법을 소개해 볼까 합니다. 일단 http://whatwpthemeisthat.com/ 에 가서 사이트의 정보를 보면 아래와 같이 나오는 것을 볼수 있습니다. 여기에 나오는 정보를 수정하는 방법은 다음과 같습니다. /wp-content/themes/테마명 와 같이 각 테마폴더에서 style.css를 찾아 수정하면 됩니다. style.css 맨위에 /* Theme Name: 테마이름 Theme URI: 테마주소 Author: 테마개발자 Author URI: 테마개발자 주소 Description: 테마설명 등등 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, flexible-width, translation-ready */ 부분을 테마변경된 내용에 맞게 수정하면 됩니다. 테마를 대표하는 이미지는  각 테마폴더에서 screenshot.png(일반사이즈 300 x 225)를 회사로고 등으로…

Read More

안녕하세요 셀럽워드프레스의 막내 codex5입니다.^^ 평소 홈페이지를 만드는데 아~ 여기 아이콘 같은거 하나 들어가면 좋겠는데… 싶은 부분이 많았습니다. 그렇다고 일일히 넣고싶은 부분마다 아이콘을 만들어서 넣는다면 시간 대비 효율이 떨어지기 마련!그래서 오늘은 제가 아이콘을 쉽게  적용하는 방법을 알려드리려고 합니다^^ 1. 우선 새 글이나,메뉴 등 넣고 싶은 위치에 아래와 같이 클래스를 지정하고 <i class=”???”></i> (텍스트에디터로 작업하셔야 겠죠?) 2. Font Awesome homepage 에 접속해서 넣고 싶은 아이콘을 찾습니다. 3. 그 다음 원하는 아이콘의 이름을 복사해서 <i class=” 원하는 아이콘 소스이름”></i>에 붙이면 됩니다. 그럼 페이지에 아이콘이 나타납니다.  참 쉽습니다. ^^

Read More

안녕하십니까? 셀럽의 잔머리입니다. 오늘은 네이버에서 웹마스터 도구를 소개할까 합니다. 워드프레스 쓰시다 보면 구글웹마스터도구는 모두 아실 꺼라 생각합니다. 네이버 ‘웹마스터 도구’(webmastertool.naver.com)는 특정 웹페이지 안에 있는 웹문서가 네이버 검색에 수집돼 잘 노출되고 있는지 살펴보고 웹페이지 관리자가 네이버가 제공하는 문서 수집 및 수집오류 현황 등의 실시간 정보를 활용, 웹페이지를 검색에 최적화시키거나 수집이 누락된 문서에 대한 반영까지 요청할 수 있는 관리 툴이라고 합니다. 그럼 우리도 SEO관련으로 웹마스터 도구를 사용해야 겠지요? 일단 네이버 웹마스터도구사이트에 접속을 합니다. http://webmastertool.naver.com/ 에 접속한후 로그인……. 그럼 사이트 정보를 입력하라고 합니다. 사이트 정보 입력- > 다음은 사이트의 소유에 대한 내용을 묻습니다. 2가지 방법이 있는데 하나는 메타태그를 삽입하는 방법 또하나는 파일을 다운…

Read More

안녕하세요 셀럽워드프레스입니다. 오늘은 익스플로러로 웹 서핑시 레이아웃이 깨지게 되는 “호환성 오류” 해결방법에 대해 알려드릴까 합니다. 익스플로러로 웹사이트를 서핑하다보면 종종 페이지 레이아웃이 깨지는 현상을 보실 수 있습니다. 워드프레스 웹사이트도 마찬가지죠.. 그 이유는 익스플로러 8 이상 버전부터 생긴 바로 “호환성 모드” 라는 녀석 때문인데요. 호환성 모드는 익스플로러에서 F12 버튼을 눌렀을때 확인 할 수 있습니다. 브라우저 모드: 현재 브라우저의 기본 세팅 문서 모드: 컨텐츠를 렌더링 하는 방식 바로 이 문서모드가 웹사이트의 환경에 맞지 않은 버전을 랜더링값으로 잡고 있을 때 오류가 발생하게 됩니다. 때문에 문서모드를 최신버전(또는 웹사이트 환경에 맞는 브라우저)으로 지정해줘야 익스플로러 깨짐현상이 해결된답니다. 해결방법은 다음과 같습니다. header.php 에서 <head></head> 태그 안에 아래의 <meta>를…

Read More

안녕하세요 셀럽워드프레스의 막내 codex5 입니다. 멋진 소식이 있어 포스팅을 한번 더 하네요~ 바로 워드프레스의 창시자 맷 멀렌웨그의 한국방문 & 워드프레스 미트업 참석이 그 내용이죠! 워드프레스를 사랑하는 많은 분들이라면 워드프레스 창시자를 만나볼 수 있는 절호의 기회입니다. 꼭 참석하셔서 맷이 들려주는 얘기도 들어보시고, 질문도 많이 하시고, 대화도 나누어 보시기 바랍니다. 저희 회사 인원 모두 참석 하게 될 것 같네요~ 6월 1일날 봐요~ 6월 서울 워드프레스 미트업 (특별 손님 -Matt mullenweg) 6월 1일 일요일에 워드프레스 미트업을 준비했습니다. 이번에는 매우 반가운 특별한 손님이 참석합니다. 워드프레스를 만든 “맷 멀런웨그”가 처음 한국을 방문하여 워드프레스 미트업에 참석합니다. 맷은 10년간 워드프레스 프로젝트를 이끌어 왔고, WORDPRESS.COM 을 서비스 하고 있는 AUTOMATTIC 사의 CEO이기도 합니다.

Read More

안녕하세요. 셀럽워드프레스입니다. 오늘은 워드프레스 팁으로 라인으로 보내기 버튼을 연동하는 법에 대해 알려드릴까 합니다. 방법은 친절하게도 라인 홈페이지에서 지원을 하고 있습니다. 페이지 내용은 영어와 일본어로 지원을 하고 있습니다. 일어안내: http://media.line.me/howto/ja/ 영문안내: http://media.line.me/howto/en/ WordPress의 템플릿 <a href = “http://line.me/R/msg/text/? <? php the_title ();?> % 0D % 0A <? php the_permalink ();?>”> <img src = “[ 버튼 이미지 URL] “width =”단추 폭 “height =”버튼 높이”alt =”LINE 보내기”/> </ a> 홈페이지 에서 지원하는 워드프레스 템플릿 소스 안의 URL값, Width값, Height값을 지정하여 넣어 주시면 나타납니다.

Read More

셀럽워드프레스입니다. 오늘은 워드프레스 팁으로 카카오톡, 카카오스토리 연동하는 법에 대해 알려드릴까 합니다. 워드프레스에 카카오톡 연동을 위해 필요한 준비물 1. 카카오톡 오픈 API에서 공개한 자바스크립트 파일 https://developers.kakao.com/docs/js/kakao-api 2. 개발자용 카카오톡 B.I (Brand Identity) https://developers.kakao.com/buttons 적용방법 1. 카카오톡 자바스크립트 파일을 (kakao.link.js) FTP에 업로드합니다. 2. B.I 파일도 image 경로에 업로드해줍니다. 3. header.php 에 js 파일을 불러오기 위한 스크립트 코드를 입력해줍니다. ex) <script type=”text/javascript” src=”./kakao.link.js”></script> <script type=”text/javascript”> function executeURLLink() { /* msg, url, appid, appname, metainfo는 실제 서비스에서 사용하는 정보로 업데이트되어야 합니다. */ kakao.link(“talk”).send({ msg : “카카오링크를 사용하여 메세지를 전달해보세요.; n 줄바꿈”, url : “http://link.kakao.com”, appid : “m.kakao.com”, appver : “2.0”, appname : “카카오”, type…

Read More

셀럽워드프레스입니다. 오늘은 워드프레스 반응형 테스트 시 유용한 다음트로이 서비스를 소개해드릴까 합니다. URL: http://troy.labs.daum.net/ 사용방법: 1. 테스트 하고자 하는 URL을 입력 2. 좌측에서 기종을 선택합니다. (웬만한 모바일 기종은 다 있습니다.) 3. 화면 중앙에 선택한 기종의 실제 아웃풋이 나타납니다. 이전엔 실제 모바일 기종으로 테스트를 해야되는 수고로움이 있었지만, 다음트로이 서비스를 통해 실제 기기가 없이 빠르고 편리하게 반응형 테스트를 할 수 있게 되었네요 혹시나 놓치고 있는 해상도가 있다면.. 지금 바로 확인해보시기 바랍니다. 셀럽워드프레스. 매의눈이었습니다.

Read More

워드프레스 3.8 버전으로 새롭게 단장했습니다. 이번 3.8버전의 명칭은 Parker 인데요. 역시나 재즈 아티스트인  Charlie Parker의 이름을 따왔네요. 이번 워드프레스 3.8 버전의 특징은 크게 3가지로 나눌 수 있습니다. 1. 대쉬보드 디자인 워드프레스의 작업공간이 모던적인 디자인으로 변경됨으로써 가독성이 향상되고 조작이 편해지면서 작업능률을 향상시킬 수 있게 됐습니다. 2. 모바일에서도 동일한 작업환경 이제 모바일환경에서도 PC환경과 동일한 워드프레스 작업환경이 주어집니다. 인터넷만 가능하다면 이제 어느곳에서도 워드프레스를 접하실 수 있습니다. 3. Twenty Fourteen로 기본 테마 변경. 다가오는 2014년을 맞이하여 워드프레스 3.8 버전에서는 기본 테마로 Twenty Fourteen이 주어집니다. 다소 단조로웠던 기존 테마와 달리 Twenty Fourteen 테마는 프리미엄 테마와 견주와 봐도 손색이 없을 만큼 퀄리티가 높아졌습니다. 워드프레스 3.8 버전에 대해 간략하게 소개해드렸습니다.…

Read More