코드 및 디자인 레퍼런스


  • 워드프레스 구텐버그 로드 비활성화
    워드프레스 구텐버그 로드 비활성화
    노트@867.210806
    function smartwp_remove_wp_block_library_css(){
       wp_dequeue_style( 'wp-block-library' );
       wp_dequeue_style( 'wp-block-library-theme' );
    }
    add_action( 'wp_enqueue_scripts', 'smartwp_remove_wp_block_library_css' );

    특정 목적에 따라 워드프레스의 Gutenberg 에디터가 불필요할 경우가 있다. 그럴때 보통 Classic Editor 를 설치하기도 한다. 하지만 프론트엔드에서는 여전히 Gutenberg 관련 스크립트가 로드 되는것을 볼 수 있다. 확실히 Gutenberg를 비활성화 하여 사이트 로드를 조금더 빠르게 하고자할때 사용하면 좋다.

  • OpenLiteSpeed 엔진에서 퍼멀링크 재정의
    OpenLiteSpeed 엔진에서 퍼멀링크 재정의
    노트@813.210718

    OpenLiteSpeed 엔진 사용시 워드프레스 퍼멀링크를 변경하면 오류가 생기는 경우가 있다.  Nginx 또는 Apache 엔진은 퍼멀링크 규칙을 변경하면 .htaccess 자동으로 재작성하여 별다른 작업 없이 적용 가능하다. 하지만 LiteSpeed 엔진 계열 같은 경우는 반드시 엔진을 다시 시작해 주어야 변경된 .htaccess가 정상 적용된다.

  • 캐시 예외 설정
    캐시 예외 설정
    노트@786.210715
    index.php?rest_route=/contact-form-7/v1/contact-forms/759/refill

    워드프레스 각종 캐시 설정시 Contact Form 7 관련 예외처리 URL

  • the_content() 본문 이미지 추출
    the_content() 본문 이미지 추출
    노트@766.210618
    function get_first_image() { 
       global $post, $posts; $first_img = '';
       ob_start(); ob_end_clean();
       $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
       $first_img = $matches[1][0];
       return $first_img;
    }

    특성 이미지를 사용하지 않을때 목록에서 썸네일로 활용

  • TXT Record로 Let’s Encrypt SSL 인증서 발급
    TXT Record로 Let’s Encrypt SSL 인증서 발급
    노트@761.210616
    certbot certonly -d domain.com --manual --preferred-challenges dns

    인증서 발급시 A레코드 갱신 대기, 누락 등의 이유로 인증되지 않을 때 TXT레코드로 시도하여 정상 발급하기

  • Search Meter와 Relevanssi 연동
    Search Meter와 Relevanssi 연동
    노트@760.210616
    function switch_search_meter_priority() { 
      remove_filter( 'the_posts', 'tguy_sm_save_search', 20 );
      add_filter( 'the_posts', 'tguy_sm_save_search', 100 ); 
    }
    add_action( 'init', 'switch_search_meter_priority' );
    

    Search Meter 업데이트 중단으로 보안 이슈 발생하여 코드 폐기

  • Android 웹뷰 구글 로그인 이슈
    Android 웹뷰 구글 로그인 이슈
    노트@645.201119
    webView.getSettings().setUserAgentString("app.name");

    웹뷰 사용시 UserAgent 추가하여 구글 로그인 지원

  • Ajax 댓글 시스템이 업데이트되었습니다.
    Ajax 댓글 시스템이 업데이트되었습니다.
    소식@511.201115

    Ajax 비동기 방식 댓글 등록

    워드프레스의 기본 내장되어 있는 댓글 시스템은 동기화 방식으로 등록 또는 삭제 시 페이지가 갱신되어 다소 오래된 사용자 경험을 제공합니다. Ajax를 사용하여 비동기 방식으로 댓글을 등록하도록 업데이트하여 변경된 정보를 페이지 갱신 없이 즉각 반영하도록 업데이트하였습니다.

    Front-end 댓글 삭제

    워드프레스 기본 내장되어 있는 댓글 시스템은 등록 이후 Front-end에서 삭제 할 수 없었습니다. 이번 업데이트는 등록 후에도 자신이 작성한 댓글은 언제든지 삭제 할 수 있도록 변경하였습니다. 단, 비회원일 경우 이전과 동일하게 등록 후에는 댓글을 삭제 할 수 없습니다.

    Front-end 비공개 댓글 등록

    워드프레스 기본 내장되어 있는 댓글 시스템은 비공개 기능을 제공하지 않습니다. 이번 업데이트를 통해 댓글을 비공개로 지정할 수 있습니다. 비공개로 지정된 댓글은 게시물 원작자와 댓글 작성인 본인만 확인할 수 있습니다. 단, 비회원일 경우 게시물 원작자만 비공개 댓글을 확인할 수 있습니다.

  • 글로벌 서비스를 염두한다면 CDN을 구축하세요 Cloudflare + WordPress
    글로벌 서비스를 염두한다면 CDN을 구축하세요 Cloudflare + Wo…
    미분류@506.201105

    …… 게시글을 계속 작성중입니다.(__)

  • 잔프레스 홈페이지가 리뉴얼되었습니다.
    잔프레스 홈페이지가 리뉴얼되었습니다.
    소식@308.201104

    안녕하세요!

    잔프레스 홈페이지가 새롭게 리뉴얼 되었습니다.

    워드프레스를 이용한 다양한 솔루션으로 확장할 수 있도록 새로운 기능과 UI 등을 추가하고 업데이트하였습니다.  더 많은 웹서비스와 프로젝트로 만나 뵙도록 하겠습니다.

    얼마 남지 않은 한해 모두 건강하시고, 언제든지 프로젝트에 관해 궁금한 점이 있으시면 문의를 통해 언제든지 질문해 주세요.

    그럼 이만 🙂

    PS) 리뉴얼이후 접속이 원활하지 않을경우 문의 또는 댓글을 통해 알려주세요. 감사합니다.

  • 실험실 카테고리가 추가 되었습니다.
    실험실 카테고리가 추가 되었습니다.
    소식@481.201103

    실험실 카테고리는 새로운 기능을 구현하거나 의뢰 기능을 간략히 구현 검증하기 위한 카테고리 입니다.

    실험실 포스트 내에는 독립적인 스크립트 사용이 빈번하여 목록에서 바로 포스트를 확인할 수 있는 모달창가 호환성이 떨어지게 되는 현상이 있습니다.

    그로 인해 실험실 카테고리내 있는 모든 포스트는 모달창을 지원하지 않습니다.

  • YT3Vid
    YT3Vid
    미분류@469.201102

    테스트를 위한 유튜브 콘텐츠입니다.