-
Tools 2017‧10‧20
github로 무료 웹호스팅, 미디어 호스팅 이용하기(for 디자이너)
출처 : http://koreawebdesign.com/github-web-hosting-build-guide/ 개인적으로 운영하는 사이트들 중에 서버 이용 때문에 웹호스팅 업체를 전전하던 경우가 종종 있으실 겁니다. 트래픽도 제한 걸리고, 용량도 제한 걸리고, 속도도 제한이 많죠. (물론 비싼 비용의 서비스는 그렇지 않습니다만…) 이번에 정리할 내용은 gitHub에 무료로 기본 웹사이트를 만들어서 올려놓을 수 있는 웹호스팅 또는 미디어 호스팅을 만드는 것입니다. 물론 찾아보시면 여러가지 좋은 가이드가 있지만 저는 설치형 블로그나 db를 […]
-
Javascript, jQuery 2017‧10‧16
JS-현재 위치(지오로케이션) 구글맵 api 에 표시
html5의 지오로케이션(geolocation)을 이용해서 위치를 가져온 후 구글맵에 넣는 코드 html에 아래 엘리먼트를 추가해 준다. <div id="map-canvas"></div> 자바스크립트 부분에 아래 코드를 넣어준다. window.onload = getLocation; function getLocation(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(locationSuccess, locationError, geo_options); }else{ console.log("지오 로케이션 없음") } }; // getLocation var latitude, longitude; function locationSuccess(p){ latitude = p.coords.latitude, longitude = p.coords.longitude; initialize(); } // locationSuccess function […]
-
Javascript, jQuery 2017‧10‧16
JS-(페이스북 API) access token 가져오기
페이스북 API를 이용해서 개발하려고 할 때 access token을 요구한다. 개인 인증이 있고, APP 인증이 있다. 두 용도는 다르다. 개인의 아이디의 친구 목록이나 포스팅을 가져오려면 개인 인증을 이용하고, APP은 아시다시피 페이스북의 APP이다. 그 앱이 게임에 들어가거나 소셜 로그인하거나 하는 운영하는 APP의 사용자들을 대상으로 취하는 용도이다. 개인용 인증 (단! 로그인된 상태여야 한다.) FB.getLoginStatus(function(response) { if (response.status === […]
-
Javascript, jQuery 2017‧08‧31
jQuery - 체크된 라디오 버튼 선택
<input type="radio" name="selectTemplate" value="0"> <input type="radio" name="selectTemplate" value="1"> <input type="radio" name="selectTemplate" value="2"> 이렇게 그룹된 라디오 버튼이 있을 때 선택된 것이 있는지 체크하려면 아래 선택자를 활용하자. $('input[name=selectTemplate]:checked')
-
WP Tip & Tech 2017‧08‧13
포스트 타입 명칭 변경하기
워드프레스의 테마에서 정의한 포스트 타입이 있다. 그 정의된 타입별로 구성요소가 정의되어 포스팅이 되는데 이 포스트 타입 또는 포스트 포맷의 명칭을 변경하기 힘들다. 아래 코드를 활용해서 각 테마폴더의 function.php 에 추가하자. function rename_post_formats($translation, $text, $context, $domain) { $names = array( 'Standard' => '기본글', 'Image' => '배너', 'Link' => '즐겨찾기', 'Gallery' => '사진첩' ); if ($context == […]
-
WP Tip & Tech 2017‧08‧11
워드프레스 번역된 파일 .po .mo 저장 위치
플러그인일 경우 /wp-content/languages/plugins 이 안에 저장 테마일 경우 /wp-content/languages/themes 이 안에 저장
-
WP Tip & Tech 2017‧08‧11
워드프레스에서 발송되는 이메일이 제대로 수신 안되는 현상
theme my login플러그인을 쓰는데 가입 인증 메일이 안간다. 여러가지 현상이 있지만, 요근래 워드프레스가 업데이트 된 후 종종 발생한다. 이유를 찾아보니 https://wordpress.org/support/topic/emails-created-from-tml-not-being-sent/ 이렇게 질문과 답변이 있고, http://www.wpbeginner.com/wp-tutorials/how-to-fix-wordpress-not-sending-email-issue/ 호스팅 서버가 PHP mail () 함수 를 사용하도록 구성되어 있지 않기 때문 입니다. 라고 한다. 대체하는 방법도 써있다.
-
WP Tip & Tech 2017‧08‧02
wp-json 으로 json 호출시 썸네일과 커스텀 필드 받기
사용자 입력 필드나 썸네일 url을 얻어내기 위한 코드이다. 테마의 function.php에 추가한다. add_filter('rest_prepare_post', 'append_acf'); function append_acf($response) { $thumbnail_id = get_post_thumbnail_id( $post->ID ); $thumbnail = wp_get_attachment_image_src( $thumbnail_id ); $_data['featured_image_thumbnail_url'] = $thumbnail[0]; $response->data['acf'] = get_fields($response->data['id']); $response->data['thumbnail'] = $thumbnail[0]; return $response; };
-
Html, CSS 2017‧08‧01
css3 animation 키프레임 멈추기
CSS3로 키프레임 애니메이션을 작동하다가 멈추고 싶을 때가 있다. 대부분 hover나 Class 를 추가하여 멈추는 동작을 넣고 싶을 경우다. -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; -webkit-animation: none !important; 맨 마지막 줄에 -webkit-animation: none 이 있는 이유는 아이폰 ios 사파리에서 paused; 동작이 제대로 작동하지 않는다. 그렇기 때문에 대안으로 만들어진 코드이다.
-
WP Tip & Tech 2017‧07‧31
썸네일 url 가져오기 (다른 방식)
if (has_post_thumbnail()) { $thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'thumbnail_name'); echo $thumb[0]; // thumbnail url } 기존 방식으로 가져오지 못할 때 위와 같은 방식으로 썸네일 경로를 가져올 수 있다.