☰

Adobe Brackets를 사용하여 WordPress 웹 사이트를 실시간으로 미리 보는 방법은 무엇입니까?

tag-icon • tag-icon wordpress brackets
Adobe Brackets를 사용하여 WordPress 웹 사이트를 실시간으로 미리 보는 방법은 무엇입니까?

어도비 브라켓.css 및 .html 파일 작업을 하는 동안 HTML 웹페이지를 볼 수 있는 실시간 미리보기 기능이 있습니다.

저는 이제 .html, 및 파일 .css이 포함된 WordPress 웹사이트 작업을 시작하고 있습니다 . 대괄호를 사용하여 WordPress 웹사이트를 어떻게 실시간으로 미리 볼 수 있나요?.js.php

답변1

나는 이것에 대한 해결책을 알아낸 것 같아요!

프로젝트 설정에서 실시간 미리보기 기본 URL을 설정할 수 있습니다. Brackets가 페이지 미리보기를 시도하면 현재 파일의 프로젝트에 있는 파일 이름과 경로가 해당 기본 URL 끝에 추가되어 로드됩니다.

WordPress의 문제는 프로젝트에서 작업 중인 PHP 파일의 경로와 파일 이름이 해당 코드를 실행하고 템플릿 페이지를 보기 위해 액세스하는 URL과 거의 관련이 없다는 것입니다.

그렇다면 서버가 브라우저가 요청한 것과 다른 페이지를 제공하도록 하려면 어떻게 해야 할까요? URL 재작성!

괄호 안에 기본 URL을 설정한 http://server.dev/theme/다음 .htaccess개발 서버에 Apache용 파일을 만들었습니다. 예는 다음과 같습니다.

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule theme/archive.php "/?m=201510"
    RewriteRule theme/ "/"
    RewriteRule theme/header.php "/"
    RewriteRule theme/footer.php "/"
    RewriteRule theme/page.php "/?page_id=16080"
    RewriteRule theme/search.php "/?s=asdf"
    RewriteRule theme/sidebar.php "/"
    RewriteRule theme/single.php "/?p=16247"
</IfModule>

보시다시피 편집할 일부 파일에 대해 임의의 페이지 요청을 선택해야 합니다.

확실히 최소한 Brackets 1.5에 대한 테스트에서는 작업 흐름 및 새로 고침과 관련된 다른 많은 문제가 있지만 이는 Brackets의 WordPress용 실시간 미리 보기 사용과 관련된 한 가지 큰 문제를 해결합니다.

답변2

너~할 수 있다자체 백엔드(예: WordPress 서버)에서 실시간 미리 보기를 사용하지만 다음과 같은 몇 가지 주의 사항이 있습니다.

  • 대괄호에서 편집하기 위해 열려 있는 동일한 폴더를 가리키는 로컬로 실행되는 서버가 필요합니다.
  • 실시간 HTML 업데이트는 비활성화됩니다. 하지만 여전히 실시간 CSS 업데이트(및 선택기 강조 표시)가 제공됩니다. HTML, PHP 또는 기타 파일을 편집할 때 대괄호는 간단한 "실시간 새로 고침"으로 대체됩니다.

설명서에 더 자세한 정보가 있습니다.https://github.com/adobe/brackets/wiki/How-to-Use-Brackets#lp-custom-server.

답변3

가능했으면 좋겠지만 Brackets의 실시간 미리보기 기능은 정적 작업 흐름을 중심으로 구축된 것 같습니다. 동적 언어 미리보기에 대한 지원은 전혀 없으며, 내가 아는 한 이를 추가할 계획도 없습니다.

앱을 나에게 완전히 쓸모 없게 만들기 때문에 부끄러운 일이기도 합니다. :-/

관련 정보