본문 바로가기

웹개발/워드프레스

(5)
워드프레스에 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 .. 와 같은식으로 한글 파일명을 영어로 변환하여 업로드하는 방식입니다...
워드프레스 코어에 충실한 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을 사용하면 가져올 수 있지만, 워드프..
워드프레스에 나눔고딕(나눔글꼴) 적용하기 워드프레스에 나눔고딕(나눔글꼴) 적용하기 워드프레스를 설치하고 한글을 사용하면, 기본적으로 굴림체와 바탕체 등이 설정되어 멋진 사이트의 디자인도 보기싫게(?) 바뀌어 버리고 맙니다. 그래서 많은 웹디자이너들이 사용하는 대안 중 하나가 이쁜 웹폰트를 적용시키는 것 입니다. 네이버에서는 나눔글꼴 시리즈를 제공합니다. 이 중 나눔고딕이 웹이나 모바일에서 볼 때 가장 깔끔한 디자인과 가독성을 보여주는 것 같습니다. 이제, 워드프레스에 나눔고딕(나눔글꼴, 나눔바른고딕)을 적용하는 방법을 간단하게 소개하겠습니다. 네이버에서 제공하는 나눔글꼴(나눔고딕, 나눔바른고딕, 나눔명조 등) 1. Google Font Early Access 사용하기 간단하게, 구글에서 "구글 폰트 나눔고딕"을 쳐도 가장 상위에 노출됩니다. 아..