라이브 워드프레스 테마를 실시간으로 커스터마이징하는 것은 어떻습니까? 글쎄, CSSHero는 쉬운 방법으로 변경하는 플러그인입니다.

게시 됨: 2016-04-07

CCSHero로 WordPress 테마 라이브를 쉽게 사용자 정의

WordPress는 사용자 정의로 가득 찬 CMS 프레임워크이며 모든 개발자가 테마 및 플러그인을 수정하는 데 사용할 수 있는 API 및 후크를 제공합니다. 이것이 현재 WordPress 공식 리포지토리에서 사용 가능한 수천 개의 플러그인 중에서 플러그인을 선택할 수 있는 옵션이 있는 이유입니다.

이 게시물에서 우리는 모든 세부 사항과 함께 새로운 플러그인 CSSHero 에 대해 논의할 것입니다. 그러나 시작하기 전에 these questions 에 집중합시다.

WordPress 사이트를 make live changes 하는 방법은 무엇입니까?
실시간으로 테마 변경?
WordPress 테마의 CSS 속성 수를 쉽게 알 수 있는 방법이 있습니까?
실시간 미리보기로 WordPress 블로그 편집
라이브 전에 WordPress 테마 사용자 정의

위의 질문 중 하나라도 있으면 올바른 위치에 있습니다.

플러그인 without any help 직접 라이브 변경을 수행하려면 ~300 of CSS properties 을 미리 알아야 합니다. 라이브 테마 모드에서 실제 변경 사항을 확인하기 위해 수정하는 것은 불가능합니다. 워드프레스 커 customizer 를 사용하면 속성 중 일부를 수정할 수 있지만 전부는 아니지만 이것이 우리가 가진 실제 문제입니다.

두 가지 옵션이 있습니다.

옵션-1) CSS 변경을 수동으로 수행

Chrome/Mozilla에서 블로그 열기
헤더, 게시물, 이미지 등과 같은 CSS 요소를 마우스 오른쪽 버튼으로 클릭합니다.
CSS 속성을 보려면 Inspect 를 클릭하십시오.
효과를 보려면 변경하십시오.
괜찮으면 테마의 style.css 파일로 이동하여 변경 사항을 저장합니다.
이 과정을 여러 번 반복

옵션-2) 기능이 내장된 플러그인을 사용합니다. 이 경우 CSSHero입니다.

편집기를 사용하여 live site 에서 변경 수행
실시간 결과 보기
Save button 을 클릭하면 done

CSSHero는 Crunchify와 협력하여 Crunchify 독자에게 10 free Licenses 를 제공합니다. 작성 ~~이 구글 양식~~ 당신의 이름을 나열하기 위해. – 경품 종료

CSSHero를 설치하고 라이브 WordPress 테마 변경을 수행해 보겠습니다.

NOTE : 이 게시물 하단에서 전체 비디오를 확인하십시오.

1 단계

왜 CSSHero인가? CSSHero는 premium WordPress 플러그인입니다. 기본 라이선스는 $29/site 부터 시작합니다. 나는 당신이 초보자이거나 전문가라면 시도해 볼 가치가 있다고 말하고 싶습니다. 30 days 환불 보장과 함께 제공됩니다.

CRUNCHIFY 코드를 사용하여 스타터, 개인 플랜에서 34% off , 프로 플랜에서 40% off 을 받으세요.

라이선스를 등록하고 대시보드에서 CSSHero plugin 최신 버전을 다운로드하십시오: http://www.csshero.org/

WordPress용 CSSHero 플러그인 다운로드

2 단계

WordPress 관리자 패널에서 설치하고 활성화하십시오.
활성화시 Key 를 요청할 것입니다
Get my Key Now! 버튼을 누르면 라이선스 키가 있는 페이지가 열립니다.
Get License 를 클릭하면 모든 설정이 완료됩니다.

CSS Hero 라이선스 페이지 받기

Point-1) 기능을 시작하자

이제 블로그 home page 로 이동하면 top right 상단 모서리에 CSSHero 애니메이션 버튼이 표시됩니다.
그것을 클릭하면 플러그인이 테마와 함께 작동하는 control panel 을 로드합니다.

모든 CSSHero options 이 포함된 아래 gif를 살펴보세요.

CSSHero 옵션 패널

Point-2) CSSHero 테마 편집기 옵션

theme editor 에 대한 아이디어는 간단한 시각적 편집기로 모든 theme's style 을 변경하는 것입니다. CSSHero 테마 편집기의 도움으로 변경할 수 있습니다

헤더 텍스트
폰트
국경
스타일 등

에 동일 적용

신체 내용
엔트리 포스트
메타 값
헤더 값
보행인
사이드바 등. 아래 GIF를 살펴보세요.

CSSHero HTML 속성 변경 UI 확인

Point-3) 한 번의 클릭으로 편리한 장치 레이아웃 옵션

아래 이미지에서 볼 수 있듯이 테마 편집기는 마우스 호버와 한 번의 클릭으로 테마의 다양한 모바일, iPhone, iPad Layouts 을 확인할 수 있는 옵션을 제공합니다.

다양한 모바일 레이아웃 확인하기

Point-4) 최근 변경 사항을 취소하는 방법은 무엇입니까?

사용자는 간단한 Change history 모듈을 사용하여 모든 최근 변경 사항을 취소할 수 있는 옵션이 있습니다. 나는 적어도 나보다는 개발자 중 누구도 첫 시도에서 제대로 된 일을 하지 못한다고 장담한다. 이것은 저에게 매우 편리합니다.

CSSHero는 또한 all of your save changes 을 보여주는 매우 편리한 모듈을 제공합니다. timeline 으로 돌아가 이전 버전으로 되돌릴 수 있습니다. 편리한 도구가 아닌가요? 나는 이 도구를 지금까지 여러 번 사용했고 그것을 좋아합니다.

체크아웃 변경 내역