워드프레스 Wordpress Font Awesome CSS 사용하여 인포그래픽 아이콘...

웹 브라우저에서는 Font Awesome 에서 제공하는 CSS 파일을 이용해서 아이콘을 적용할 수 있는데 .

아래 링크 주소를 클릭하시면 현재까지 나와 있는 모든 아이콘들을 확인해 볼 수 있습니다 .

▼ CDN 서버를 이용하지 않고 웹 서버가 있는 로컬에 다운로드한 파일을 사용하려면 워드프레스의 태그안에 아래 링크 주소를 넣어야 합니다 .

Original full article is here : http://mainia.tistory.com/3620

This email relay from onetopicblog@selfhow.com (onetopicblog@selfhow.com)

댓글

댓글 쓰기

이 블로그의 인기 게시물

전면페이지 모바일 페이지 만들기

이미지
https://iwordpower.com/2016/11/different-front-page-for-mobile-and-pc-in-wordpress/ [워드프레스] 모바일 버전에서 다른 전면 페이지 사용하기 전면 페이지(정적인 홈 페이지, 프런트 페이지)에 슬라이드나 그림이 많아서 로딩에 시간이 많이 걸리거나 모바일 버전에서는 어색하게 표시되는 경우 CSS로 숨기거나 조정하면 되겠지만, CSS로 숨기는 경우 해당 슬라이드 등은 그래도 로딩이 됩니다. 다만 페이지에 표시만 안 될 뿐입니다. 이런 경우 전면 페이지를 PC용과 모바일용을 따로 만들어 접속하는 기기를 체크하여 기! 기에 맞게 적절한 페이지를 표시하는 방법을 생각해볼 수 있습니다. 이 작업을 위해서는 여러 가지로 생각해볼 수 있습니다. wp_is_mobile() 함수 사용을 생각해볼 수 있지만 이 함수는 완벽하지 않고 사용을 자제하는 것이 좋다고 합니다. 이 경우에 Mobile-Detect 라는 PHP 클래스를 사용할 수 있습니다. 이 링크 에서 Mobile-Detect 파일을 다운로드하여 테마 폴더(가급적 차일드 테마 사용) 아래에 FTP를 통해 업로드합니다. 그리고 모바일용 페이지를 하나 만듭니다(예: http://www.example.com/mobile_home). 그런 다음 header.php 파일 맨 위에 다음 코드를 추가하도록 합니다. if( is_front_page() ){ include_once('mobil! e-detect/Mobile_Detect.php'); $detect = new Mobile_Detect(); if ( $detect->isMobile() || $detect->isTablet() ) { $redirect_url = 'http://example.com/mobile_home'; // 모바일용 페이지 경로 header('Location: ' . $redirect_url ...
자세한 내용 보기

블로그 스킨 선택, 어떤 스킨이 좋을까요.

블로그 스킨 선택, 어떤 스킨이 좋을까요. 블로그를 운영하고 있다보면 스킨에 대한 욕심이 조금씩 생기곤 합니다. 모든 사람들이 그런 것은 아닐지 모르지만, 일반적으로 처음 블로그를 시작한 후 가장 많은 시간을 투자하게 되는 것이 블로그 스킨이 아닐까 생각해 봅니다. 그만큼 블로그에 대한 애착이 생기는 시점에서 눈에 가장 띄는 부분은 블로그의 전반적인 분위기를 좌우하는 블로그 스킨이 아닐까요. 네이버 블로그, 다음 블로그, 티스토리 블로그, 워드프레스등 방문자들의 가시적인 효과를 생각한다면 블로그 스킨은 중요해 보일지 모르겠습니다. 사진출처 pixabay 처음 블로그를 개설하고 글을 작성할 때는 어떤 스킨을 가져와도 다 비슷비슷한 모양새와 느낌을 줄 것입니다. 시작후 얼마간은 블로그가 휑하니 내용이 채워지지 않았기에, 블로그 스킨을 다양하게 적용해 본다 한들 받는 느낌은 다 비슷비슷했던 것 같습니다. 물론, 이미 블로그를 운영해본 경험이 있는 사람이라면 앞으로 채워질 글로 인한 블로그의 모양새를 상상하며 블로그 스킨을 취향에 맞게, 분위기에 맞게 선택할 수 있을 것입니다. 하지만, 초기에 설정한 블로그 스킨이 아무리 적절해 보여도 시간이 지날 수록 새로운 블로그 스킨에 대한 욕심은 생기기 마련이 아닐까요. 일반벅으로 블로그 스킨을 선택할 때, 사람들은 두가지 측면을 생각하게 될지 모릅니다. 하나는 내가 좋아하는, 내 취향에 맞는 블로그 스킨을 기준으로 선택할 것입니다. 블로그를 운영하는 것, 그리고 글을 작성하는 것, 이 모든 행위를 위해서는 자신이 운영하는 블로그에 적절한 애착이 생겨야 할텐데, 블로그를 바라보면서 스킨까지 마음에 든다면 더욱 애착이 생겨 확실한 동기부여가 될 겁니다. 둘째로, 블로그에 방문한 방문자들의 가독성을 선택 기준으로 삼는 것입니다. 해드폰의 컬러링을 생각해보면 쉽게 이해가 될지 모르겠습니다. 벨소리는 전화가 왔을 때, 내가 기분좋아지는 소리가 목적이며, 컬러링은 나에게 전화를 건 사람이 기다리는 동안 듣게 될 음악을 선정...
자세한 내용 보기

엔바토 마켓 봄 세일 - 워드프레스 테마, 플러그인, 동영상 템플릿...

엔바토 마켓 봄 세일 - 워드프레스 테마, 플러그인, 동영상 템플릿... 엔바토 마켓 봄 세일 - 워드프레스 테마, 플러그인, 동영상 템플릿, 음악 파일 등 워드프레스 테마와 플러그인, 각종 웹사이트 템플릿(HTML 포함), 각종 코드, 동영상 템플릿과 음악 파일, 그래픽 파일 등을 판매하는 엔바토 마켓(Envato Market)에서 봄을 맞이하여 일부 항목에 대하여 40% 할인 이벤트를 실시하고 있습니다. 워드프레스 테마의 경우 X, TheGem, ListingPro, XStore, Car Dealer 등이 할인 품목에 포함되었습니다. 워드프레스 프러그인의 경우에는 Ultimate Membership Pro, Modal Survey, Easy Social Share Buttons for WordPress 등이 할인 대상 품목으로 선정되었습니다. After Effects, Premier Pro, Motion Graphics, Apple Motion 등에 사용할 수 있는 동영상 템플릿도 일부 품목을 40% 할인된 가격에 구입할 수 있습니다. 개인적인 경험상 저렴하다고 필요하지 않은 테마를 구입했다가 사용하지 않고 방치하는 테마가 있습니다. 저렴하다고 구매하지 말고 필요한 항목인지 따져보고 구입하시기 바랍니다. 참고로 엔바토 마켓에서 구입하는 워드프레스 테마와 플러그인은 기본 6개월 간 지원이 제공되며, 지원이 종료된 후에도 업데이트는 계속 받을 수 있습니다. 구입 과정에서 Extend support to 12 months 옵션을 선택하면 지원이 6개월 연장되어 총 12개월 동안 지원을 받을 수 있습니다. 유료 워드프레스 테마와 플러그인은 1개 사이트에만 사용할 수 있습니다. 자세한 라이선스 정보는 "Envato Market의 Standard 라이센스(Regular 라이선스 vs. Extended 라이선스) - 워드프레스 라이센스 이해"를 참고해보세요. 워드프레스를 처음 접하시는 경우 먼저 서점에서 책을 하나 구입하...
자세한 내용 보기