본문 바로가기

Wordpress/워드프레스 노하우

 (33)
워드프레스 Kboard 깨짐현상 해결법 워드프레스 Kboard 깨짐현상 해결법 안녕하세요. 매의눈입니다.롱타임노씨입니다.간만에 워드프레스 관련 포스팅을 할까 하는데요... 오늘은 최근에 저를 애먹엿던 kboard 깨짐현상 해결법에 대해 알려드릴까해요. # 현상→ 분명히 편집할때 kboard 위에 이미지를 삽입했는데..페이지를 보면 아래 사진과 같이 이미지가 kboard 아래에 배치되는 충격과 공포의 기이한 현상. # 해결방법→ 대쉬보드- kboard 게시판 설정에서 "특정 테마 레이아웃 깨짐 방지" 를 비활성화 해주시면 됩니다. 무조건 발생하는 오류는 아니고.. 특정 테마에서 간간히 발생하는 오류인데요..그땐 이와 같이 특정 테마 레이아웃 깨짐방지가 활성화 되어있는지 먼저 확인해보시기 바랍니다. 이상. 굿투시유어게인 바이 짜이찌엔 사요나라 매..
워드프레스 자식테마(Child Theme) 만들기 워드프레스 자식테마(Child Theme) 만들기 워드프레스 자식테마 만드는 방법에 대해 알려드리겠습니다. 전 enfold 테마로 실습하겠습니다. 첫째, 폴더를 만든다. (ex, enfold-child) 둘째, style.css 파일을 생성한다. (메모장을 추천드립니다.) /* Theme Name: Twenty Eleven Child ◀ 자식테마명 Theme URI: http: //example.com/ ◀ 해당 사이트 주소 Description: Child theme for the Twenty Eleven theme ◀ 설명 Author: Your name here ◀ 내이름.. Author URI: http: //example.com/about/ ◀ 내 사이트.. Template: twentyelev..
워드프레스에 네이버 라인 연동하기 워드프레스에 네이버 라인 연동하기 안녕하세요. 매의눈입니다. 이번에는 카카오톡 링크에 이어 워드프레스 네이버 라인 연동하는 방법에 대해 알려드릴까 합니다. 네이버 라인은 카카오톡 링크와 달리 굉장히 쉽고 빠르게 적용할 수 있답니다 :) 준비물: 라인 버튼 이미지 http://media.line.me/img/linebutton_en.zip - 적용방법 - 1. 라인공유버튼 설치 가이드 페이지에 접속합니다. (한글페이지는 없고 영문, 일문페이지가 있는데 필요 시 번역툴을 사용하시기 바랍니다.) http://media.line.me/howto/en/ 2. 페이지 하단에 아래 사진과 같이 For Wordpress Templates 소스를 복사합니다. 3. 위 소스를 활용하여 원하는 위치에 소스를 붙여줍니다. 그..
워드프레스에 카카오톡 링크 연동하기 워드프레스에 카카오톡 링크 연동하기 안녕하세요.매의눈입니다.오늘은 간만에 워드프레스 팁을 포스팅할까합니다. 오늘의 주제는국내 SNS 서비스중에서 가장 영향력있는카카오톡, 카카오스토리 링크 연동하기 입니다.(모바일에서만 작동합니다.) 1. 준비물 1) 카카오톡 오픈 API 페이지에서 제공하는 JS파일http://www.kakao.com/services/api/kakao_link 2) B.I 이미지http://www.kakao.com/bi/kakaotalk_icon.zip 2. 적용방법 가) FTP를 통해 서버에 js 파일 및 B.I 이미지를 업로드합니다. 나) Header.php 에 js파일을 불러오기 위한 스크립트 코드를 넣어줍니다. 다) 실제 카카오톡, 카카오스토리 버튼을 삽입할 구간에 링크소스를 입력..
워드프레스 php소스에 숏코드에 넣기 워드프레스 php소스에 숏코드에 넣기 매의눈입니다.오늘은 짦막하게 워드프레스 팁을 포스팅할까합니다. 바로..php소스에 숏코드를 넣는 방법인데요.. 위와같은 소스를 php 파일에 넣으면 해당 영역에 숏코드를 불러올 수 있습니다.저같은 경우 손보기어려운 탑메뉴 영역이나 네비게이션 영역..보통 header.php 파일에서 많이 사용한답니다. 내용은 간결하지만 유용한팁이므로 부랴부랴 포스팅합니다. 워드프레스 열렙중인 매의눈이었습니다.
워드프레스 폰트 정복하기(@font-face) 워드프레스 폰트 정복하기(@font-face) 매의눈입니다. 이번 포스팅은 저번 워드프레스 구글 웹폰트 적용 방법에 이어 두번째 폰트 변경 포스팅으로 @font-face 코드를 이용한 임의의 폰트 변경 방법에 대해서 알려드릴까합니다. 저도 워드프레스를 공부하는 입장으로서 하기 내용중 오류가 있는 부분이나 설명이 미흡한 부분에 대해서는 이해해주시면 감사하겠습니다. 해당 내용은 워드프레스 카페 (cafe.naver.com/wphome/) 및 구글검색을 통한 정보를 토대로 알려드립니다. Chapter2. @font-face로 임의의 폰트를 워드프레스 적용하기 1) TTF(트루타입) 폰트를 준비합니다. 저는 다음체(바로가기)를 준비했습니다. 2) 브라우저 별로 폰트를 지원해주기 위해 ttf 폰트 파일을 otf,..
워드프레스 폰트 정복하기(구글웹폰트) 워드프레스 폰트 정복하기(구글웹폰트) 안녕하세요. 매의눈입니다.오늘은 간만에 워드프레스 관련 팁을 알려드릴까합니다. 주제는.. 워드프레스 폰트 정복하기!워드프레스 폰트 관련해서 검색해보시면 구글웹폰트니...모빌리스니.. 헷갈리고 머리 아픈 분들이 많을겁니다.. 그래서 제가 조금이나마 이해를 돕기위해 최대한 쉽게 워드프레스 폰트 변경에 대해서 알려드리겠습니다. 워드프레스 폰트 정복하기 Chapter1. 구글웹폰트로 변경하기. 1) http://www.google.com/fonts/earlyaccess 로 접속합니다. 2) Ctrl+F 찾기기능으로 나눔글꼴을 검색합니다. 3) 나눔고딕 글꼴 내용중 "Link" 박스에 있는 내용을 복사합니다.@import url(http://fonts.googleapis.co..
워드프레스 익스플로러 호환성 오류 해결방법 워드프레스 익스플로러 호환성 오류 해결방법 워드프레스는 크로스브라우징이 강점인 플랫폼이죠. 하지만 익스플로러에서는 사용하는 버전, 호환성보기 on/off 여부, 문서모드의 버전에 따라서 웹사이트의 구현결과가 오류가 생기기도 합니다. 오늘은 이와같이 워드프레스가 익스플로러에서의 호환성 문제가 발생했을 시 해결하는 방법에 대해서 알려드리겠습니다. 설명을 드리자면, 익스에서 "F12" 버튼 or 마우스 우클릭 "소스보기"를 클릭하면 위 사진과 같이 하단에 Bar가 생성됩니다. 여기서 빨간색 박스와 같이 문서모드: 표준 으로 잡혀있으면 워드프레스를 익스플로러에서 봐도 전혀 문제가 되지 않습니다. 하지만 간혹 이 문서모드가 표준으로 잡혀있지 않고 하위 메뉴 중 임의로 잡혀있는 경우가 있는데요. 이럴때 문서모드: ..

티스토리툴바