본문 바로가기

셀럽워드프레스

 (21)
워드프레스 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가 생성됩니다. 여기서 빨간색 박스와 같이 문서모드: 표준 으로 잡혀있으면 워드프레스를 익스플로러에서 봐도 전혀 문제가 되지 않습니다. 하지만 간혹 이 문서모드가 표준으로 잡혀있지 않고 하위 메뉴 중 임의로 잡혀있는 경우가 있는데요. 이럴때 문서모드: ..
The7 — Responsive Multi-Purpose WordPress Theme 테마이름: The7 — Responsive Multi-Purpose WordPress Theme테마제공: Themeforest.net테마비용: $55테마샘플: http://themeforest.net/item/the7-responsive-multipurpose-wordpress-theme/5556590?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=Dream-Theme테마특징: Visual Composer를 이용한 페이지빌더 스타일의 테마.-> 최근 테마를 살펴보면 Visual Composer 플러그인을 기반으로 한 페이지구성이 많습니다.Visual Composer에 내용은 http://4eye.tistory.com/78 에 포스팅했으니 궁금하신분은 참고하시기..
워드프레스 주소 뒤에 /wp 없애는 방법 워드프레스 주소 뒤에 /wp 없애는 방법 안녕하세요.간만에 워드프레스 관련 포스팅을 할까합니다.오늘 포스팅 내용은 워드프레스 사이트 주소 뒤에/wp 를 지우는 방법입니다. 일단, 왜 워드프레스 주소 뒤에 /wp가 생길까요?워드프레스 공식 사이트에서 워드프레스 프로그램을 직접 다운받아FTP에 설치하는 방법으로 워드프레스를 설치하면/wp가 생기지 않으나, 카페24에서 워드프레스 자동설치를 통해서워드프레스를 설치하신분들은 /wp가 생깁니다. 자 그럼, 워드프레스 주소뒤에 /wp는 어떻게 없앨까요? Step1. 워드프레스 대쉬보드에서설정-일반-사이트주소(URL)에서 뒤에 /wp를 지웁니다. Step2. FTP에 접속하여 /www/wp 폴더안에 있는 index.php를 다운받습니다. Step3. 다운받은 inde..
워드프레스 멀티사이트 만들기 워드프레스 멀티사이트 만들기 티스토리는 계정 하나에 여러 사이트를 만들수 있습니다. 워드프레스 또한 하나의 도메인으로 여러개의 워드프레스 사이트를 만들수 있죠. 바로 멀티사이트 기능을 통해서죠. 오늘은 워드프레스 멀티사이트 만드는 방법을 알려드리겠습니다. Step1. FTP로 /www/wp/wp-config.php 엽니다. Step2. wp-config.php 파일에서 /* That’s all, stop editing! Happy blogging. */ 라는 문구를 찾고 바로 윗줄에 define('WP_ALLOW_MULTISITE', true); 를 추가 후 업로드합니다. Step3. FTP 작업이 끝나고 워드프레스 대쉬보드에 가시면 도구 - "네트워크 설치" 가 새롭게 생긴걸 볼 수 있습니다. 클릭합니..
워드프레스 핀터레스트(Pinterest) 구조 테마 소개 워드프레스 핀터레스트(Pinterest) 구조 테마 소개 매의눈입니다. 핀터레스트(Pinterest)가 무엇인지 아시나요? 핀터레스트는 미국의 소셜네트워크서비스로 페이스북, 트위터와는 달리 이미지 기반의 SNS입니다. 요즘 웹서핑을 하다보면 바로 이 핀터레스트 구조의 웹페이지를 많이 접하실 수 있는데요. 워드프레스 테마중에도 핀터레스트 구조의 테마가 있어서 소개해드릴까합니다. 워드프레스 핀터레스트 구조 테마 1. Vivo - Responsive WordPress Portfolio http://themeforest.net/item/vivo-responsive-wordpress-portfolio/2967191?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=Mush..

티스토리툴바