Korea SNS 쇼트코드 버튼을 우측 정렬 시키기

Korea SNS 의 쇼트코드 기능을 이용하여 글 중간에 버튼들을 삽입하면 기본적으로 좌측에 버튼들이 몰려있다. 첫 번째와 세 번째 버튼 그룹은 기본으로 포스트 상하에 추가되는 버튼이다. 두 번째 버튼 그룹은 쇼트코드로 삽입한 버튼 그룹이다.   쇼트코드 덩어리는 글자가 아니기 때문에 글 편집기에서 아무리 우측으로 정렬하려고 해도 꿈쩍도 하지 않는다. 대신 스타일 더보기…

SK 플렛폼 사이트에 적용된 Korea SNS

오늘 무심코 네이버 배너 광고를 클릭 했습니다. 그런데, 눈에 익은 아이콘 조합이 눈에 띄더군요. 바로 확인 들어갔습니다. 역시 워드프레스 사이트로 구축되었고 Korea SNS가 적용되어 있더군요. 서울시, 삼성전자 등 관공서나 대기업들도 워드프레스 쓰는데가 있다던데 Korea SNS까지 적용된 사이트를 보니 반갑더군요. 근데, 이정도 기업이면 유료제품(Pro) 쓰셔도 부담없을듯 한데요 ^^;

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 pro 사용 고객 중 한분이 오류 제보를 해주셔서 소스코드 분석에 들어갔다. 여러 플러그인들을 비활성화 시키면서 테스트한 결과 망보드(비즈니즈 버전) 활성화 상태에서만 korea sns pro의 카카오톡 버튼이 작동되지 않음을 확인하였다.   고객이 직접 망보드에 문의 후 아래와 같은 답변을 받았다. (전달 받은 내용이므로 사실과 다를 수 있음) “카카오 라이브러리를 더보기…

Korea SNS를 위젯에 추가하는 방법

Korea SNS는 기본적으로 포스트나 페이지 또는 요약글 위아래에 배치된다. 글 주변이 아닌 헤더 상단이나 맨 하단 등에 위치하려면 PHP 소스코드를 수정해야 하는데 개발자가 아닌 경우 어려움이 많다. 위젯에 쇼트코드를 사용하여 Korea SNS 버튼을 추가하는 방법을 정리하였다. 설명에 사용된 테마는 기본 포함 테마인 Twenty Sixteen 이다. 다른 테마도 위젯이 있는 경우 더보기…

워드프레스 글편집기 TinyMCE 설치하기

TinyMCE ? 워드프레스에 적용된 글편집기 입니다. 브라우저 호환성과 완성도가 뛰어난 웹용 위지윅 편집기 입니다. 워드프레스 글편집기 툴바에 ? 물음표를 클릭하면 아래와 같은 팝업창이 나옵니다. TinyMCE 라는 이름이 나오는데 Moxicode Systems AB 라는 회사 이름이 나오네요. 워드프레스에는 3.5.8 버전이 적용되었는데, 현재 4.0 버전이 올라와 있습니다. 아래 사이트에서 확인할 수 있습니다. http://www.tinymce.com 더보기…

아마존 EC2에 워드프레스 설치하기

이전글 : 아마존 EC2 서비스 구축하기   이전글에 이어 아마존 EC2 상에 APM을 설치하고, 워드프레스 셋팅하는 과정을 정리하였습니다. 여러 자료들을 보니 yum 유틸로 설치하는 방법들이 나와있었으나 ubuntu를 설치해서인가? 아니면 툴이 바뀌었는지 리눅스에 대해서는 초보라 헤매다가 외국 사이트에서 apt-get으로 설치하는걸 따라했습니다.   1. APM설치하기 우선 sudo su로 root 계정 획득합니다. 이 후 아래 더보기…

워드프레스 테마 제작 5 – 카테고리에 따라 사이드바 조정하기

  내 블로그에 접속하는 사람들은 어떤 루트로 들어올까? 대부분은 검색이나 링크를 통해 들어올 것입니다. 그렇다면 특정 글로 바로 들어올 테고, 더 신경써서 만든 첫 페이지를 보지 않을 수도 있다는 것이지요. 다른 연관된 글들도 소개해 주고 싶은데 이러한 기능을 사이드바에서 주로 합니다. 최근글, 최근 덧글… 등을 통해 해당 글만 보러 온 더보기…

워드프레스 테마제작 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) 더보기…

워드프레스 초보 2 – 스마트폰에서 새 글 쓰기

워드프레스 스마트폰 앱은 다음 사용자 분들에게 유용합니다. – 잦은 외부 활동으로 PC 앞에 있는 시간이 부족하신 분들 – 출퇴근 지하철 등에서 포스팅을 하고자 하시는 분들 – 대부분의 자료를 PC가 아닌 스마트폰, 스마트패드에서 관리하시는 분들 – PC보다 스마트폰이 더 편하신 분들 – PC 웹브라우저의 워드프레스 데쉬보드 조차 복잡하신 분들   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가 설치도어있으므로 아래와 더보기…

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

Syncst  테마제작 10일째 당초 계획은 답글 기능 삽입이었는데, 맘에드는 모바일 플러그인이 없어 직접 모바일 테마를 만들어보기로 했다. 화면 크기에 따라 다른 테마를 불러올 수 있을까? 아직 초보인 관계로 그런 기능은 못찾았다. 여러 선구자들의 자료를 조회한 결과 “반응형 웹“이라고들 하는 것이 뭔지 알게되었다. 처음엔 SK 그룹 사이트에서 봤는데 브라우저 사이즈를 조정하면 더보기…

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

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