HeidiSQL 다운로드

워드프레스 DB를 조회 및 수정을 하기 위한 도구가 필요로 합니다. HeidiSQL이라는 프로그램을 많이 사용하는데 HeidiSQL을 사용하면 데이터베이스 시스템 중 하나인 MariaDB, MYSQL, Microsoft SQL, PostgreSQL 중 하나를 데이터와 구조를 보고 편집을 할 수 있습니다. HeidiSQL 프로그램은 이곳에서 다운 받으실 수 있습니다.
현재는 HeidiSQL 11.3 버전을 다운받을 실수 있습니다. Installer version 이나 Portable version 아무거나 설치하시면 되겠습니다.

HeidiSQL 실행

계정 로그인

SSL 터널 탭에서 SSL 호스트 + 포트에 서버 아이디를 입력하시고 사용자 이름과 암호, 암호 입력이 개인 키 파일인 경우 개인 키 파일 경로를 선택하여 주시고 로컬 포트에 서버 포트를 입력합니다.

설정 탭에서는 DB 사용자 이름과 암호를 입력하고 열기하여 DB에 접근을 합니다.

DB 접근

조회수(Views) 가 있는 테이블은 wp_postmeta 에서 확인하실 수 있습니다. wp_posts 에서는 해당 글의 ID 를 확인하실 수 있습니다. post_title를 확인하시고 ID 를 우선 확인하시고 wp_postmeta 테이블로 이동합니다.

글 갯수가 많을 경우 오른쪽 상단에 모두 보기 버튼을 클릭한 다음 wp_posts 에서 확인한 ID 와 wp_postmeta 에서 post_id 가 같은 데이터를 확인 한 후 meta_key가 post_views_count 의 meta_value 를 값을 수정하여 주면 됩니다. 조회수를 많게 혹은 초기화 시킬 수 있으니 이 방법을 통해서 수정하시면 됩니다.

The post 워드프레스 글 조회수 Views 초기화 방법 appeared first on Market Traders.

Post-processing of the image failed likely because the server is busy or does not have enough resources. Uploading a smaller image may help. Suggested maximum size is 2500 pixels.

서버가 사용 중이거나 리소스가 부족하여 이미지 사후 처리에 실패했습니다. 더 작은 이미지를 업로드하면 도움이 될 수 있습니다. 권장되는 최대 크기는 2500 픽셀입니다.

문제해결

우선 파일 업로드 할 수 있는 한도를 확인합니다. php.ini 에서 파일 업로드 할 수 있는 용량을 올려줍니다.

# 업로드 파일 하나당 최대 용량. 최대 2047M. 2048M로 지정하면 int 범위를 넘어서 에러 발생하므로 주의 요망.
upload_max_filesize = 128M

# 업로드 요청시 모든 파일과 내용의 최대 전송양. 업로드 용량의 1.3배 정도 권장
post_max_size = 128M

올려줬는데도 문제가 발생할 경우 nginx.conf 파일에서 client_max_body_size 값을 설정합니다. client_max_body_size 0; 으로 설정하면 업로드 파일 사이즈 제한을 하지 않는다는 설정이며 설정 후 nginx 재구동하시면 됩니다.

client_max_body_size 128M;

server {
listen 443 ssl http2;
server_name markettraders.kr;
client_max_body_size 128M;

The post 워드프레스 media library 에 사진업로드 문제 해결 Post-processing of the image failed likely because the server is busy or does not have enough resources. Uploading a smaller image may help. Suggested maximum size is 2500 pixels. appeared first on Market Traders.

add_action('rest_api_init', 'register_rest_images' );
function register_rest_images(){
    register_rest_field( array('portfolio'),
        'featured_image',
        array(
            'get_callback'    => 'get_rest_featured_image',
            'update_callback' => null,
            'schema'          => null,
        )
    );
    register_rest_field( array('portfolio'),
        'featured_thumbnail',
        array(
            'get_callback'    => 'get_rest_featured_medium_image',
            'update_callback' => null,
            'schema'          => null,
        )
    );
}

function get_rest_featured_image( $object, $field_name, $request ) {
    if( $object['featured_media'] ){
        $img = wp_get_attachment_image_src( $object['featured_media'], 'app-thumb' );
        return $img[0];
    }
    return false;
}

function get_rest_featured_medium_image( $object, $field_name, $request ) {
    if( $object['featured_media'] ){
        $img = wp_get_attachment_image_src( $object['featured_media'], 'medium' );
        return $img[0];
    }
    return false;
}

아래와 같은 결과를 확인하실 수 있습니다.

"featured_image": "https://markettraders.kr/wp-content/uploads/2021/03/photo-1604922824961-87cefb2e4b07.jpg",
"featured_thumbnail": "https://markettraders.kr/wp-content/uploads/2021/03/photo-1604922824961-87cefb2e4b07-512x512.jpg",

The post wordress rest api 에 featured image 경로 추가 appeared first on Market Traders.

function rest_adjacent_posts( $response, $post, $request ) {
    global $post;
    $next = get_adjacent_post( false, '', false );
    $previous = get_adjacent_post( false, '', true );
    $response->data['next'] = ( is_a( $next, 'WP_Post') ) ? array( "id" => $next->ID, "slug" => $next->post_name, "title" => $next->post_title ) : null;
    $response->data['previous'] = ( is_a( $previous, 'WP_Post') ) ? array(
        "id" => $previous->ID, "slug" => $previous->post_name, "title" => $previous->post_title ) : null;
    return $response;
}
add_filter( 'rest_prepare_portfolio', 'rest_adjacent_posts', 10, 3 );

wordpress rest api 에는 이전/다음(previous/next) 포스트로 이동하기 위한 데이터가 존재하지 않습니다. 그래서 위의 구문을 function.php 에 추가해주시면 아래와 같은 데이터를 rest api 로 확인할 수 있습니다.

add_filter(‘rest_prepare_portfolio’ 에서 portfolio 는 포스트타입이니 이점 참고해주세요.
add_filter( ‘rest_prepare_{post-type}’, ‘rest_adjacent_posts’, 10, 3 );

"next": {
      "id": 39,
      "slug": "cpt-next-previous",
      "title": "next/previous 포스트로 이동"
    },
"previous": {
      "id": 11,
      "slug": "wordpress-rest-api",
      "title": "wordpress rest api"
},

The post wordpress rest api 커스텀포스트타입에 이전/다음(previous/next) 포스트로 이동하기 위한 필터 추가방법 appeared first on Market Traders.

얼마전 유튜브 채널을 개설했고 블로그에도 Youtube 채널에 올려둔 영상을 출력을 하기 위해서는 Youtube Api Key 를 발급받아야 출력이 가능하다. 아래 사이트에서에서 발급 받을 수 있다. 저는 크롬으로 구글 계정에 로그인하여 사용하기 때문에 큰 인증 없이 접속이 가능했다.

구글 APIs : https://console.developers.google.com

프로젝트 생성

우선 새 프로젝트를 생성한다.

프로젝트 이름에는 youtube 라고 적었고 위치는 따로 설정하지 않았다. 만들기 버튼을 클릭하시면 youtube 라는 프로젝트가 생성된다.

프로젝트 생성후 프로젝트 선택 링크를 클릭하여 프로젝트 세부 설정으로 들어간다.

API및 서비스 사용 설정 링크를 클릭한다.

YouTube Data API v3

Google APIs 에서는 여러가지의 api 를 제공하는데 youtube 라고 검색하여 YouTube Data API v3 을 선택한다.

YouTube Data API v3는 동영상, 재생 목록 및 채널과 같은 YouTube 데이터에 대한 액세스를 제공하는 API 이다. 더 자세한 내용을 확인 하시고 사용하고자 하시는 분들은 아래 링크 가이드 문서를 참고하시면 된다.

가이드문서 : https://developers.google.com/youtube?hl=ko

Youtube Data API v3 사용 버튼을 클릭한다.

API 를 사용하려면 사용자 인증 정보를 추가해야한다. 사용자 인증 정보 메뉴 클릭 > 사용자 인증정보 만들기 > API 키 링크를 순서대로 클릭한다.

API 키가 생성되었다. 이 키를 우선 복사해서 keep 해둔다.

이후 생성된 API 키 목록에 API 키 1개 링크를 클릭한다. 이곳에서 API 키 제한 및 이름 변경을 할 수 있다.

API 를 발급 후 이 키가 다른 애플리케이션에서 사용되지 않도록 제한을 설정하는 부분인데 HTTP 리퍼러(웹사이트) 에서만 동작하고 싶으시면 해당 사이트를 추가하면 됩니다. 저는 블로그에만 사용할 예정이고 크게 제한사항을 안걸어두어도 될 거 같아 없음이라고 선택했습니다. 이 api 키로는 Youtube Data API v3 에서만 사용되도록 키 제한을 걸어두었습니다.

이제 설정이 다 되었고 api 를 사용하시면 됩니다.

할당량

YouTube Data API는 할당량만큼 사용이 가능합니다. 일일 10,000 쿼리를 사용할 수 있으며 어떠한 작업마다 다른 쿼리를 소비 할 수 있으니 아래 문서 참고하셔서 잘 사용하셔야 합니다. 사용자가 많은 사이트의 경우 10,000 할당량은 금방 소비가 됩니다. 저의 사이트는 주말에는 별로 들어오지 않아서 100 도 사용 안했는데 월요일에는 얼마나 소비가 될 지 확인해 봐야겠습니다.

https://developers.google.com/youtube/v3/getting-started?hl=ko

아래 문서 참고하시면 유튜브 할당량 증설하는 방법이 있는데 할당량 늘리는 방법도 쉽지 없습니다.
https://brunch.co.kr/@joypinkgom/104

블로그에서 youtube 피드 출력

제 블로그는 wordpress CMS 를 사용하고 있으며 뉴스페이퍼(newspaper)라는 theme 를 사용하고 있습니다. 뉴스페이퍼는 쉽게 피드를 출력하는 도구가 있습니다. 우선 추가하고자 하는 페이지에서 Edit with TagDiv Composer 를 이용하여 Youtube 를 추가해봅시다.

Video 관련해서는 Vimeo 와 Youtube 를 추가할 수 있는 컴포넌트가 있습니다. Video Playlist 를 선택해서 원하는 위치에 배치합니다.

배치 후 아래와 같은 메시지가 출력되었네요. Theme Panel > Social Networks > YouTube API Configuration 경로에 조금전에 Youtube api Key 를 추가하면 될 거 같습니다.

a Youtube API key has net been provided. Go to Theme Panel > Social Networks > YouTube API Configuration

아래 사진과 같이 api key 를 추가해두었습니다.

이제는 아래의 메시지가 출력되었습니다. youtube playlist 에 설정이 안되어 있어서 그렇습니다.
Channel ID field is empty. Configure this block/widget and enter a youtube channel id

여러가지 출력 옵션들이 존재하지만 저는 Playlist id 를 통해 youtube 피드를 출력했습니다.
Playlist 가 없어서 부랴부랴 playlist 를 생성해서 넣어주었습니다.

Youtube 재생목록 만들기, 재생목록(playlist) id 확인

Youtube 스튜디오 메뉴로 들어와서 재생목록 메뉴를 클릭합니다.
이후 새 재생목록을 클릭하여 재생목록을 생성합니다. 저는 walk tour 라고 생성했습니다.

이제 동영상 세부정보로 들어가서 재생목록에 추가하면 됩니다.

다시 Youtube 스튜디오 메뉴 > 채널 재생목록 메뉴로 들어와서 조금 전에 추가한 재생목록을 클릭하고 해당 페이지의 URL 을 확인합니다. playlist?list= 이후의 텍스트가 Playlist id 입니다.

이제 정상적으로 Youtube 피드가 출력된 것을 확인하실 수 있습니다.

제 유튜브 채널 이름은 walk tour 이고 URL 은 https://studio.youtube.com/channel/UCuAHzkHgPKGfXIy_xqGgE5A 이곳 입니다. 제주의 아름다운 자연 경관이나 관광지를 산책하면서 소소하게 영상을 촬영하고 있습니다. 이글을 보신 분들은 꼭 찾아오셔서 구독과 좋아요 부탁드립니다. ^^ 구독자가 현재 31명이에요. 제발 도와주세요

The post youtube api key 발급방법 및 블로그에 유튜브 재생리스트 출력방법 appeared first on Market Traders.

아래 구문의 rest_prepare_work 에 work는 자신이 생성한 커스텀포스트타입으로 변경하시면 됩니다. 이렇게 function.php 에 추가해주시면 ACF(advanced custom fields)에서 생성한 커스텀포스트필드를 추가할 수 있습니다.

add_filter("rest_prepare_work", function($post) {
    $_data = $post->data;
    $fields = get_fields($_data['id']);

    foreach ($fields as $key => $value){
        $_data[$key] = get_field($key, $_data['id']);
    }
    $post->data = $_data;
    return $post;
});

아래 코드처럼 키를 생성하고 원하는 값을 추가해줄 수도 있습니다.

add_filter("rest_prepare_work", 'acf_rest_prepare_post', 10, 3);
function acf_rest_prepare_post($response, $post, $request) {
    $response->data['name'] = array();
    $response->data['year'] = array();
    $response->data['year'] = get_field('year', $post->ID);
    $response->data['name'] =  get_field('name', $post->ID);
    return $response;
}

추가해준 필드를 rest api 로 쿼리 요청시 원하는 값을 받으려면 아래와 같이 코드를 추가해주면 name으로 입력했던 값을 조회할 수 있습니다. 아래와 같은 주소로 rest api 를 요청할 수 있습니다.

http://site url/index.php/wp-json/wp/v2/work?name=홍길동

add_filter('rest_work_query', function ($args, $request) {
    $name = $request->get_param('name');

    if (!empty($name)) {
        $args['meta_query'] = array(
            'relation' => 'AND',
            array(
                'key' => 'name',
                'value' => $name,
                'compare' => 'RLIKE'
            )
        );
    }
    return $args;
}, 10, 2);

The post advanced custom fields 에서 만든 custom field 를 wp rest api 에 추가하는 방법 appeared first on Market Traders.

"tags": [
      11,
      4
],

아래의 포스트글에는 tag name 만 추가하는 방법을 알려준다.

• https://wordpress.stackexchange.com/questions/241814/wp-api-get-post-with-tag-names-instead-of-tag-ids

function ag_filter_post_json($response, $post, $context) {
    $tags = wp_get_post_tags($post->ID);
    $response->data['tag_names'] = [];

    foreach ($tags as $tag) {
        $response->data['tag_names'][] = $tag->name;
    }

    return $response;
}

add_filter( 'rest_prepare_post', 'ag_filter_post_json', 10, 3 );

하지만 내가 원하는 형태는 id, name 이 포함되어 있는 형태여서 위의 구문을 참고하여 수정하였다.
커스텀 포스트타입의 경우 rest_prepare_post 를 rest_prepare_(custom post type name) 이런 형태로 커스텀 포스트 타입을 적어주면 된다.

add_filter( 'rest_prepare_post', 'ag_filter_post_json', 10, 3 );

function ag_filter_post_json($response, $post, $context) {
    $tags = wp_get_post_tags($post->ID);
    $response->data['tag'] = array();
    $array_tag = array();

    foreach ($tags as $tag) {
        $array_tag['name'] = $tag->name;
        $array_tag['id'] =  $tag->term_id;
        $response->data['tag'][] = $array_tag;
    }
    return $response;
}

위 구문을 function.php 에 입력하고 rest api 주소로 요청하면 아래와 같은 형태로 응답 받을 수 있다.

"tag": [
      {
        "name": "aaa",
        "id": 11
      },
      {
        "name": "bbb",
        "id": 4
      }
    ],

———————————————————————————————–
2021-03-08 추가

위의 구문 조금 변경하였습니다. 태그와 카테고리 텍소노미에 대해서 id, name 을 추가하였습니다.

// 포트폴리오 텍소노미(category, tags) rest api 추가
add_filter( 'rest_prepare_portfolio', 'portfolio_taxonomy_json', 10, 3 );
function portfolio_taxonomy_json($response, $post, $context)
{
    $tags = wp_get_post_terms($post->ID, 'portfolio_tag');
    $categories = wp_get_post_terms($post->ID, 'portfolio_category');

    $response->data['portfolio_tags'] = array();
    $response->data['portfolio_categories'] = array();
    $array_tag = array();
    $array_category = array();

    foreach ($tags as $tag) {
        $array_tag['name'] = $tag->name;
        $array_tag['id'] = $tag->term_id;
        $response->data['portfolio_tags'][] = $array_tag;
    }
    foreach ($categories as $category) {
        $array_category['name'] = $category->name;
        $array_category['id'] = $category->term_id;
        $response->data['portfolio_categories'][] = $array_category;
    }
    return $response;
}

The post wordpress rest api 에 tag id 와 tag name 포함시키는 방법 appeared first on Market Traders.

테마를 설치하고 난 이후에 한번도 업데이트를 진행하지 않아서 레이아웃이 다른 부분이 많았고 그 부분을 하나씩 수정하다가 포스트 작성시 사이드바 옵션에 문제가 있는 것을 확인하였다.

기존에는 사이드바 옵션이 right 라고 지정되어 있어도 사이드바가 출력이 되지 않았는데 업데이트를 하고 난 이후에는 사이드바가 노출되기 시작했다.

기존 작성된 포스트의 사이드바는 disabled로 바꿔 수정해줬지만 새로 작성된 포스트의 사이드바는 right 로 기본 옵션으로 지정되어 있었다. 테마 옵션에는 기본 사이드바 위치를 수정하는 부분을 찾진 못했고 구글에서 찾아보다가 function.php 파일내 아래 코드를 삽입하면 사이드바 옵션을 조절할 수 있다.

disabled 라고 적힌 부분에 left, right 로 바꿔주면 기본 사이드바 옵션이 지정된다. 전 필요없기 때문에 disabled 로 처리했다.

/** function.php */
/**
 * 포스트 sitebar option disabled 로 설정
 */ 
function dt_change_default_sidebar() {
    global $DT_META_BOXES;

    if ( $DT_META_BOXES ) {

        if ( isset($DT_META_BOXES[ 'dt_page_box-sidebar' ]) ) {
            $DT_META_BOXES[ 'dt_page_box-sidebar' ]['fields'][0]['std'] = 'disabled';
        }

    }
}
add_action( 'admin_init', 'dt_change_default_sidebar', 30);

• 참고문서 : https://support.dream-theme.com/knowledgebase/change-default-sidebar-position/

The post wordpress the7 theme 기본 사이드바 위치 수정 appeared first on Market Traders.

유지보수 알림을 나타내려면 워드프레스 루트 폴더에 .maintenace 파일을 생성합니다.
업데이트가 성공적으로 완료되면 .maintenace 파일이 자동적으로 삭제되고 유지보수 모드가 비활성화 되지만 wordpress 호스팅 서버 응답이 늦어지거나 메모리 부족 문제로 업데이트 시간이 초과되어 프로세스가 중단되는 경우가 있는데 이럴 경우 수동으로 .maintenace 파일을 삭제하면 정상적으로 접속이 가능합니다.

The post 워드프레스 코어 업데이트 중 오류 – Briefly unavailable for scheduled maintenance. Check back in a minute. appeared first on Market Traders.

워드프레스 주소 변경하는 방법에는 여러가지 방법이 있습니다. 오늘 알려드릴 내용은 플로그인 설치해서 쉽게 하는 방법과 DB를 내려받아 수정하는 방법을 알려드리고자 합니다.

플러그인으로 워드프레스 주소 변경

처음에는 플러그인으로 변경하는 방법을 택하여 쉽게 워드프레스 주소를 변경했습니다.플러그 이름은 AutoMatic Domain Changer 입니다. 플러그인 > 새로추가 메뉴로 들어와서 검색을 해서 설치합니다. 그리고 활성화 버튼을 눌러주면 설치가 됩니다.

설치 후 도구 > Change Domain 메뉴로 들어가면 설정할 수 있습니다.

Change domain from: 은 현재 자신의 도메인이고 Change domain to: 는 변경될 도메인을 입력합니다.

아래 두 옵션도 클릭해줍니다.

• Change both www.old-domain.com and old-domain.com links
• I have backed up my database, checked the backups integrity, know how to restore it, and will assume the responsability of any data loss or corruption.

그리고 Change domain 을 클릭하면 워드프레스 주소 변경이 됩니다.

데이터베이스 데이터 수정으로 워드프레스 주소 변경

개발환경 사이트가 SSL이 적용된 사이트였는데 위의 방법으로 하니 Mixed Content Error 메시지가 출력되는 것을 확인했습니다. 몇몇의 페이지의 파일들의 주소가 https 로 변경되지 않았습니다. 그래서 완벽하게 에러없이 변경하기 위해서 DB를 내려받아서 직접 URL 을 변경하는 방법을 택했습니다.

저는 HeidiSQL 툴을 가지고 DB를 관리하는데요. DB을 export 해서 URL을 수정 후 DB를 import 하는 방식으로 처리했습니다. HeidiSQL 은 아래 주소에서 다운로드 받을 수 있습니다.

HeidiSQL : https://www.heidisql.com/download.php

HeidiSQL 설치, 로그인 후 해당 사이트의 DB를 선택하고 오른쪽 마우스를 클릭하고 데이터베이스를 SQL로 내보내기를 선택합니다.

선택하시면 내보내기 옵션들이 나오는데 아래와 같이 옵션을 수정 후 저장할 곳을 저장 후 내보내기 버튼을 누르면 DB가 저장됩니다.

텍스트에디터로 sql 파일을 불러온 다음 찾기기능으로 현재 사용중인 URL을 검색합니다. 검색이 완료되면 바꾸기 기능을 통하여 URL을 변경하여 다시 저장합니다.

다시 HeidiSQL 로 돌아와서 기존 테이블들은 삭제를 시킵니다.

파일 > SQL 파일 실행 메뉴를 선택 후 조금전에 저장한 DB 파일을 선택하면 DB 파일을 import 처리 됩니다.

이후 수정된 URL로 접속하면 워드프레스 주소 변경 된 것을 확인하실 수 있습니다.

The post wordpress 워드프레스 주소 변경 방법(feat. plugin, heidiSQL) appeared first on Market Traders.