당신이 대부분 같다면 초보자 블로거 그리고 중급이라면 HTML/CSS에 대한 지식이 전혀 없습니다. 많은 블로거 (나처럼) 사용하는 것을 선호 플러그인 게시물이나 페이지에 버튼을 추가 할 수 있습니다. 단축 코드. 그러나 이러한 단축 코드-단축 코드- 기억하기 어렵고 구성하기 어렵다.

버튼을 추가하는 방법이 문서에서는, 우리는 당신을 보여 드리죠 워드프레스(WordPress) 단축 코드를 사용하지 않고.

WordPress의 세계에 익숙하지 않다면 워드 프레스 블로그 7 단계를 설치하는 방법

가장 먼저해야 할 일은 설치하고 활성화하는 것입니다. 플러그인 « 단축 코드 버튼 잊어 ".

이것을 활성화하면 플러그인, 당신은 단지 새로운 출판 또는 이미 존재하는 것을 수정하면 비주얼 편집기에 제목이있는 새 버튼이 표시됩니다. « 삽입 버튼 » (에 추가 버튼).

FASB-editorbutton

발행물이나 페이지에 새 단추를 삽입하려면 단추를 클릭해야합니다 버튼 삽입. 새 버튼을 디자인 할 수있는 창이 나타납니다.

designyourbutton

버튼 텍스트와 URL을 추가 한 다음 텍스트와 배경색을 선택하기 만하면됩니다. 그런 다음 옵션의 드롭 다운 메뉴를 클릭하십시오. "유형"당신의 버튼의 모양을 선택합니다. 버튼의 크기를 선택할 수도 있습니다.

발견하여 지식을 완성하십시오 사용하고 단축 코드 워드 프레스를 관리하는 방법

탭을 클릭하면 « 아이콘 »버튼 텍스트 앞뒤에 추가 할 수있는 아이콘을 볼 수 있습니다. 이들 아이콘 더 정확하게 아이콘 글꼴입니다.

buttonswithicons

버튼 생성 과정에서 각 변경 사항을 실시간으로 미리 볼 수 있습니다. 모양이 마음에 들면 삽입.

이 기사를 확인하고 존경하십시오 이 무료 단축 코드와 워드 프레스 항목의 디자인을 개선하는 방법

편집기에서 정렬 방법을 선택하여 버튼을 중앙, 왼쪽 또는 오른쪽에 정렬 할 수도 있습니다. 버튼을 두 번 클릭하면 버튼 편집 창이 나타나고 원하는 경우 버튼을 편집 할 수 있습니다.

이 수준에서 이제 단축 코드를 사용하지 않고 WordPress에 버튼을 추가할 수 있습니다. 그러나 떠나기 전에 다음 두 가지를 상담하는 것이 좋습니다. 워드 프레스 플러그인 단축 코드를 효율적으로 관리할 수 있는 프리미엄.

1. WP 베이커리 페이지 빌더

이전에 Visual Composer로 알려졌던 WPBakery Page Builder는 또 다른 프리미엄이자 매우 인기 있는 페이지 빌더입니다. 이러한 인기의 대부분은 WPBakery Page Builder가 거의 99%의 워드 프레스 테마 테마포레스트에 의해. 그러나 매우 많은 수의 웹 사이트에서 사용된다는 사실은 여전히 ​​남아 있습니다.

wp 베이커리 페이지 빌더 e1544277016913
Divi Builder와 마찬가지로 WPBakery Page Builder를 사용하면 시각적 편집과 백엔드 편집이 모두 가능합니다. Elementor 또는 Divi Builder와 비교할 때 WPBakery Page Builder의 스타일 옵션은 약간 제한됩니다. 선을 잘 제어 할 수 있지만 개별 요소에 대한 스타일 옵션은 조금 더 제한적입니다.

고유 한 CSS를 사용하려는 경우 개별 요소에 사용자 정의 CSS 클래스 또는 ID를 추가하거나 페이지 레벨에 실제 스타일을 추가 할 수 있습니다.

WPBakery Page Builder에 특히 주목할만한 고유 한 기능이 있는지 확실하지 않습니다. 그러나 그가 가진 것은 거대한 확장 커뮤니티입니다. Divi Builder와 마찬가지로 WPBakery Page Builder는 비활성화하면 콘텐츠에 여러 단축 코드를 남깁니다. 튜토리얼을 발견하십시오

다운로드 | 데모 | 웹 호스팅

2. Divi Builder

Divi Builder는 우아한 테마에서 높은 평가를 받은 고품질 페이지 빌더입니다. 일반적으로 WordPress Divi 테마의 일부로 사용되지만 Divi Builder는 다른 플랫폼에서 사용할 수 있는 독립 실행형 플러그인이기도 합니다. 워드 프레스 테마.

디비 e1544278044306

이전의 두 빌더와 달리 Divi Builder를 사용하면 대부분의 사용자가 첫 번째 인터페이스를 선호하지만 프런트 엔드의 시각적 인터페이스와 백 엔드의 인터페이스를 사용하여 콘텐츠를 편집 할 수 있습니다. .

기본적으로 사이드 바 대신 팝업과 플로팅 버튼에 모두 있습니다. 316 개의 서로 다른 프레젠테이션 팩에 분산 된 40 개의 미리 디자인 된 템플릿에 액세스 할 수있을뿐만 아니라 자신의 디자인을 템플릿으로 저장할 수있는 기능도 제공합니다.

Divi의 특성 중 하나는 항상 그가 당신에게주는 스타일의 통제였습니다. 세 개의 다른 탭에서 반응 형 컨트롤, 사용자 정의 가능한 간격 등을 포함한 다양한 설정을 구성 할 수 있습니다.

CSS 편집기에 기본 유효성 검사 및 자동 완성 기능이 포함되어 있으므로 사용자 지정 CSS를 추가 할 수도 있습니다. Divi Builder의 비판 중 하나는 항상 단축 코드에 의존한다는 것입니다. 즉,이 기능을 끄면 콘텐츠에 많은 단축 코드가 남습니다. 이것은 약간 우울하지만 Shortcode Cleaner와 같은 플러그인이 존재하므로 문제가되지 않습니다. 

다운로드 | 데모 | 웹 호스팅

다른 추천 자료

이러한 권장 리소스를 참조하여 WordPress 웹 사이트를 마스터하십시오.

결론

그게 다야! 이 기사가 버튼을 추가하는 데 도움이되기를 바랍니다. 워드프레스(WordPress) 단축 코드를 사용하지 않고. 제안이나 의견이 있으시면 환영받을 것입니다.

우리는 또한 당신이 우리를 상담 초대 초보자 블로거 인 경우 리소스. 하지만, n우리는 당신에게 촉구합니다 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...