워드프레스 숏코드 추가 및 활용

워드프레스 숏코드를 추가하고 활용하는 방법은 블로그나 웹사이트의 기능을 확장하는 데 매우 유용합니다. 오늘은 이와 관련해 functions.php 파일의 필요성과 활용 방법, 그리고 Child Theme의 필요성과 Kava 테마에 대한 정보를 상세히 살펴보겠습니다. 워드프레스 숏코드는 다양한 기능을 추가하는 데 도움을 줍니다.

1. Functions.php 파일이란?

워드프레스의 functions.php 파일은 테마의 기능을 확장하고 사용자 정의 기능을 추가하는 데 사용됩니다. 이 파일은 테마의 루트 디렉토리에 위치하며, PHP 코드를 사용하여 다양한 기능을 구현할 수 있습니다.

사용하는 테마에 따라 폴더명이나 포함된 파일 목록은 다소 다를 수 있지만, 아래 그림과 같이 ‘/wp-content/themes/[테마명]’ 에서 functions.php 파일을 확인할 수 있습니다.

2. 숏코드란 무엇인가요?

숏코드는 간단한 문자열로, 복잡한 HTML이나 PHP 코드를 쉽게 삽입할 수 있는 방법입니다. 예를 들어, `

[my_shortcode]

`라는 숏코드를 사용하면 functions.php 에 작성해 둔 ‘my_shortcode’ 에 연결된 함수를 실행시켜, 이 자리에 특정한 문자열을 출력하거나, 이미지 목록을 출력하거나, 그냥 특정한 작업을 수행하게 할 수도 있게 됩니다.

처음에는 복잡해 보일 수 있지만, 익숙해지면 쉽게 접근할 수 있고, 워드프레스 기능을 확장하는데 유용하게 활용되지요.

3. Functions.php에 숏코드 추가하기

functions.php 파일에 사용자 정의 함수를 추가하여 숏코드를 만들 수 있습니다.

예를 들어, 위에서 [my_shortcode] 를 포스트에 기록했다면, 처음에는 그냥 [my_shortcode] 라고 표시가 될 것입니다.

그러나, functions.php 에 아래 코드을 추가하고 나면, [my_shortcode] 자리에 ‘Hello. Good to see you.’ 가 표시됩니다.

function my_shortcode_function() {
    return "Hello. Good to see you.";
}
add_shortcode('my_shortcode', 'my_shortcode_function');

3.1. 사용자 함수 추가하는 위치

functions.php 파일에서 사용자 정의 함수를 추가할 때는 파일의 가장 아래쪽에 추가하는 것이 일반적입니다. 다른 코드와의 충돌을 피하기 위해, 기존 코드는 건드리지 않는 것이 좋습니다. 코드를 추가하기 전에 백업을 꼭 해두세요!

4. Child Theme의 필요성

워드프레스에서 Child Theme은 기본 테마의 기능과 디자인을 수정하고 확장할 수 있는 안전한 방법입니다. 자주 사용되는 테마를 업데이트할 때, 커스터마이징한 내용을 잃지 않으려면 Child Theme을 사용하는 것이 필수입니다. Child Theme을 사용하지 않으면 스타일과 기능이 업데이트 시 사라질 수 있거든요.

조금 더 자세히 정리해 보겠습니다.

기본적으로는 functions.php 파일은 테마 폴더에 있습니다. 테마 폴더에 있는 파일들을 필요에 따라 수정하여 사용하기도 하지만, 이런 경우에는 추후 테마가 보안 강화, 기능 개선 등으로 업그레이드 되면 수정한 파일들을 덮어쓰게 될 수 있어서 업그레이드를 주저하게 됩니다. 그래서, 원래 테마의 기능을 그대로 상속하면서 사용자가 임의로 수정하고, 추후 테마가 업그레이드 되더라도 수정한 내용이 사라지지 않도록 하기 위해 자식 테마 (Child Theme) 을 생성하여 사용하게 됩니다.

위 그림에서 보듯, COOSS.NET 에서는 Kava 테마의 내용을 그대로 상속하는 Kava-child 라는 테마를 별도로 만들어서 사용하고 있습니다.

4.1. Child Theme 만드는 방법

Child Theme을 만드는 것은 간단합니다. 다음 단계를 따라해 보세요:

1. 1. 워드프레스 설치 폴더 내의 wp-content/themes 디렉토리로 이동합니다.
   2. 기존 테마 폴더 내에 새로운 폴더를 만듭니다. 예: kava-child
   3. 그 안에 style.css와 functions.php 파일을 생성합니다.
   4. style.css 파일에는 부모 테마에 대한 정보를 추가합니다:

/*
Theme Name: Kava Child
Template: kava
*/

이제 Child Theme을 활성화하면 추가했던 기능들이 안전하게 적용됩니다.

5. Kava 테마 및 Kava Child 제공

Child 테마를 활성화하면, 부모 테마의 기능을 그대로 유지하면서 자신만의 독특한 웹사이트를 만들 수 있습니다. 또한, 이후에 부모 테마가 업데이트 되면 부모 테마만 교체하면 되고, 자식 테마에서 추가한 함수나 스타일, 템플릿 등은 그대로 계속 사용할 수 있게 됩니다

Kava 테마를 사용할 경우, 이러한 필요를 충족하기 위해서 기본적으로 Kava Child 테마를 함께 제공하는데요. 이는 사용자가 커스터마이징할 필요가 있는 경우, 기본 테마를 변경하지 않고도 많은 기능을 추가할 수 있도록 도와줍니다.

Kava 테마 다운로드 페이지 : https://crocoblock.com/kava/

둘 다 다운로드 받아서 설치한 후에 Kava Child 를 활성화 시키면 됩니다.

6. 요약

워드프레스의 functions.php 파일은 숏코드를 추가하여 블로그의 기능을 확장하는 데 중요한 역할을 합니다. 이 파일에 사용자 정의 함수를 추가하고, Child Theme을 활용하면 안정성과 효율성을 높일 수 있습니다. Kava 테마와 Kava Child 테마의 조합은 사용자에게 많은 유용한 기능을 제공해 줍니다.

[functions.php] : 워드프레스 테마의 기능을 확장하고 사용자 정의 기능을 추가하는 파일.
[숏코드] : 복잡한 HTML이나 PHP 코드를 간단하게 삽입할 수 있는 문자열.
[Child Theme] : 부모 테마의 기능을 수정 또는 확장할 수 있는 안전한 방법.
[Kava 테마] : 다양한 기능을 갖춘 워드프레스 테마, Kava Child가 제공됨.

필요한 경우, 위의 내용들을 잘 활용하여 자신만의 독특한 블로그를 만들어보세요!