워드프레스 – 카카오톡 플러그인 제작

    워드프레스 콘텐츠 링크를 카카오톡으로 보내는 기능을 구현해 보았습니다. 검색해 보니 테마에 적용하는 방법들이 많은데 만드는 김에 플러그인에 적용해 보았습니다. 각종 파일, 소스코드는 아래 카톡 API 사이트에서 구할 수 있습니다. http://www.kakao.com/link/ko/api?tab=mobile   1. Jquery 링크 걸기 테마에 적용할 때는 아래와 같습니다. <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.7.2.min.js”></script> 워드프레스에는 기본적으로 Jquery가 설치도어있으므로 아래와 플러그인에서는 아래와 같이 구현합니다. add_action(‘init’, ‘my_plungin_init’); function my_plugin_init(){ wp_enqueue_script(‘jquery’); } 2. 카카오톡 스크립트 링크 걸기 카톡API 사이트에서 “kakao.link.js”파일을 다운로드받아 플러그인 폴더에 넣어줍니다. 아래와 같이 링크를 Read more…

By kimsreal, ago

워드프레스 테마 제작 2 – 모바일 웹

Syncst  테마제작 10일째 당초 계획은 답글 기능 삽입이었는데, 맘에드는 모바일 플러그인이 없어 직접 모바일 테마를 만들어보기로 했다. 화면 크기에 따라 다른 테마를 불러올 수 있을까? 아직 초보인 관계로 그런 기능은 못찾았다. 여러 선구자들의 자료를 조회한 결과 “반응형 웹“이라고들 하는 것이 뭔지 알게되었다. 처음엔 SK 그룹 사이트에서 봤는데 브라우저 사이즈를 조정하면 해당 사이즈에 맞게 사이트 구조가 재구성 되는 것이었다. javascript를 썻을 것이라고 생각했는데, 이제보니 css로 간단히 해결된다는걸 알게되었다. @media screen and (min-width: 611px) { .wrap{ width:960px; Read more…

By kimsreal, ago

워드프레스 테마 제작 – 홈 화면 글요약과 썸네일 이미지

Syncst 워드프레스 테마 제작 3일째 여러 난관 중 excerpt 를 넘고 있습니다. 괜찮은 테마들은 쉽게 썸네일 이미지 처리하는데 그대로 넣어도 잘 안되네요. 결론! 정석도 좋지만 매커니즘을 이해한다면 그냥 만들어 보는 것도 좋을 듯 합니다 ^^; <?php if( !is_single() && !is_page() ){ ?> <div class=”excerpt-box”> <span class=”excerpt-subject”>   <a href=”<?php the_permalink(); ?>”>     <?php the_title(); ?>   </a> </span> <div class=”excerpt-content”>   <?php get_first_image(); ?>   <?php the_excerpt(); ?>  <span class=”excerpt-date”>     Update : Read more…

By kimsreal, ago