워드프레스 Easy-Columns 플러그인

Edited by Leun Kim


블로깅을 하다보면 불가피하게 포스트 또는 페이지에 단을 나누어야 하는 경우가 발생합니다. 이럴 때 워드프레스에서 아주 편리하게 써 먹을 수 있는 플러그인이 바로 WP Easy Columns 입니다. 보통 플러그인의 경우 평판이 5점 만점에 4점 이상이라면 굉장히 좋은 플러그인인데, 이건 무려 4.9점이네요. 일단 플러그인을 설치하고 활성화시키면, 포스트 작성시


와 같은 아이콘을 발견할 수 있습니다. 물론 Short Code도 지원합니다만, 그냥 Visual 모드에서 이걸 클릭해서 하는 편이 훨씬 편할 겁니다. 그러면 다음과 같은 창이 뜨게 됩니다.


기본적으로 많이 사용되는 구성이 미리 선택지로 나오게 됩니다. 보통은 여기서 선택하면 되고, 임의로 변경할 수도 있습니다. 위 창에서 예를 들어 가장 왼쪽의 “1/3 2/3” 를 선택하게 되면 아래와 같이 그에 상응하는 Short Code가 생성됩니다.

여기서 Third Column과 Two Thirds Column에 원하는 텍스트나 이미지 또는 스크립트를 삽입하면 되겠지요. 저같은 경우도 이런 식으로 메인 페이지를 생성할 수 있었습니다. 그렇게 해서 결과를 보면,
 
 

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

 
 
와 같이 단이 나누어 진 것을 확인할 수 있습니다. 굉장히 좋은 플러그인이라 언제 유료로 바뀔지 모르니 얼른 다운받아 놓으세요!

 

 
I was born and raised in Daegu, S. Korea. I majored in electronics and math in Seoul from 2007 to 2012. I've had a great interest in math since freshman year, and I studied PDE in Osaka, Japan from 2012-2014. I worked at a science museum and HUFS from 2014 in Seoul. Now I'm studying PDE in Tokyo, Japan. I also developed an interest in music, as I met a great piano teacher Oh in 2001, and joined an indie metal band in 2008. In my spare time, I enjoy various things, such as listening music, blogging, traveling, taking photos, and playing Go and Holdem. Please do not hesitate to contact me with comments, email, guestbook, and social medias.



9 comments

  • 오 이거 괜찮네요.

    이거 말고 한가지 질문이 있는데요

    The drop-down box includes all the posts in this category.

    요거 기능은 어떻게 활성화시키나요? 어떤 플러그인인지는 모르겠습니다

    • 네, Drop-Down Post List (http://www.dagondesign.com/articles/drop-down-post-list-plugin-for-wordpress) 라는 플러그인을 사용했습니다. 카테고리가 많으면 꽤 귀찮은 작업이 될 수도 있는데요, 저는 아래와 같은 노가다 작업을 했습니다 OTL.

      (1) 위 플러그인을 설치하고 액티브 합니다.
      (2) 드랍다운 박스를 추가하고 싶은 카테고리의 ID 를 알아냅니다. 카테고리 ID를 보는 방법은 맨 아래로…
      (3) 하늘연님의 “일상” 카테고리에 드랍다운 박스를 추가해 봅시다.
      (4) “일상” 카테고리의 ID가 49라고 합시다. 테마 폴더 안의 category.php 를 열어서, 내용 전부를 복사합니다. 메모장 등을 이용해 category-49.php 라는 파일을 만들고 거기에 코드 모두를 복사해 넣습니다.
      (5) category-49.php 안에서 적당한 위치, 예를 들면 아래 그림과 같은 위치에 〈? php echo ddpl_list(’49’); ?〉 를 추가하고 저장합니다.
      (6) 또 〈? php /* Start the Loop */ ?〉 와
      〈? php while ( have_posts() ) : the_post(); ?〉
      사이에 코드를 추가하여 최종적으로
      〈? php /* Start the Loop */ ?〉
      〈? php $archive_query = new WP_Query(‘cat=49&showposts=1000’)
      while ( have_posts() ) : the_post(); ?〉
      와 같이 만들고 저장합니다.
      (7) 이제 category-49.php 를 category.php가 있는 폴더, /themes/테마이름/ 에 올려주면 끝이납니다.

      Category의 ID를 보기 위해서는 Reveal IDs (http://wordpress.org/plugins/reveal-ids-for-wp-admin-25) 라는 플러그인을 이용하시면 됩니다.

  • 안녕하세요
    워드프레스 웹사이트를 수정하며 이곳에서 많은 도움을 받고있습니다.
    허나 도저히 해결이 안되는 부분이 있어 조언을 구할수있을까 하여 이렇게 메일드립니다.
    일단 사이트는 위와 같이 (이후삭제)입니다.
    질문은 아래와 같습니다.

    1. 현재 메인에 업데이트되는 컨텐츠를 누르면 작성된 컨텐츠가 온전히 나오는데
    메뉴를 타고 들어가면 요약된 컨텐츠가 보여 이미지도 잘려나오고 문제가 이만저만 아닌것같습니다. 메뉴를 타고 가도 메인컨텐츠를 눌렀을때처럼 작성된 컨텐츠 전체가 보이도록 하고자 하는데 이 부분이 해결가능할까요?
    워드프레스 업체에 맡겼는데 이렇게 설정해 놓아서 어디서 수정해야할지 모르겠습니다.

    2. 각 메뉴를 누르면 메뉴 밑으로 각 메뉴의 타이틀이 나오는 영역이 나오는데 너무 넓어서 반정도로 줄이고자 하는데 어디서 해야할까요

    3. 작성된 컨텐츠 아래로 SNS공유 버튼이 나열되어 있는데 좌측으로 쏠려있습니다. 우측 정렬로 하려면 어디서 해야하는지 궁금합니다.

    4. 로그인 및 등록에서 오류가 나면 빨간 느낌표 뒤로 오류 사항이 글씨로 나와 무슨말인지 구분을 할 수가 없습니다. 수정하려면 어디서 해야하는지 알려주실수 있을까요?

    5. contact us 페이지의 ‘보내기’의 글자를 일본어로 바꾸고자 하는데 가능한건가요?

    6. 일본어 폰트 설치
    이 부분은 포스팅된 글이 꽤나 많은데 아무리 봐도 모르겠습니다…

    워드프레스 문외한으로 인터넷 찾아가며 하나하나 수정해나가고 있는데 그래도 어려움이 많습니다.
    부디 너그러운 마음으로 한번 들여다 봐주시면 정말 감사하겠습니다.
    수고하십시오.

    • 안녕하세요, 방문해 주셔서 우선 감사드립니다! 음 글쎄요, 일단 기존의 스킨이 아니라, 스킨을 업체쪽에서 직접 만든 듯 하기 때문에 가장 확실한 방법은 그 업체에 문의해 보는 것이겠죠? 저도 초짜이기 때문에 그냥 아는 선에서만 답변해 봅니다.

      1. 일단 지금 카테고리부터 정리하셔야 할 듯 합니다. 먼저 주소에 한글과, 일본어가 영어와 섞여 있습니다. 가령 메뉴의 ソウル旅行のコツ를 클릭했을 때, 주소 표시줄에는 “이후삭제“가 표시되는 반면, 메인에서 그 카테고리 안에 있어야 되는 “추석 연휴 경복궁 관람 안내” 라는 컨텐츠를 직접 클릭하면, “이후삭제” 라는 주소로 이동되게 됩니다. 일단은 이런 주소들부터 영어로 모두 고치시기 바랍니다. 더욱 더 큰 문제는 “추석 연휴 경복궁 관람 안내”라는 포스트가 이와 같이 아무런 카테고리에 소속되지 않고, 그저 root에 있다는 것이지요. 이 포스트는 ソウル旅行のコツ라는 카테고리 안에 있어야 하는 것 처럼 보이는데 말이지요. 일단은 카테고리명, 카테고리 주소, 모든 포스트들을 적당한 카테고리에 넣는 작업이 필요합니다.

      2. 워드프레스 테마라면, style.css에서 “access” 라는 걸 검색하셔서 수정해주시면 됩니다. 현재 사용중인 스킨이 메뉴에 대한 스타일로서 “access”라는 명칭을 사용하고 있다면 말이죠(보통은 그렇습니다). 그러면 스타일시트에서 access 라는 단어를 검색한 후 height 를 조절해 주시면 됩니다.

      3. 이거는 간단합니다. 현재 Luke 님 사이트의 SNS공유 버튼은 Jetpack 이라는 플러그인의 Sharedaddy 를 사용하고 있습니다. style.css에 다음 1줄을 추가해주시면 됩니다.
      div.sharedaddy {float: right;}

      5. 일단 Contact Us와 연결되어 있는 “페이지” 파일을 열으셔서 〈input type=”submit” name=”submit” id=”contactsubmit” class=”cuf_submit” value=”보내기” onclick=”return checkForm(”);” /〉 라는 라인을 찾아서 “보내기”를 수정해 주시면 됩니다.그러면 뭐 이런식으로 글자만 바꿔주시면 되겠지요.

      6. 이 포스트 를 참조해 주세요. 이 이상 자세하게는 무리일 거 같습니다, 그저 폰트 파일을 업로드 하시고, CSS에 약간만 추가하시면 됩니다.

      그런데, 업체에 맡기신 것 치고는 전체적인 퀄리티가 좀 뭐하네요… 뭐 그럼 행운을 빌겠습니다..!

    • 제가 조금 더 추가해서 적어보았습니다.

      1. Leun님이 말씀하신 대로 카테고리 정리도 좀 필요할 듯하고, 원래 그 디자인이 이런 형식인데, 지금이랑 좀 다른 느낌이 나네요. 이건 아마 워드프레스 제작한 사이트에 문의해 보세요.

      2. 이것도 같이 문의해야 할 내용이긴 한데 대충 써보자면 지금 메인 화면에 소스에서 대략 1218번째 줄에 보면 #nav ul ul{width:170px !important} 이게 있는데 여기서 숫자를 조정하시면 됩니다. 근데 이 스타일 지정하는 게 따로 CSS 파일로 있는 게 아니라 어떤 PHP 파일 안에 같이 종속되어 있을 겁니다. 아마 /wp-content/themes/Avada 안에서 찾아보시면 나올 겁니다. 복잡하죠?ㅠㅠ 편법이긴 한데 그냥 /wp-content/themes/Avada/footer.php에 전에 <style>#nav ul ul{width:원하는 만큼px !important}</style> 집어넣으세요. -ㅁ-)

      4. 지금 로그인 틀리게 시도해봐도 빨간 느낌표 같은 게 안 나오네요.??

      5. 아마 /wp-content/plugins/contact-us-form/contact-us-form.php 여기쯤 저런 소스가 있는데 열어서 약 118번째 줄에 \$title = (!empty(\$this->o['submit'])) ? 'value="'.\$this->o['submit'].'"' : ''; 이런 게 있습니다. 이걸 \$title = 'value="送信"'; 이렇게 바꾸시면 됩니다.

  • Αll tеse impacts individually permits a musiciаn
    to listen to the biggest difference which the incorporated sounds
    help make allowing for еach of them effortlesѕly opt for thе sound many enjpyable to them.
    Using software also offers you a more cost effective way to lesarn to play pіano.
    – Help: This is also an important aspect, especiаlly if you arе a beginner annd you have a
    queѕtion.