웹개발/워드프레스 (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 사용하기 간단하게, 구글에서 "구글 폰트 나눔고딕"을 쳐도 가장 상위에 노출됩니다. 아.. 이전 1 다음
