-
Korea SNS 쇼트코드 버튼을 우측 정렬 시키기
Korea SNS 의 쇼트코드 기능을 이용하여 글 중간에 버튼들을 삽입하면 기본적으로 좌측에 버튼들이 몰려있다. 첫 번째와 세 번째 버튼 그룹은 기본으로 포스트 상하에 추가되는 버튼이다. 두 번째 버튼 그룹은 쇼트코드로 삽입한 버튼 그룹이다. 쇼트코드 덩어리는 글자가 아니기 때문에 글 편집기에서 아무리 우측으로 정렬하려고 해도 꿈쩍도 하지 않는다. 대신 스타일 시트로 해결할 수 있는데 Korea […]
-
Korea SNS Pro 설치 매뉴얼
Korea SNS Pro는 WordPress 공식 사이트에서 다운로드 받을 수 없고 파일형태로 받아서 직접 설치해야 합니다. 플러그인 파일 압축 해제 메일 등을 통해 받은 korea-sns-pro.zip 파일의 아래와 같이 압축을 해제합니다. 플러그인 파일 업로드 압축 해제된 파일을 폴더(korea-sns-pro) 통째로 업로드 합니다. cafe24 웹호스팅을 기준으로 /www/wp-content/plugins/ 경로안에 업로드하세요. 플러그인 활성화 “워드프레스 데쉬보드->좌측메뉴->플러그인->설치된 플러그인”을 클릭합니다. […]
-
Meta Slider로 멋진 슬라이드 배너를 넣어보자
Meta Slider는 포스트에 슬라이드 배너를 넣어주는 워드프레스 플러그인이다. 플러그인 추가 메뉴에서 무료로 설치할 수 있다. 설치, 활성화 후 Meta Slider 메뉴로 들어가면 텅 비어있다. “Create your first slideshow”라고 적힌 +를 누르면 빈 슬라이더 하나가 생긴다. 그다음 “Add Slide”를 누르면 이미지 선택창이 나타난다. 임의로 사진 3개를 올려보았다. 각 이미지 별로 캡션, 이미지 채우기 옵션, 클릭 시 […]
-
Korea SNS를 위젯에 추가하는 방법
Korea SNS는 기본적으로 포스트나 페이지 또는 요약글 위아래에 배치된다. 글 주변이 아닌 헤더 상단이나 맨 하단 등에 위치하려면 PHP 소스코드를 수정해야 하는데 개발자가 아닌 경우 어려움이 많다. 위젯에 쇼트코드를 사용하여 Korea SNS 버튼을 추가하는 방법을 정리하였다. 설명에 사용된 테마는 기본 포함 테마인 Twenty Sixteen 이다. 다른 테마도 위젯이 있는 경우 응용할 수 있다. 우측 사이드바 […]
-
워드프레스 테마제작 3 – 뎃글 달기
워드프레스 뎃글은 크게 “뎃글 목록” 과 “뎃글 입력폼”으로 구성됩니다. 콘텐츠 하단에 뎃글을 보이려면 콘텐츠 하단에 아래 코드를 추가합니다. <div class=”content”> <h1><?php the_title(); ?></h1> <?php the_content(); ?> </div> <?php comments_template(); ?> 코멘트(뎃글)을 위해 comments.php 를 호출하겠다는 뜻입니다. comments.php에는 아래 코드를 넣습니다. <?php wp_list_comments(); ?> <?php comment_form(); ?> 뎃글 목록과 뎃글 폼을 보이겠다는 것입니다. 어째 좀 […]
-
워드프레스 플러그인 공유하기
직접 만든 테마나 플러그인을 전세계 네티즌들과 공유할 수 있다면 멋질 것입니다. Wordprss.org 사이트에 플러그인을 올리는 방법을 정리해 보았습니다. 아래 페이지에서도 설명이 나와있습니다. http://wordpress.org/extend/plugins/about/ 전체적으로 아래와 같은 순서로 진행됩니다. 플러그인 만들기 -> WordPress에 승인 요청 -> 승인(메일로 결과 받음) -> 플러그인 서버에 업로드 (SVN) 1. 플러그인 형식에 맞게 편집하기 1) 플러그인 소스코드 상단에 아래와 같이 […]
-
워드프레스 – 카카오톡 플러그인 제작
워드프레스 콘텐츠 링크를 카카오톡으로 보내는 기능을 구현해 보았습니다. 검색해 보니 테마에 적용하는 방법들이 많은데 만드는 김에 플러그인에 적용해 보았습니다. 각종 파일, 소스코드는 아래 카톡 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’, […]