Make Advanced Layouts with Visual Composer – Part 1

안녕하세요, 수요일 다른 WordPress에 오신 것을 환영합니다 제 이름은 애리조나 주 애리조나 주 샌 안토니오에 있습니다

WebTegrity에서 Tx로 전송할 수 있습니다 WordPress 수요일 어디서, 매주 수요일에 내가 당신에게 튜토리얼을 가져올거야 귀하의 워드 프레스 웹 사이트를 개선하는 방법에 대한 비디오 오늘 저는 비주얼 작곡가 페이지 빌더를 조금 사용하는 법을 가르쳐주고 싶습니다 더욱이

이미 비디오의 기능이 무엇인지에 대한 기본 정보를 제공하는 비디오가 있습니다 작곡가 아직 보지 못했다면 아래의 설명 상자를 확인하십시오 저 영상에 거기; 하지만, 이건 실제로 당신을 단계별로 특정 페이지 템플릿 레이아웃을 만들 수 있습니다 나는 너에게 보여줄거야

내가 여기있는 정확하게 똑같은 템플릿을 사용할거야 이 테마는 계속 진행 중입니다 이거 꽤 지루해 보인다 그렇지? 내 말은, 그것은 아주 간단하고 미니멀리스트 다 어느 것이 좋다

하지만, 동시에 당신은 분명히 어떤 종류의 와우 요소는 웹 사이트에서 발생합니다 많은 시간, 당신은 이미 너무 많은 내용을 여기에서 가지고 있습니다, 당신은 이미 그렇게했습니다 많은 시간과 노력이 하나의 특정 테마에서, 당신은 테마를 변경하고 싶지 않을 수도 있습니다, 멋진 일이 생기면 이것 좀 봐 이것은 똑같은 주제입니다

나는 화면에서 벗어나서 페이지를 체크 아웃 할 수 있습니다 이 아이콘들로 머리글을 보길 바랍니다 이것은 똑같은 주제입니다 자, 나는 가장자리, 시차, 시원한 레이아웃으로 가장자리가 있습니다 나는 세 개의 기둥을 가지고있다

시원한 견적서와 석조물 블로그 구역이 있습니다 그게 얼마나 좋은가요? 이것은 여전히 ​​똑같은 테마입니다 저는 여기서 사용하고 있습니다 모두 비주얼 작곡가와 함께했습니다 그래서 내가 어떻게했는지 보자

물론 비주얼 작곡가를 구입할 수 있습니다 아래의 설명 상자에 링크가 있습니다 일반 보험료 플러그인처럼 설치하고 활성화하십시오 활성화 한 후에는 페이지 또는 게시물로 이동하여 "새로 추가"를 클릭하면됩니다 지금은 새로운 빈 페이지를 만들어달라고 부탁합니다

시각적 작곡가를 배우기 시작하면됩니다 아직이 페이지를 기존 페이지에 사용하지 마십시오 그냥 익숙해 지길 바래 이 페이지를 테스트하고 있다고 말할거야 플러그인을 활성화하면 이제이 두 가지 새로운 옵션이 여기에 표시됩니다

백 엔드 편집기를 사용하려고합니다 나는 다시 말할거야 이것은 백 엔드 편집기입니다 일단 그렇게하면,이 영역을 차지하고 우리가 멋진 일을 할 수있게 해줍니다 드래그 앤 드롭

그래서, 요소를 추가 할 것입니다 다음과 같은 단계별 튜토리얼입니다 나는 요소를 추가 할거야 나는 행을 추가 할거야 이제는 페이지가 늘어날 때까지 늘어납니다

그래서, 만약 내가 가장자리에서 끝까지 펼치고 싶다면, 당신의 주제가 허용해야 할 것이 하나 있습니다 "Full Width"라는 내부 페이지 템플릿이 있어야합니다 그래서, 여기에 있는지 확인하는 방법, 페이지 안쪽에 템플릿으로 가야합니다 오른쪽에 이것을 열어 전폭 옵션이 있는지 확인하십시오

그렇게하면 콘텐츠가 가장자리까지 뻗어 나올 수 있습니다 따라서 설정이 제대로되어 있는지 확인하십시오 자, 제가하고 싶은 것은 여기에 우리의 행동 강령을 부탁드립니다 따라서 새 행의 중간에있는 더하기 (+) 기호를 클릭합니다 여기에 "행동 요청"버튼이 있습니다

나는 그것을 클릭 할 것이다 나는 지금 거기에 앉아있는 기본 콘텐츠를 사용할 것입니다 내가 할 일 중 하나는 아래쪽에 버튼을 추가하는 것입니다 이 영역 그리고 곧 바로이 버튼 옵션을 사용할 수 있습니다

나는 그것을 클릭 할 것이다 그리고이 탭 중 하나 하나를 모두 읽으려면 시간을 들여 다른 당신이 할 수있는 옵션; 왜냐하면, 당신이 정말로 당신이 이것을 어떻게 설정하는지에 대해 창조적으로 생각할 수 있기 때문입니다 볼 물건 그래서 우리는 거기에 그 링크를 가지고 싶습니다 그래서 저는이 링크를 함께 설정했습니다

스타일 : "클래식"이라고 말할 것입니다 나는 같은 둥근 색을 유지할거야 크기를 바꿀거야 나는 그것을 크게하고 싶다 이 설정 중 하나 하나를 모두 수행 할 수 있습니다

해당 전화 아이콘을 추가하려면 해당 아이콘을 클릭하고 아이콘을 추가하십시오 지금은 '변경 사항 저장'을 클릭하겠습니다 이제 우리 웹 사이트의 앞면에서 이것이 어떻게 보이는지 봅시다 '초안 저장'을 클릭합니다 우리가 무엇을보고 있는지 미리보고 미리 보도록하겠습니다

좋아, 우리는이 블록을 거기에 앉힌다 그러나 우리는 아직 거기에 그림이 없기 때문에 이것을 펼칠 배경 그림을 얻는 방법은 무엇입니까? 전체 넓이? Visual Composer에 대해 정말 멋진 점은 레이어가 있다는 것입니다 그게 정말 놀라운 일입니다 모든 것이 층에 있습니다 그래서 우리는 전면에 앉아있는 "행동 촉구"텍스트를 가지고 있습니다

이제 우리는 그것 뒤에 그림을 넣고 싶습니다 그래서, 여기에 당신이 그 지역에 도착하는 방법이 있습니다 여기에 "행동 촉구"영역이 있습니다 바로 뒤에 이제이 밝은 회색 영역 인이 행에 영향을 주려고합니다

우리는 뒤에있는 행에 영향을 미치는이 연필 아이콘을 클릭하기를 원합니다 그 줄을 펴십시오 (그 안의 내용은 아닙니다) 콘텐츠 자체를 늘리고 싶습니다 그리고 아래로 스크롤하면 다른 모든 옵션을 볼 수 있습니다 하지만 우리는 시차를 확실히 원합니다

이 영역과 우리는 단지 그것이 간단한 시차가되기를 원합니다 이것이 우리 뒤에 놓여있는 것에 대한 이미지를 설정하는 곳입니다 내가 사용하고있는 이미지 크기는 1280 X 400입니다 그리고 '이미지 설정'을 클릭합니다 그러면 이미지가 저장되고 '변경 사항 저장'을 클릭하고 우리가 어디 있는지 알 수있게 해줍니다

이제 동영상을 너무 빨리 움직여서 동영상을 일시 중지하면 되감 으시면됩니다 단계별; 그러나 나는 이것을 매우 빨리 경험하고 결과를 어떻게 볼 수 있는지 알고 싶습니다 끝 그래서, 여기에 우리가 간다 모서리에서 모서리까지

아름다운 그리고 지금, 물론, 제 예제에서는 조금 더 패딩이 있습니다 그럼 어떻게 그걸 우리 안에 넣을 수 있니? 우리는 계속 나아가고 뒤에있는 장면으로 갈 것입니다 배경 영역과 우리는 디자인 옵션은 여기에 있습니다 그리고이 레이아웃을 위해서 나는 텍스트의 맨 위에 150 픽셀을 넣었습니다

그리고 우리 텍스트의 하단에있는 150 픽셀 '변경 사항 저장'을 클릭합니다 "초안 저장"은 당연히 예제로 사용하기 때문입니다 "미리보기"를 클릭하면 예전처럼 아름다운 패딩을 얻을 수 있습니다 그게 놀랍지 않니? 이제 우리가 세 개의 기둥으로 할 수있는 것을 보도록하겠습니다

나는 이걸 좀 더 빨리 통과 할거야 새 행을 추가 할게 '새 행' 이 행 안에는 우리가 가질거야 사실,이 행을 3 개의 열로 옮길 수 있습니다 이것 좀 봐 1-2-3 우리의 세 개의 기둥이 있습니다 내가 어떻게 그랬어? 완전히 다른 레이아웃을 가질 수있게 해주는이 작은 초 아이콘 위에 떠 올랐습니다

이 행에 이 특별한 레이아웃을 사용하면 세 개의 열을 가질 수 있습니다 이 열에 '새 항목 추가'를 클릭하겠습니다 나는 단순한 이미지를 추가 할 것입니다 바로 여기에 우리의 단순한 이미지가 있습니다

'이미지 추가'를 클릭합니다 이것들은 우리가 여기서 놀고있는 우리의 이미지입니다 "이미지 설정" 우리는 제목을 부여 할 수 있고 "팀을 만나다"또는 무엇이든 할 수 있습니다 그것이 말하는 것처럼 여기에서 사진의 크기를 설정하고이 디자인을 위해 나는 "Full"이라고 말할 것입니다

여기에 다른 옵션이 있으므로, 그냥 가서 읽어보십시오 나는 이미지 정렬을 중심으로 말할거야 우리는 그것이 어디서나 연결되기를 원합니까? 네, "우리 팀"이라는 페이지에 링크하고 싶습니다 물론 여기에있는 링크 중 하나를 수행 할 수 있습니다 여기에있는 링크 중 하나를 수행 할 수 있습니다

원하는 링크를 찾으십시오 그것을 거기에 떨어 뜨려 라 같은 페이지에 있기를 원합니다 이제 '변경 사항 저장'을 클릭하기 만하면됩니다 그래서, 우리의 이미지가 있습니다

자, 우리가 그 모든 것들을 하나씩 동일하게 설정할 필요가 없다면 반복해서, 당신은 이것을 복제 할 수 있습니다 이것 좀 봐 이미지를 복제하는 가운데 아이콘을 클릭 할 것입니다 나는 그것을 다시 복제 할거야 그런 다음 끌어다 놓을 수 있습니다

오, 이거 얼마나 멋있 니, 너희들? 그러면 물론, 우리는 똑같은 이미지가 아니기 때문에 작은 연필 아이콘을 클릭 할 것입니다 그것은 나를 데려가 내가 거기에서 원하는 어떤 이미지를 바꿀 수있게 해줍니다 이 이미지는 714 X 500입니다 '저장'을 클릭 한 다음 이미지를 변경해야합니다 우리가 이미지를 위해 무엇을 가지고 있는지 보도록하겠습니다

그 하나하자, 왜 안돼? "세트" 죄송합니다 그것은 같은 것입니다 우리는 다른 것을 원한다 이걸 시도해 봅시다 왜 안돼? "이미지 설정" 좋아, "변경 사항 저장"

자, 정면이 어떻게 보이기 시작하는지 봅시다 테스트 영역이 있습니다 오 와우 이것들은 우리가 원했던 것만 큼 크지는 않습니다 그래서, 이것은 행 설정으로 놀기 시작할 때입니다

그리고 우리는 함유량 여기에 행이 있습니다 행과 내용을 확실히 늘리고 싶습니다 너는이 물건 안의 다른 설정으로 놀고 싶어 거기서 "Meet the Team (팀을 만나십시오)"으로 가고 그 제목을 바꾸고 싶었습니다

그들은 모두 어딘가에 링크되어있어서 멋지다 텍스트 상자를 아래에 놓을 수 있습니다 너는 놀고 재미있게 놀고 싶어 이 열에 무엇인가를 추가하고 싶습니다 조금 더하기 (+) 아이콘을 클릭 할 것입니다

이 열에 텍스트 블록을 추가 할 것입니다 이를 위해 기본 텍스트를 그대로 두겠습니다 복제 할게요, 다음 이미지 아래로 드래그 앤 드롭하세요 나는 그것을 복제하고, 다음 이미지 아래로 드래그 앤 드롭 할 것이다 다시 '미리보기'를 클릭하십시오

그게 지금 어떤 모습인지 보러 가자 그것은 우리의 모범과 매우 흡사합니다 그게 얼마나 즐겁습니까? 이것이 작동하는 방식입니다 계속 페이지를 계속 이동하면서 모든 비주얼 컴포저에서 사용할 수있는 다양한 요소 이것이 당신을 도왔 으면 좋겠어요

Visual Composer에 대해 구체적으로 질문이 있으시면, 그것을 구입하면 지원 팀에 액세스 할 수 있습니다 그래서, 당신은 그들이 여기있는 방식대로 그들을 지원하고 연결할 수 있습니다 그들과 연결하라고 요구합니다 Visual Composer를 지원하지 않습니다 나는 당신의 웹 사이트를 온라인으로 향상시키는 것을 도울 수 있도록 이러한 비디오를 제작합니다

그래서, 그들을 확인하십시오 저기로가 그들과 연결하십시오 아래 링크에이 탭에 대한 링크를 구체적으로 설명하겠습니다 당신이 좋은 WordPress 수요일을 보내길 바랍니다

다음 주에 모두 보죠 안녕, 모두

Make Advanced Layouts with Visual Composer – Part2

안녕하세요, 수요일 다른 WordPress에 오신 것을 환영합니다 제 이름은 애리조나 애리조나입니다

오늘 우리는 Visual Composer에 대한 두 편의 시리즈를 계속 진행할 예정입니다 저는 이미 Visual Composer의 전반적인 내용에 대해 조금은 가르쳐 봤습니다 할수있다 아래 설명 상자에 해당 동영상에 대한 링크가 있습니다 그러나, 내가 가지고있는 다른 비디오는이 두 부분으로 된 시리즈를이 같은 간단한 테마로 시작했습니다

나 뒤에 이 주제는 Olsen입니다 올슨 Olsen은 제가 여기서 사용하고있는 WordPress 테마입니다 그것은 매우 최소한의 접근법을 가지고 있습니다 아주 간단하고 매우 깨끗한 레이아웃 구조

때때로, 당신은 당신의 웹 사이트에 조금 더 많은 와우 요소를 원합니다; 그러나, 당신은하지 않습니다 정말 템플릿을 변경하고 싶습니다 따라서 WordPress 웹 사이트의 페이지 작성기를 사용하면 멋지게 할 수 있습니다 그리고 우리가 말하는 페이지 빌더는 Visual Composer입니다 바로 여기가 바로 이것입니다

34 달러이고이 튜토리얼을 이미 시작했습니다 어떻게 할 수 있는지 가르쳐줍니다 이 똑같은 템플리트를 다음과 같은 페이지로 변환하십시오 이것 좀 봐, 너희들 전체 너비의 시차가 있습니다

우리는 세 개의 기둥을 가지고 있습니다 이 테레사 수녀님이 그것 뒤에 색상 그리고이 정말 멋진 벽돌 블로그 영역 다시 이것은 똑같은 주제입니다 그래서, 어떻게 그 일을합니까? 이런 식으로 정말 멋진 것을 어떻게 만듭니 까? 이미이 튜토리얼을 시작했습니다

해당 비디오에 대한 링크는 아래의 설명 상자에 있습니다 이 시차 영역과이 세 개의 기둥을 만드는 방법을 여러분에게 가르쳐 줬습니다 이제, 계속 진행해 보겠습니다이 부분을 블록 인용구로 만드는 방법에 대해 알아 보겠습니다 벽돌 그리드의 게시 영역

자, 이제 시작하겠습니다 물론, 우리는 이미이 페이지의 내부에서 작업하고 있습니다 우리는 "행동 촉구"영역을 여기 있습니다 우리는 세 개의 컬럼을 가지고 있으며 이제 플러스 (+)를 클릭하기 만하면됩니다 다른 행을 추가 할 것입니다

그리고 물론, 우리는이 행에이 푸른 색을 갖고 싶습니다 그래서 나는 그 청색 코드를 잡을거야 우린 여기서 돌아갈거야 이 행의 배경에 영향을 미치는 방법입니다 연필 아이콘을 클릭합니다

물론, 지난 튜토리얼에서는 행 옵션을 늘리는 것에 대해 가르쳐 줬습니다 그런 다음 디자인 옵션을 지정하고 배경색을 지정합니다 그리고 물론 클립 보드에 파란색이 나타납니다 그래서 '변경 사항 저장'을 클릭합니다 그리고 지금이 작은 줄의 파란색 점이있어이 전체 행을 허용합니다

전체 너비에 걸쳐 뻗어 그 파란색 배경이 이제 우리 견적을 그 안에 넣고 싶습니다 그래서 나는 그 인용문을 붙잡고 클립 보드에 올려 놓을 것입니다 부 그리고 우리는 우리 행에 들어가기 위해 텍스트 블록을 추가 할 것입니다

물론 기본 텍스트가 있습니다 그래서 우리는 이것을 여기에 넣을 것입니다 그리고 여기에서 돈을 벌어 라 그래서, 그것은 좋아 보인다 그러나 이것은 물론 작습니다

그것은 중심에 있지 않으며 우리는 원합니다 일부 서식을 추가하기 위해 "센터"를 클릭하겠습니다 나는 그것을 멋지고 크 게 만들기 위해 H1에 가져갈 것입니다 우리는 테레사 수녀가 바닥에 닿을 수 있도록 여기에 휴식을 취할 것입니다 그리고 물론이 텍스트가 흰색이어야합니다

따라서이 보조 행이 없으면 툴바 토글 아이콘을 클릭합니다 그러면 이러한 추가 옵션이 열립니다 '흰색'을 클릭하고 싶습니다 물론이 미리보기에서는 사라지는 것처럼 보입니다 하지만, 거기에 앉아 있습니다

흰색 텍스트입니다 나는 "Save Changes"를 클릭 할 것이고 물론이 지역에있을 것입니다 나는 "미리보기"를 클릭하고 우리가 사물의 앞면에서 무엇을하는지 볼 것입니다 여기 시차가 있습니다 우리의 세 칸이 있는데 여기에 아름다운 인용구가 있습니다

그래서 나는 그것을 좋아한다 석조 격자 영역에서 우리가 할 일을 살펴 봅시다 그래서 다른 행을 추가하고 싶습니다 따라서 플러스 (+)를 클릭하면 '행 (Row)'이라고 말하고 행을 늘릴거야 콘텐츠를 늘릴 수도 있습니다

이것으로 우리가하는 일이 무엇인지 보자 왜 안돼? 그것은 멋지다 무슨 일이 일어나는지 보러 이것 뒤에 사진을 찍자 나는이 모든 것의 배후에 시차 사진을 찍을 것이다

단지 색깔을주기 위해서이다 흰색 바탕에 평범한 사람이되지 않도록하십시오 누가 무슨 배경을 알고 이건 어때? 난이게 좋아 우리가 할거야 "이미지 설정", 해보 죠 이것이 어떻게 보일지 누가 알겠습니까? 어디 보자 "변경 사항을 저장하다"

이제 행과 배경에 영향을줍니다 우리 격자를 그 위에 올려 놓고 싶습니다 (가장 최근의 블로그 게시물) 우리는 이것을 선택할 것입니다 "포스트 메이슨 그리드" 다른 옵션이 있습니다 그러나 이것은 우리가 가려고하는 것입니다

"포스트 메이슨 그리드" 이제 다시, 때로는 학생과 YouTube 팬이 때마다 일어나는 일을 읽지 않습니다 이 창들이 나타납니다 잠시 멈추고 옵션을 읽으십시오 왜냐하면, 당신은 이것을 다르게 보이기를 원할지도 모릅니다 당신은 그것이 다른 것처럼 보이게하는 방법을 모릅니다

당신은 이러한 다양한 옵션을 고집하고 놀 수 있습니다 그것은 당신을 도울 것입니다 우리는 게시물이 여기에오고 전체 아이템 수를 표시하고 싶습니다 우리는 6을 원해 우리는 모두를 보여주고 싶습니다

물론 스타일 왜 안돼? 행당 몇 개의 항목이 있습니까? 우리는 한 줄에 3 번 일어나기를 원합니다 각 공간 사이에 얼마나 많은 공간이 필요합니까? 너까지 초기로드 애니메이션 페이드 인하거나 그냥 기본값으로 사용 하시겠습니까? 그건 너에게 달렸어

필터를 보여 주겠습니까? 더 많은 옵션을로드하고 싶습니까? 우리는 그렇게 할 수 있습니다 페이지 당 몇 개의 게시물이 있습니까? 12 번을합시다 여기서 우리는 수학과 일관되게 머물러 있습니다 지금은 '변경 사항 저장'을 클릭하십시오 우리가 가진 것을 보자

'미리보기'를 클릭합니다 여기서 다시 올라갈거야 여기시 험 시차가 있습니다 우리의 세 칸 그리고 이것을 확인하십시오

여기에 우리 사진이 보이니? 우리 그림이 여기 뒤쪽에 보이니, 흰색 배경이 아니에요? 그리고 우리의 푸터와 함께 우리의 멋진 벽돌 블로그 영역이 있습니다 여러분, 비주얼 작곡가가 얼마나 멋진 지 알 수 있습니다 조정 구독하십시오 모든 WordPress의 수요일마다 우리는 당신을 위해 이런 종류의 비디오를 공개하고 있습니다

이 YouTube 채널에 바로 200 개가 넘는 동영상을 올려서 온라인 마케팅 좋은 일이 너희들의 의견을 기다리 라 트위터에서 우리에게 큰 소리로 외쳐 주시거나 우리 웹 사이트로 오셔서 나와 통화를 예약하십시오 비주얼 작곡가에 관한 질문이 있습니다

나는 너와 이야기하고 싶다 잘 가라

Make Columns on a Page or Post in WordPress

안녕하세요, WordPress 웹 사이트의 열을 이야기합시다 페이지에서 동적 레이아웃을 조금 더 많이 사용하려는 경우, (어쩌면 당신은 한 편에 비디오를 원할 것입니다) 그리고 당신은 정말로 그것을 보이고 싶지 않습니다

이 페이지 전체와 텍스트의 모든 텍스트가 아래쪽에있는 곳 이하 텍스트가 여기에있는 것을 원한다고 가정 해 보겠습니다 비디오가 오른쪽에 있습니다 어떻게 그럴 수 있니? 좋아, 다른 WordPress 수요일에 오신 것을 환영합니다

이 비디오는 매주 수요일에 내가 당신을 돕기 위해 제작 한 비디오입니다 모든 것들 WordPress와 함께 오늘 저는 여러분에게 건물을 성취 할 수있는 방법에 대한 몇 가지 아이디어를 보여 드릴 것입니다 일부 프리미엄 솔루션을 사용하여 웹 사이트 내부의 열, 뿐만 아니라 무료 옵션 그러니 주위에 붙어서 가입하십시오

그러면 우리와 함께 놀 수 있습니다 매주 좋아요, 이런 식으로하는 가장 쉬운 방법입니다 세 개의 열 또는 심지어 네 개의 열 레이아웃을 사용하거나 이들을 살펴보십시오 심지어 5 열 레이아웃

꽤 좋은 또 다른 두 열 레이아웃 이런 식으로하는 가장 쉬운 방법은 이미 사용중인 테마를 사용하는 것입니다 이미 내부적으로 (또는 기본적으로) 이미 내장되어 있습니다 Avada 테마는 채널을 시청하는 경우 매우 좋습니다

ThemeForest에서 끝났어 아래의 설명 상자에이 링크가 표시됩니다 그것은 $ 59 달러의 일회성 수수료입니다 조금 비싸다 그러나 그것은 모든 종들과 휘파람에 가치가있다

이 놀라운 테마는 $ 59입니다 상자에서 꺼내지 않은 것 중 하나는 퓨전 빌더입니다 그것이 그들이 그것을 부른 것입니다 퓨전 빌더라는 페이지 빌더입니다 그것은 Avada 제품입니다

이것을 확인하십시오 열을 만들고 싶다면이 것이 복잡하거나 단순한 반반 씩하고 싶다고합시다 하나있어 두 가지가 있습니다

두 개의 기둥이 있으며 완전히 반응합니다 그들은 휴대 전화에 아름답게 쌓아 놓습니다 "좋아요 당신이 두 개의 기둥을 만들었습니다 이제 어떻게 내용을 얻습니까? 안쪽에? " 여기 있습니다

이제 두 개의 열 레이아웃이 완성되었으므로 여기서 "Builder Elements"로 넘어갈 수 있습니다 내 텍스트 블록을 잡고 여기에 끌어다 놓을 수 있습니다 YouTube 동영상을 원한다면 YouTube 동영상 안으로 드래그 할 수 있습니다 그런 다음 작은 연필 아이콘을 클릭하면됩니다 그 상자

그래서, 이것은 당신에게 친숙 해 보일 것입니다 약간의 Wizzywig 환경을 좋아합니다 우리의 정기 대시 보드 물론 YouTube 동영상에 추가하는 것은 복사 및 붙여 넣기만큼 간단합니다 URL에 (YouTube에서 동영상이 살아있는 곳의 링크) 이것들은 물론 아름답게 쌓일 것입니다

여러분이 더 공상적이고 다른 컬럼을 원한다고 가정 해 봅시다 그들은 3 분의 1, 1/3, 1/3을 가지고 있습니다 당신은 1/5을 할 수 있습니다 이 모든 것이 원하는 열 레이아웃을 만들 수 있습니다 되려고

즉, 아바다 테마의 퓨전 빌더입니다 "안녕하세요, 저는 테마를 바꾸고 싶지 않습니다 정말 사용하고 싶습니다 내 기존 테마 그런 해결책이 있습니까? " 물론 우리는 그렇게합니다

그래도 또 다른 프리미엄 솔루션입니다 비주얼 컴포저라고합니다 이제 저는 이것에 대해 몇 차례 말씀 드렸고 저는 이미 다른 비디오를 가지고 있습니다 Visual Composer에 관해 만들었습니다 따라서 아래 설명란에 링크를 붙여 두겠습니다

이것은 34 달러 솔루션입니다 그러나 열 레이아웃과 훨씬 더 많은 작업을 수행합니다 정말 놀랍습니다이 모든 다른 옵션이 있습니다 따라서 이것을 확인하십시오

이것은 무료 또는 프리미엄 WordPress에 플러그인 할 수 있습니다 상관 없어요 우리 채널을 보면, 잠시 후에 다시 리뷰를했습니다 MotoPress '페이지 빌더 이제이 제품이 훨씬 간소화되었습니다

거의 복잡하지는 않습니다 그러나 그것은 또한 덜 비싸고, 지금은이 비디오를 보는 사람들을 위해 쿠폰 50 % 할인 바로 여기에 코드 : SUMMER 만료일은 8 월 15 일입니다 따라서 앞으로도 구매에 관심이 있습니다 여기에도 YouTube의 다른 동영상이 있습니다

아래의 설명 상자에 링크를 붙여 놓겠습니다 좋아, 그럼이 솔루션을 "무료"예산으로 원한다고 가정 해 봅시다 우리 채널을 보시면 항상 자유가 항상 있다고 말합니다 예산에 나는 해결책을 찾았습니다 "Lightweight Grid Columns"라는 무료 플러그인입니다

자, 다시 이것은 칼럼 만 수행합니다 (이 솔루션) 완전히 무료입니다 열만 있습니다 그래서, 나는 너에게 보여줄거야 1/2 반의 반이 있다는 것을 알 수 있습니다

당신의 3 분의 1, 그 다음엔 1/4입니다 이것이 실제로 어떻게 작동하는지 보여 드리겠습니다 설치 플러그인 내부에서 검색을 수행 할 것입니다 그것에 대한 검색을 수행하고 "경량 그리드 열 (Lightweight Grid Columns)"이라고합니다 당신은 가서 그것을 활성화합니다

그것은 제가 한 일입니다 완료되면 귀하의 페이지 또는 게시물 (둘 중 하나)의 내부에 가질 수 있습니다 바로 여기에 앉아서 "열 추가"라는 새 아이콘이 있습니다 당신은 그것을 클릭하고 싶을 것이다 이제, 이것은 당신에게 다른 멋진 옵션을 제공합니다

구조는 귀하의 웹 사이트를보고있는 장치에 따라 다릅니다 그렇다면이 열이 데스크톱 화면이나 노트북의 절반이 되길 원하십니까? 이 칼럼을 (태블릿에서 누군가를 볼 때) 50 % 화면의? 누군가 휴대 전화를 사용 중일 때이 열을 확장하여 전체 너비와 그 아래에 모든 스택이 있습니까? 그것은 전형적인 것입니다 이것은 전형적으로 절반의 1/2 열의 고장입니다 여기에 텍스트를 넣으십시오 나는 Lorem ipsum cupcake 텍스트를 가지고 있는데, 나는 그저 잡아서 재미있을 수있다

우리가 그 페이지에 던져 넣을 수 있습니다 내 콘텐츠를 거기에 넣을거야 이 행의 마지막 열입니까? 아니; 왜냐하면, 이것이 우리의 첫 칼럼이기 때문입니다 그래서 "확인"을 클릭합니다 저를위한 괴상한 코드를 모두 써야합니다

실제로 작성한 괴상한 코드는 바로 여기에 있습니다 여기까지 그런 다음 바로 여기 열을 닫습니다 나머지는 내 lorem ipsum입니다 나는 마지막 칼럼을하고 여기서 비디오를 원해

이제 YouTube로 빠르게 이동하여 '공유' 옵션을 퍼가려면 iframe 괴상한 코드를 여기에서 가져 와서 이 두 번째 열의 비디오 네가 마지막 열이라고 말 하겠어, 네 그런 다음 "확인"을 클릭하십시오 그래서,이 관점에서 모든 것을 쌓아 올리고 있습니다 하지만 페이지를 업데이트 해 보겠습니다

또는 변경 사항을 실제로 미리 볼 수 있습니다 그것이 나를 위해 무엇을 참조하십시오 거기는 내 바보 같은 텍스트가 여기에 표시되며 내 동영상이 있습니다 바로 거기에서 일어난다

물론, 휴대 전화에서이 모양을보고 싶다면 드래그 앤 드롭을 사용하십시오 이것을 떨어 뜨리고 그것을 축소 시키십시오 이것들은 아름답게 쌓일거야 내 텍스트가 있고 그 아래에 내 비디오가 있습니다 그것은 내부에서 열을 만드는 방법에 대한 "무료"예산의 해결책입니다

귀하의 워드 프레스 웹 사이트 좋은 하루 보내시 길 바랍니다 매주 1 주일에 우리를 붙잡을 수 있도록 구독하십시오 WordPress 수요일 안녕, 모두

그때 만나

Visual Composer Plugin not working in WordPress 4.5 to 4.7.1

이 동영상은 비주얼 작곡가와 페이지 작업하기 WordPress 용 빌더 편집기 플러그인 인 경우 당신은 비주얼 작곡자 플러그인을 찾을 수 있습니다 이 증후군은 다음 단계를 수행합니다

그것을 고쳐라 옆면 대시 보드에서 네트워크 사이트에 들어가서 플러그인하기 플러그인은 비주얼 작곡가를 비활성화하고 다음에 가서 아마 지금 삭제하십시오 웹 언론 팀이이를 요구합니다 플러그인을 다시 설치하고 다시 설치하십시오 헤더에 설치 링크가 있습니다

다른 플러그인 페이지 또는 대시 보드에서 테마 패널에 다음 칸을 입력하십시오 플러그인을 설치하고 필요한 플러그인을 설치하십시오 이것은 시각적 인 작곡가를 고치는 방법입니다 고마워요 시청하고 다음 동영상에서 뵙겠습니다 의자

Contact Form 7 Designer – Kaswara Visual Composer Addons

안녕하세요,이 비디오에서는 새로운 연락처 양식 7 스타일을 만드는 방법을 보여 드리겠습니다 VC 빌더에서 새 CF를 추가하여 시작하십시오

Kaswara Plugin에서 선택하십시오 보시다시피 기본 스타일이있는 양식이 하나 있습니다 페이지를 저장하고 결과를 보려면 미리 봅니다 이 스타일이 기본 스타일입니다 이제 새로운 스타일을 만듭니다

메뉴에서 kaswara로 이동하고 Contact Form designer를 선택하십시오 강력한 기능과 사용하기 쉽습니다 새 스타일 버튼을 클릭하고 원하는 이름을 지정하십시오 첫 번째 단계는 입력 양식 스타일을 선택하는 것입니다 독특하고 세련된 선택권이 있습니다

가장 좋아하는 것을 선택하십시오 이제 스타일을 선택하면 몇 가지 설정을 편집 할 수 있습니다 크기, 여백, 테두리, 글꼴 등 수정 볼 수있는 결과가 오른쪽에 실시간으로 표시됩니다 스타일 작성자와 함께 끝나면 이제 버튼의 스타일 및 효과를 선택할 수 있습니다 원하는 효과를 적용 할 수 있도록 멋진 효과를 사용할 수 있습니다

이제 버튼 설정을 제어 할 수 있습니다 높이, 너비, 색상, 테두리 등을 변경하십시오 설정을 변경하면 오른쪽에서 실시간으로 미리 볼 수 있습니다 버튼 정렬을 변경할 수도 있습니다 버튼에 테두리 추가 및 크기 및 색상 변경 일단 편집을 마치면 모든 섹션을 편집 할 수 있습니다

완료를 클릭하고 작업 내용을 저장하십시오 귀하의 페이지로 돌아가서 귀하의 양식에 새로운 스타일을 적용하십시오 귀하의 페이지로 돌아가서 귀하의 양식에 새로운 스타일을 적용하십시오 새 스타일을 적용하려면 페이지를 저장하고 미리보기 새로운 스타일을 볼 수 있듯이 !! 방금 만든 스타일을 편집 할 수도 있습니다 CF7 디자이너로 돌아가서 스타일을 수정하십시오

원하는 스타일을 선택하고 설정을 변경하십시오 내 페이지의 새로운 변경 사항 확인 카스 와라를 선택해 주셔서 감사합니다!

Shortcode Default Styling – Kaswara Visual Composer Addons

안녕! 이 비디오에서는 단축 코드 기본 스타일을 사용하는 방법을 보여 드리겠습니다 이 자습서에서는 button 요소를 사용합니다

요소에 필요한 모든 정보를 제공합니다 여기서 볼 수 있듯이 ON / OFF 스위치 버튼이 있습니다 기본 요소 스타일링을 사용할 수 있도록 설정했습니다 변경 사항 저장 및 페이지 미리보기 버튼 요소에 기본 스타일이 지정되었습니다 기본 스타일을 수정하려면 Kaswara => Shortcode Styling으로 가십시오

변경 가능한 단축 코드 목록을 찾을 수 있습니다 이 예제에서는 버튼 단축 코드를 수정합니다 클릭하면 모든 설정이 팝업으로 표시됩니다 원하는대로 변경하고 "저장"한 다음 변경 사항을 미리 봅니다 보시다시피 변경 사항이 적용되었습니다

기본 스타일링을 사용하지 않으려는 경우 스위처를 OFF로 전환하십시오! 그런 다음 원하는대로 변경하십시오 – 변경 사항 미리보기를 "저장"하십시오 이 기능을 많이 사용하면 시간을 절약 할 수 있습니다 동일한 스타일링으로 요소 및 단축 코드 너는 같은 일을 반복해서 반복하지 않을거야 카스 와라를 선택해 주셔서 감사합니다!

Replica Section – Kaswara Visual Composer Addons

안녕! 복제 섹션 기능을 사용하는 방법 왼쪽 메뉴에서 복제본 섹션으로 이동하고 "새로 추가"를 클릭하십시오 여기에서 볼 수 있듯이 Visual Composer가 없습니다

Visual Composer로 이동하여 다음 단계를 따르십시오 Replica 섹션에서 VC 사용 설정 원하는 이름을 입력하여 시작하십시오 페이지를 만들 때처럼 원하는 요소를 추가하십시오 이 튜토리얼 비디오에서는 제목 요소 만 사용합니다 복제본 섹션에서 섹션을 만들 수 있습니다

나중에 원하는대로 여러 페이지에서 사용할 수 있습니다 같은 일을 반복해서 반복하지 않고 일단 편집을 마치면 게시 버튼을 누르십시오 이제 당신은 귀하의 페이지로 가서 사용할 수 있습니다 방금 만든 복제 섹션 복제 섹션 요소를 검색하여 페이지에 추가하십시오 드롭 다운 목록에서 생성 한 것을 선택하십시오

작업 저장 및 변경 사항 미리보기 보시다시피 복제 섹션 (제목 포함)이 추가되었습니다 우리는 복제 섹션으로 돌아가서보기 만하면됩니다 언급 한대로 복제 섹션에 원하는만큼 요소를 추가 할 수 있습니다 색상 만 변경하고 페이지의 결과를 확인합니다 복제 섹션을 모두 업데이트하면 그것을 사용하는 페이지도 업데이트됩니다

이것은 복제본을 추가하는 첫 번째 방법입니다 (페이지에서 변경할 수 없음) 복제본을 페이지에 추가하고이 버튼을 사용하여 수정할 수 있습니다 복제본 섹션을 선택하고 페이지의 맨 아래 또는 맨 위에 추가하십시오 페이지에서 볼 수 있듯이 (복제본 내부의 내용) 요소가 추가됩니다 그럼 당신이 원하는 모든 변화를 만들 수 있습니다 언제든지 복제본에 요소를 추가 할 수 있으며 모든 페이지가 업데이트됩니다! 카스 와라를 선택해 주셔서 감사합니다!

Google Font Manager – Kaswara Visual Composer Addons

안녕하세요,이 동영상에서는 Google Fonts Manager를 사용하는 방법을 보여 드리겠습니다 새로운 데모 페이지를 만들어 어떻게 작동하는지 확인해 봅시다

heading 요소를 추가하여 일부 글꼴을 적용 할 수 있습니다 타이포그래피 탭으로 이동하여 임의의 요소에 대한 글꼴 설정을 변경하십시오 태블릿 및 휴대 전화 화면에도 반응 형 글꼴을 적용 할 수 있습니다 여기서 볼 수 있듯이 기본 글꼴 그룹 만 있습니다 아직 Google 글꼴을 추가하지 않았습니다 페이지를 저장하고 변경 사항 미리보기 기본 사이트 글꼴이 적용됩니다

지금 몇 가지 Google 글꼴을 추가해 보겠습니다 새 글꼴을 추가하면 글꼴 모음에 드롭 다운 목록에 추가되고 나열됩니다 왼쪽 메뉴에서 Kaswara를 탐색하고 Google 글꼴을 선택하십시오 일단 당신이 거기에있는 700 사용할 글꼴 목록을 찾을 수 있습니다 검색 영역에서 글꼴을 찾습니다 (이름별로) 목록에 추가 할 글꼴을 추가 버튼을 클릭하십시오

아래로 스크롤하여 추가 할 수있는 모든 글꼴을 봅니다 좋아하는 글꼴을 추가하면 이제 요소에서 사용할 준비가되었습니다 타이포그래피 탭으로 이동하여 새로운 것을 볼 수 있습니다 글꼴이 드롭 다운 목록에 추가되었습니다 새로운 글꼴 선택 및 변경 사항 미리보기 이 기능은 모든 카스 와라 텍스트 요소에서 사용할 수 있습니다

카스 와라를 선택해 주셔서 감사합니다!

Installation – Kaswara Visual Composer Addons

안녕! 놀라운 Kaswara VC Addons를 설치합시다 왼쪽 메뉴에서 플러그인으로 이동 한 다음 "새로 추가"버튼을 클릭하십시오

"플러그인 업로드"버튼을 클릭하십시오 CodeCanyon에서 다운로드 한 kaswarazip 파일을 선택하고 업로드하십시오 지금 설치 버튼 누르기 플러그인이 활성화되면 플러그인이 활성화됩니다 이제 플러그인이 설치 및 활성화되었습니다

새 메뉴 아이콘 및 항목이 왼쪽 메뉴에 추가됩니다 Kaswara 홈 페이지에 액세스하려면 클릭하십시오 Kaswara의 모든 기능 링크가있는 왼쪽 메뉴를 찾을 수 있습니다 이 멋진 기능에 대해 자세히 알아 보려면 다른 동영상보기 카스 와라를 선택해 주셔서 감사합니다!

Shortcode Manager – Kaswara Visual Composer Addons

안녕! 이 비디오에서는 단축 코드 관리자를 사용하는 방법을 보여 드리겠습니다 사용할 수있는 모든 카스 와라 쇼트 코드의 목록입니다

모든 단축 코드를 찾으려면 단축 코드 관리자로 이동하십시오 이름으로 요소 검색 원하는 단축 코드를 활성화 / 비활성화하려면이 버튼을 사용하십시오 스킬 바 요소가 사용 중지됩니다 한 번 변경 사항을 저장하는 것을 잊지 마세요 지금 당신이 찾을 수없는 페이지에서 vc로 갈 때 우리가 방금 만든 스킬 바 단축 코드 이제 우리는 결과를보기 위해 모든 단축 코드를 비활성화 할 것입니다 당신이 볼 수 있듯이 모든 요소는 이제 사라지고 사라졌습니다

우리는 방사형 진행 만 가능하게 할 것입니다 이제 하나의 shortcode 요소 만 존재합니다 이 멋진 기능을 사용하면 VC 단축 코드를 완벽하게 제어 할 수 있습니다 원하는 코드 만 활성화하고 단축 코드를 비활성화 할 때 어떤 페이지에서나 사용하고 있지 않은지 확인하십시오 카스 와라를 선택해 주셔서 감사합니다!