본문 바로가기

전체 글

 (110)
워드프레스에 Font Awesome으로 인포그래픽 아이콘 넣기 안녕하세요! Jinnovator입니다. 오늘은 워드프레스에 Font Awesome을 적용시키고 활용하는 방법에 대해 알아보겠습니다. 아래 버튼에 들어간 아이콘은 어떻게 넣었을까요? Font Awesome은 아이콘은 "폰트"로 쓸 수 있는 것입니다. 이미지로 넣어도 되는데 왜 꼭 폰트를 사용해야 하는가에 대해 의구심을 품는 분들이 계실 것입니다. 폰트의 장점이라면? 1. 색깔, 크기를 글씨와 함께 마음대로 지정할 수 있습니다. 2. 별도의 이미지 파일이 필요 없습니다. 3. 벡터이기 때문에 확대를 해도 아이콘이 깨지지 않습니다. 이 Font Awesome은 워드프레스 뿐 아니라, 모든 웹사이트에 적용 가능합니다. http://fortawesome.github.io/Font-Awesome/ 현재 2015년 ..
워드프레스 한글 파일명 업로드 실패시 유용한 플러그인 아파치, Nginx 등의 서버 설정에서 인코딩이 UTF-8로 설정되어 있지 않은 경우, 한글 파일 업로드 시 업로드를 실패할 수 있습니다.여기에서 두 가지 플러그인을 소개해 드릴테니, 입맛에 맞는 방식으로 골라서 쓰시면 될 것 같습니다. 1. 실제 파일명 DB 저장 - 저장되는 파일명 Hash이 경우, 이미지를 다른이름으로 저장할 때 ec82aceba789-eab7b8eba6bc.jpg 와 같은 형식으로 저장됩니다.영팔군님의 블로그에서 배포하므로 스샷과 링크 걸겠습니다!http://082net.com/2012/1024/워드프레스에서-한글-이름-파일-업로드/ 2. 초성-중성-종성을 알파벳으로 매칭하여 서버에 저장ㄱ=> k, ㄲ=>kk .. 와 같은식으로 한글 파일명을 영어로 변환하여 업로드하는 방식입니다...
구글 애드센스 키워드로 광고 타게팅해서 수익을 높여보자 일반적으로 구글 애드센스를 사용할 때 스크립트를 넣어두고, 어느 위치가 적절할지에 대한 고민을 많이 하여 광고를 배치합니다. 그리고 클릭율과 클릭당 금액이 낮아 조회수에 비해서 높은 수익을 얻기 위한 고민을 많이 하죠. 구글에서는 웹사이트의 내용을 수집할 때, 섹션을 설정하여 광고의 키워드를 정할 수 있는 기능을 제공합니다. 티스토리의 경우, 아래와 스킨 HTML 설정에서 본문 내용 앞뒤에 섹션을 설정합니다. 위와 같이 설정하면, 구글 애드센스에서 광고를 가져올때 본문 내용 위주로 가져오게 되므로, 연관성이 높은 광고가 게재되어 클릭율이 높아지겠죠. 여기에 클릭율을 더 강화하고 싶으면, 아래와 같이 키워드를 직접 넣어서 추가해주세요. 자동차, 대출, 의료, 금융 ... 내용과 상관없이 클릭당 금액이 높은..
워드프레스 코어에 충실한 URL 파라미터 추가 방법 워드프레스 플러그인 또는 테마를 개발하면서, Rewrite 사용 시에 permanent_link에 대한 주소 처리가 신경 쓰일 수 있습니다.예를 들어, 현재 페이지의 URL에 &mode=write를 추가하고자 할 경우 &mode=write&mode=write&mode=write&mode=write이런 방법들이 있겠죠. 이렇게 했을때 Permalink 세팅을 바꾸면 어떻게 될까요? Rewrite를 사용해도 해당 파라미터는 적용이 안되겠죠?다음의 방식을 적용하면, Rewrite 사용시에도(물론 add_filter( 'page_rewrite_rules', '' ); 를 통해 rewrite rules를 수정해 줘야겠죠.), Permalink Common Setting을 변경시에도 깔끔하게 처리되며, 워드프레스 ..
워드프레스 URL에 사용자변수 추가하기 get_query_var 워드프레스의 페이지에 사용자 변수를 추가하는 방법을 설명해 드립니다.Permalink setting이 Default로 되어 있다면, 페이지 화면에서 아래의 주소가 보일 겁니다. http://yourwordpress.com/?page_id=87 여기에 mode라는 변수를 넣어서 페이지에서 감지를 하고 싶어서 "&mode=write&article=jinnovator-parameter-test" 를 붙여 보았습니다. 주소 : http://localhost/wordpress/?page_id=87&mode=write&article=jinnovator-parameter-test 하지만, get_query_var( 'mode' ) 함수에서 해당 값을 불러오지를 못하네요.$_GET을 사용하면 가져올 수 있지만, 워드프..
SCRIPT5009: 'JSON'이(가) 정의되지 않았습니다. SCRIPT5009: 'JSON'이(가) 정의되지 않았습니다. jquery-2.0.0.min.js, 줄 4 문자 2586 SCRIPT5009: 'jQuery'이(가) 정의되지 않았습니다. jquery-migrate-1.1.1.js, 줄 6 문자 1 SCRIPT5007: 'jQuery' 속성 값이 null이거나 정의되지 않았습니다. Function 개체가 아닙니다. homepage.js, 줄 14 문자 1 SEC7115: :visited와 :link 스타일은 색으로만 구별할 수 있습니다. 일부 스타일은 :visited에 적용되지 않았습니다. SCRIPT5009: '$'이(가) 정의되지 않았습니다. homepage.js, 줄 208 문자 3 jQuery를 사용하여 코딩하다가 이러한 상황이 벌어지니까 참 난감..
[해결방법 총정리] Warning: URL file-access is disabled in the server configuration in Warning: require_once() [function.require-once]: URL file-access is disabled in the server configuration in ...Warning: file_get_contents() [function.file-get-contents]: URL file-access is disabled in the server configuration in ...Warning: getimagesize() [function.getimagesize.php]: URL file-access is disabled in the server configuration in ...PHP(워드프레스)에서 files_get_contents, fopen, include 등을 ..
워드프레스에 나눔고딕(나눔글꼴) 적용하기 워드프레스에 나눔고딕(나눔글꼴) 적용하기 워드프레스를 설치하고 한글을 사용하면, 기본적으로 굴림체와 바탕체 등이 설정되어 멋진 사이트의 디자인도 보기싫게(?) 바뀌어 버리고 맙니다. 그래서 많은 웹디자이너들이 사용하는 대안 중 하나가 이쁜 웹폰트를 적용시키는 것 입니다. 네이버에서는 나눔글꼴 시리즈를 제공합니다. 이 중 나눔고딕이 웹이나 모바일에서 볼 때 가장 깔끔한 디자인과 가독성을 보여주는 것 같습니다. 이제, 워드프레스에 나눔고딕(나눔글꼴, 나눔바른고딕)을 적용하는 방법을 간단하게 소개하겠습니다. 네이버에서 제공하는 나눔글꼴(나눔고딕, 나눔바른고딕, 나눔명조 등) 1. Google Font Early Access 사용하기 간단하게, 구글에서 "구글 폰트 나눔고딕"을 쳐도 가장 상위에 노출됩니다. 아..

티스토리툴바