How to Fix Font Awesome Icons Not Showing in WordPress

안녕하세요, Hoz이고 오늘의 동영상이 전부입니다 글꼴 문제 해결에 대한 정보 아이콘이 표시되지 않습니다

폰트 끝내기 아이콘 단축 코드 놓기 어딘가에서 예를 들어 워드 프레스 메뉴와 아이콘은 그냥하지 않습니다 나타나다 그래서 나는 이것이 조나단이 지적 할 때까지 실제로 문제 코멘트에서 그것 – 그가 언급했다 그의 주제에 대해 그를 위해 일하지 않았다 온라인과 붐을 간략하게 살펴 보았습니다

이것이 실제로 꽤 공통적 인 문제가 있으며 사실 이 문제에 대한 수천 개의 결과 지금, 문제는 잘 도전하자 조금 더 깊이 파고 들자 내가 본 많은 스레드 중 일부 사람들의 대답은 서로 다릅니다 그들은 항상 작동하지 않습니다 그래서 이것은 무엇입니까 나는 지금까지 그럭저럭 할 수 있었다 나는 이것이 계속 될 것이라고 생각한다

내가 가지고 있다고 생각하지 않기 때문에 온라인으로 그 스레드 몇 개 읽음 모든 해결책이 가고 있다고 생각하지 마십시오 모두를 위해 일하기 때문에 내가 무슨 일을하는지 해야 할 일은 블로그 게시물을 만들 것입니다 내 블로그에 나는 그 링크를 넣을거야 이 동영상 아래의 설명에서 나는 몇 가지 언급 할거야

지금까지 내가 해왔 던 것들 동영상을 재생할 수 있지만 그런 다음 링크 헤드를 클릭하십시오 블로그를 통해 내가 계속됩니다 솔루션을 추가합니다 과 그 메모에 당신이 뭔가를한다면 너를 위해 일하고 그 후에 그것을 남겨주세요 그런 식으로 코멘트에 추가 할 수 있습니다

당신과 그 블로그와 신용 우리가 자원을 구축 할 수있는 방법은 누군가 문제가있는 경우 글꼴 멋진 아이콘을 표시 다음 중 하나를 사용하여이 문제를 해결할 수 있습니다 거기에 해결책이 있습니다 알았어 내 블로그와 이것은 실제로 라이브입니다 블로그는 그것의 사본이 아니며 당신입니다

이 사실을 알 수는 없지만 다음과 같이 할 수 있습니다 거기에 아이콘이 없습니다 이제 시도해 보았습니다 이것을 복제하고 결국 나는 어떻게 관리했는지 잘 모르겠다 하나의 아이콘은 사라지지만 다른 하나는 사라지지 않게하십시오

이 두 사람은 여기 이렇게 여기 둘 글꼴 멋진 아이콘과 여기에 이 아이콘이 있어야하지만 사라 졌어요 그것은 놓치기 때문에 이것이 문제입니다 어떤 사람들은 가지고있다 자, 내가 볼 때 온라인 나는 사람들이 이 아주 문제 : 일부 아이콘 만 사라지고 다른 사람들이 보여주고있다 그때 보고있는 다른 사람들이있다

아이콘 대신 사각형을 누른 다음 그냥 보지 못하는 다른 사람들이 있어요 어떤 아이콘이든 우리가해야 할 필요가있는 Ok 이 아이콘을 표시하게하면 이 일의 마지막에 뭔가 보여주세요 내가 실제로하고 해결 한 비디오 이게 다른 일 때문에 나는 지금까지 보지 않았다 좋아요

한 가지를 보여줌으로써 시작하겠습니다 if 보기 소스를 클릭하면 당신이 그것을 볼 수있는 멋진 검색 여기 스타일에 대한 참조가 있습니다 멋진 글꼴 인 시트 시트하지만 여기 내가 네가보기를 원하는거야 왜냐하면 이것이 문제의 근원이기 때문입니다 URL을 따라 가면 그것이 실제로 참조하고있는 것을 보아라

MaxCDN에서 호스팅되는 스타일 시트 멋진 글꼴 인 서버 시트가 있지만 버전 번호가 있습니다 4 점 7 점 제로 문제의 근원이라고 생각합니다 왜냐하면 내가 어떤 사람들을 보았을 때 일부 온라인 스레드 온라인 이 라인을 참조하여 스타일 시트와 그들은 수표를 말하고 있었다 이것이 당신의 머리말에다는 것을 또는 그것을 추가하십시오 하지만 항상 다른 버전이있었습니다

그런 다음 몇 가지 스레드를 보았습니다 누군가는 누구든지 소스 코드 확인 그 (것)들이주의 한 문제점을 스타일 시트를 참조하고있었습니다 잘못된 버전 나는 생각한다 일어나는 일 – 선들 사이에서 읽는 것 -은 그 글꼴은 끝내 그들의 것을 계속 업데이트한다

시스템 또는 그들의 일을 어떤 사람들은 오래되거나 이전 스타일 시트 문제를 일으킨다 그래서 이것은 모든 고통입니다 물론 엉덩이에 그래서 가장 먼저 이것이 내가 검색 할 때 보았던 플러그인은 플러그인이 잘만 글꼴 통합 우리가 당기고 있는지 확인하십시오 올바른 정보 또는 오히려 최신 정보

이제는 멋진 글꼴처럼 보이게 실제로 공식 플러그인이지만 꽤있다 몇 가지 플러그인 괜찮아 그래서 글꼴을 검색하면 끝내 주면 몇 가지를 볼 수 있습니다 플러그인이 나옵니다 이들 중 어느 것이 실제로 멋지게 만든 글꼴 그래서 나는 어떤 역사도 가지고 있지 않다

이러한 플러그인은 추천 할 수 없기 때문에 그러나 나는 이것을 알아 챘다 short 궁극의 코드는 거의 3/4의 백만 번 설치하므로 1 대 1이 될 수 있습니다 봐라 나는 그 많은 것을 본다 올 때 전체 5 개의 별을가집니다

문제가있는 경우 검토합니다 놀라운 글꼴 아이콘 표시 해결책이되어야한다 자, 이것을 설치합시다 더 나은 글꼴 하나만 시도해 굉장 플러그인과 나는 라이브에서 이것을하고있다 항상 좋은 생각은 아니지만 블로그 무슨 일이 일어나는지 보자

좋아, 방금 설치 했어 새로 고침하고 상자에서 나온지 확인하십시오 아무 일도 일어나지 않습니다 알았어 그 아이콘 알아

거기에 나타나지 않았다 좋아, 가자 실제로 플러그인이 무엇인지 확인하십시오 않습니다 좋아, 이것이 플러그인 그 자체 다

이제, 여기에 버전 설정을 변경 한 다음 드롭을 설정합니다 당신은 그것이 항상 최신이지만이 모든 것을 볼 수 있습니다 버전 및 이것 좀 더 또는 덜 검증 전에 내가 말한 것은 – 나는 이것이라고 생각한다 실제 문제 즉, 글꼴 끝내 업데이트 : 우리는 정적 코드 라인을 가지고 있습니다

특정한 하나의 스타일 시트를 참조한다 버전 다음에 우리는 빠져 나올거야 날짜 그래서 나는 어떤 사람들에게는 플러그인이라고 생각한다 가야할 길이 될 것입니다

분명히 최신 수단으로 설정 그 플러그인이 최신 버전입니다 그리고 그것은 끌어 넣을거야 최신 버전 자, 나는 이것을 알아 차렸다 fontawesome CSS를 제거하려고 시도하고 다른 플러그인에 의해 추가 된 짧은 코드와 테마 – 편리한 것일 수 있습니다 내가 생각한 첫 번째 문제는 나는 이미 내 헤더에 줄이있다 특정 스타일 시트를 참조합니다

나는 그것이 4 포인트 7 포인트 제로라고 생각해 이걸 보니 최신이지만 여전히 문제가 있습니다 하나의 아이콘이 없어서 이것이 약간의 것임을 알 수 있습니다 토끼의 구멍과 나는 놀랍지 않다 8 백만 가지가 넘는 결과가 있었다

내가 글꼴 멋진 아이콘을 검색했을 때 그렇게 보이지 않기 때문에 이것이 우리가 생각하는 이유입니다 다른 자원을 만들 수있다 실제로 작동하는 솔루션 그것이 하나가 될 것이라고 생각하지 마라 모두를 고치는 한 가지 문제 좋아, 너에게 보여줄거야

전에 내가 한 일은 실제로 이것을 고쳤습니다 나를 위해,하지만 나는 당신에게 내가 보여주고 싶었어 문제가 있다고 생각하면 그건 당신에게 왜 그것이 가능하지 않은지에 대한 이해 네가 일하면 일하고 또한 너를 돕는다 너 자신의 연구를 할거야 그것은 당신에게 출발점을 제공하기 때문에 또한 사실은 글꼴을 통합하는 플러그인 당신의 블로그 또는 당신과 함께 멋진 그 (것)들은 시험의 값이 있을지도 모른다

나는 물론 모든 것을 테스트하지는 않았습니다 하나만 연결했는데 시도해 볼 만하다 그 밖의 일로 일하는 것 같지 않으면 당신 이제 내가 실제로 무엇을 보여 드릴까요? 그건 실제로 나를 위해 일 했나요? 나는 undid 물론 그것은 내가 너를 보여줄 수 있도록 – 그러나 나는 방금 굉장한 폰트에 되돌아 가게되었다 아이콘에 가서 나는 다음을 찾았다

유튜브는 내가 아는 아이콘이기 때문에 실종이 안되네 내가 클릭 한 아이콘을 기억하십시오 이 하나 좋아, 코드를 복사 해 보자 그걸 내 클립 보드에 보내고 지금 가자 메뉴

좋아, 여기서 당신은 실제 아이콘이 보이지 않습니다 그 멋진 글꼴이 너무 많아서 이걸 할거야 내가 관습을 추가 할거야 링크 난 그냥 여기에서 만들거야 진짜 주소 일 필요는 없어 새 아이콘을 붙여 넣으면 거기에 마지막으로있어

이제 나는 구하고 싶어 블로그로 돌아가서 한 번 로드가 완료되면 브라우저와 봐이 말이 이해가 안돼 지금은 유튜브 아이콘이 있습니다 사라진이 사람을 얻을 수 없다 돌아와서 방금 하나 추가 했어

내가해야만하는 모든 일이 이 아이콘을이 아이콘으로 바꿉니다 그 중 하나가 누락되었거나 삭제되었습니다 그게 전부 빠졌고 그냥 움직여 이 주변에 내 메뉴와 그것을 넣어 가고 싶어 나는 알지 못한다

하지만 효과가 있었고 그게 내가 배려 한 전부 야 이 시점에서 그래서 내가 말했듯이 내가 생각하는 빙산의 일각 좋은 12 개가있을거야 해결하려고하는 여러 가지 사람들의 문제 적어도이게 우리에게 출발점 그래서 내가 제일 먼저 앞으로 나아갈 것입니다

당신이 원했던 아이콘이나 그 아이콘으로 가라 그게 당신하고 그냥 보이지는 않아요 메뉴에 새 맞춤 링크를 추가하고 그게 나타나는지 만 보아라 특정 아이콘이 보이지 않는 경우주의 내가 여기로 돌아 가자 알았어

YouTube를 다시 검색하면됩니다 내가 생각하기에 여기에 세 개의 아이콘이있다 대부분의 경우가있을 것입니다 여러 아이콘 하나의 특정 아이콘 에 대한 짧은 코드를 표시하지 않습니다

무슨 일이 일어나는지를보기위한 다른 것 내가 말했듯이, 아이콘이 표시되지만 무엇이 표시되어야합니까? 너 일할 수있어? 그래서 나는 시도 할 것이다 그 해결책을 먼저 추가하기 전에 플러그인 그래서 우리는 두 가지 해결책을 가지고 있습니다 우선, 첫 번째 것은 아이콘을 다시 수동으로 누르고 두 번째 아이콘을 다시 누릅니다

몇 가지 플러그인 중 하나를 시도하는 것입니다 저기에있어 실제로 당신을 위해 일합니다 그런 것들이 없다면 일하면 그것은 다양한 솔루션 구현 다른 사람들이 온라인에 대해 이야기했습니다 내가 처음에 말했듯이, 나는 블로그 게시물에 계속 추가하십시오 의견에 엄지 손가락을 줘

if 그것은 당신을 위해 일할 것입니다 알아두면 좋은데, 아직 안다면 채널을 구독하십시오 당신이 모든 것을 최신 상태로 유지할 수있는 방법 이 에피소드 진정해 다음 비디오에서 널 잡을거야

How To Fix WordPress Problems – Troubleshoot & Find The Problem & Repair

이 비디오는 실행할 수있는 몇 가지 일반적인 문제를 수정하는 방법을 보여줍니다 WordPress를 사용하여 버그를 해결하는 문제를 해결할 수 있습니다

웹 사이트가 옳지 않아서 당신이 생각하는 것이 무엇인지 알아 내야합니다 테마 또는 페이지 작성자 또는이 또는 그하지만 당신은 정말 이것도 알지 못합니다 테마 나 플러그인 제공 업체에서 얻을 수있는 지원 속도를 높이는 데 도움이됩니다 그래서 여기 나는이 웹 사이트에 올라서서 그것에 대해 변화를주고 흥분을 만난다 그것은 Elementor가 가지고있는 것입니다 여기에 몇 가지 플러그인이 있습니다

저는 여기에 앉아 있습니다 내 모자와 보리스이 무슨 일이 있었는지 모르겠다 다음 단계는 WordPress의 백 엔드에 들어가서 페이지를 클릭 한 다음 여기를 클릭하는 것입니다 여기 내 홈페이지가 있는데 나는 Elementor로 편집을 클릭 할 것이다 왜냐하면 나는 뛰어 오르기를 원하기 때문이다

Elementor를 사용하여이 모든 것을 내 현금으로 확인한 다음이 일을 올바르게 처리하십시오 여기 미안 컨텐트 영역이 귀하의 페이지에서 발견되지 않았지만 문제는 이것이 작동하고 있다는 것입니다 며칠 전이 문제를 해결할 수있는 원인이 무엇인지 알지 못합니다 비디오 나는이 비디오에서 당신이 할 수있는 모든 것에 대해이 모든 것들에 대해 흥분해합니다 지금 당신이하는 일들을 해결할 수있는 방법을 제공하는 것은 당신이 앉아있는 것입니다

당신은 Elementor 여야한다고 생각합니다 그러나 생각할 때 대부분의 시간을 말해야합니다 그것은 특정 플러그인 또는 특정 주제에 문제가 일반적으로 아니지만 싶어 이 비디오에서 아래로 좁히는 방법을 보여주세요 안녕하세요 WPCrafter

com의 Adam입니다 당신이 구독을 클릭하는 것을 고려한다면 비 기술적 인 사람들을 위해 WordPress 튜토리얼 비디오를 리메이크하십시오 버튼 업데이트 알림 벨을 클릭하십시오 어떤 종류의 문제를 겪고있을 때 일반적으로 작동하는 방식의 당신은 일반적으로 당신의 테마 제공자에게 당신이 도달했다고 생각하기 때문에 손을 내밀 것입니다 당신이 생각하는대로 페이지에 표시됩니다 너를 위해서 이걸 알아 내려고 싶지만 너에게 너의 접근이 필요해

웹 사이트를 방문한 다음 액세스 권한을 부여하면 2 ~ 3 일이지나갑니다 이제 그들은 그것을 가지고 있으며 본질적으로해야 할 일은 그들이 웹 사이트를 방문하고 모든 플러그인을 사용 중지하는 지루한 과정을 거친 다음 그것들을 하나씩 활성화 시키면 그들은 다른 테마를 넣고 그것이 사물인지를 볼 것입니다 당신이 사용하고 있고 그들이 제거 과정을 사용하여 플러그인이나 테마가 없다고해도 문제는 현재 무엇입니까? 당신은 실제로 이것을 할 수 있습니다 당신의 세포 현상은이 비디오에서 이것을하는 방법을 통해갑니다 이전에 백업을하고 싶다는주의를 기울이는 더 빠른 방법입니다 이렇게하면 비디오 설명 상자에 링크가있는 웹 사이트를 백업 할 수 있습니다 아래로 아래로 updrafts 당신이 시작하기 전에 그것을 원하는 updrafts의 자습서를 사용하여 이 과정은 이제 귀하의 웹 사이트 호스팅 회사가 스테이징과 같은 스테이징을 제공하는 경우 두 번째입니다

당신이 무대 지역에서이 비디오로 할 일을하고 싶은 지역과 만약 당신의 웹 호스팅 공급자는 괜찮습니다 동영상에 다른 링크를 추가 할 것입니다 비용이 들지 않는 준비 영역을 쉽게 만드는 방법에 대한 설명 상자입니다 몇 분 정도 시간이 걸릴 것이고 그 일은 백업을 만들 수 있습니다 당신의 웹 사이트와 그것의 분리 된 지역으로 그리고 그 때 당신은 거기 로그인 할 수 있고 당신은 할 수있다 당신이 원한다면 무엇이든 할 수 있습니다

왜냐하면 목표가되는 주요 웹 사이트에 영향을 미칠 수 있기 때문입니다 우리는 문제를 해결하려고 더 많은 문제를 일으키고 싶지 않으므로 당신이가는 사람은 하고 싶은 것은 당신의 테마를 바꾸는 것입니다 우리가 이것을 먼저하고 싶은 이유는 플러그인을 제거하는 과정에가는 것은 간단합니다 더 많은 시간을 할애하여 귀와 여분의 테마를 설치하는 것이 좋습니다 귀하의 워드 프레스 웹 사이트 그래서 당신이 쉽고 빠르게 기본값 으로이 작업을 수행 할 수 있습니다 당신이 여분 주제가없는 경우에 WordPress 당신은이 3 개의 주제가 여기에서 있을지도 모르다 설치하십시오 그냥 새 항목 추가를 클릭하고 이전 주제를 설치하면 상관 없습니다

WordPress 테마의 경우이 경우 2017이되므로 지금은 알지 못합니다 admin bar 나는 어제 admin bar를 가져야한다 오늘은 없어 당신이하고 싶은 일은 농구를 시작했을 때 다른 테마를 활성화해서 진행하는 것입니다 방금 2017 년에 활성화했는데 여기로가는 것이 현명하다는 것을 알고 있습니다

새로 고침을하면 모양이 완전히 달라 보이지만 요점은 무엇입니까? 내 관리자 표시 줄이 돌아 왔는지 그리고 다시 돌아 오지 않았는지 확인하여 다음에 할 일은 페이지에 들어가서 지금 Elementor에 들어갈 수 있는지 살펴보고 들어 가려고합니다 누군가 내가 가서 그냥 돌아가서 클릭하면 안된다 이 원인이 테마가 될 가능성을 제거했습니다 이제는 테마가 아닙니다 내 사이트가 정상적으로 보이기를 원하기 때문에 내가 사용했던 테마를 다시 활성화하고 활성화 할 수 있습니다

그리고 나는 프론트 엔드에 가서 우리가 아직도 가지고있는 것을 제외하고는 아무것도 깨지 못했음을 보게된다 우리가하고 싶은 일을 처리하는이 문제는 무료 플러그인을 설치하는 것입니다 플러그인 탐지 (plug-in detective)라고 불리는이 오래된 방법은 우리가 백엔드에 들어가는 것입니다 WordPress에서 우리는 플러그인으로 가고 플러그인의 모든 플러그인을 비활성화해야합니다 문제가 사라 졌는지 확인하고 대개 플러그인을 활성화해야합니다

하나씩 플러그인을 활성화 한 다음 이동하면 새로 고침을 수행하여 플러그인인지 확인합니다 고정되어 있고 여전히 고정되어있는 경우 플러그인을 활성화 할 때까지 플러그인을 계속 활성화합니다 문제가 발생했는지 확인하여 실제로 깨 졌는지 확인하십시오 그래서 우리가하고 싶은 것은 바로이 플러그인을 사용하는 것입니다, 플러그 앤드 탐정 는 이러한 플러그인을 비활성화하고 다시 활성화하고 확인하는 작업을 간소화하고 100 단계로 처리합니다 우리에게 그것은 무료 플러그인이며 계속 진행하여 지금 바로 사용할 수 있습니다

시간을 할애하여 새 추가를 클릭하면 계속 진행됩니다 플러그인에 대해서는 여기에서이 플러그인을 설치하고 활성화 할 것입니다 그리고 그것을 사용하는 법을 보여 드리겠습니다 활성화를 클릭하면됩니다 당신이 그것을 활성화 할 때 당신이 문제를 말하는 새로운 관리자 메뉴 링크가 있다는 것을 알아 채려면 플러그 앤드 탐정을 활성화 시켜서 프론트 엔드에 가서 새로 고치겠습니다

그래서이 경우 특정 페이지에 특정 문제가있는 경우 관리자가 있습니다 bar이 경우 불행히도 당신이하는 일은 그 페이지로 이동합니다 문제 해결 여기 워드 프레스의 백엔드에서 문제 해결에 관한 정상 회담을 클릭하지 않았습니다 탐정 플러그 연결을 시작할 것입니다이 로봇으로 정말 귀여운 플러그인입니다

우리가하고 싶은 모든 것은 새로운 케이스를 열면 클릭하면됩니다 이제 우리에게 문제가있는 곳으로 데려가라고 부탁하십시오 그래서 제게는 앞으로 나아가 야합니다 관리자 막대가 없기 때문에 내 웹 사이트의 끝과 나는 그 관리 바 Elementor에 들어가는 Elementor에서 모든 것은 방문 사이트를 클릭하기 위해 일부 관련됩니다 그것은 나를 앞쪽으로 데려 갈 수 있고 여기에 나는 나의 관리 술집이 없다

그래서 나는 지금 어디에있다 문제는 근본적으로 이것은 단지 문제가 내가 클릭하는 곳으로 가라고 말하는 것입니다 나는 거기에있다 그리고 지금 그것은 좋다 우리 플러그인의 목록을 보여주고, 우리에게 어떤 것을 요구하고 있는가? 이러한 플러그인 중 사이트가 제대로 작동하려면 클릭해야합니다

Elementor에서 일반적으로 기본 페이지 빌더 플러그인을 클릭하려고합니다 이 단계에서 Elementor를 클릭하고 클릭하면 끝났으므로 지금은 무엇입니까? 그룹을 활성화하는 그룹을 비활성화하는 과정을 거치게됩니다 우리는 정면으로 그리고 우리가이 제거 과정을 겪을 때까지 두 가지가 함께 할 것입니다 그래서 처음에 진짜로 시작 심문을 클릭하십시오 여기에 귀하의 사이트가 다시 문제라고 말합니다 고정 나는 내 관리자 모음을 다시 가지고 있으므로 예를 클릭하면 괜찮아졌고 그 다음에는 고정되어있다 다시 시작 심문을 클릭하고 다시 묻는거야 당신의 문제가 해결됩니다 그리고 네, 제 관리자 막대가있어서 시작 심문 번호를 다시 고칠 수 있습니다

다시 말하자면 문제는 고쳐지고 그렇습니다 내 관리자 모음이 있습니다 summa 예를 클릭하십시오 고정되어 있습니다 다시 시작 질문을 클릭하십시오

다시 묻습니다 문제가 있습니다 고정 예, 다시 시작 심문에 대한 내 클릭이며 귀하의 사이트가 귀하의 문제라고합니다 다시 사이트가 깨진 것을 발견하면 지금 고쳐야합니다 내 관리자 바가 없습니다

아직도 깨진 건데 여기 범인이 바로이 플러그인 인 걸 발견했다 ODT 상대 URL로 명명되었으므로 이제는 비활성화 옵션을 사용하여 나에게 옵션을 제공합니다 나는 나를 위해 deactivated에 대한 클릭에있어 범인은 그들을 클릭하여 발견됩니다 WordPress 대시 보드로 돌아가서이 프로세스를 진행하면서 무엇을했는지 심문을 시작하기 위해 클릭 할 때마다 일괄 적으로 비활성화 및 활성화 다시 무슨 일이 있었는지 그것은 몇 가지를 더 활성화 시켰고 그 일을 계속 추적하고있었습니다 너를위한 모든 것은 뒤에서 고통이고 이것과 같은 도구없이해야한다 경험과 모든 사람들이 개발자 도구가 문제는 문제가 아니며이 경우에는 Elementor가 문제라고 생각했을 것입니다

내가 가자 Elementor의 문을 쾅쾅 쾅 쾅 쾅쾅 흘리지 만 그것이 확인되지 않은 것은 밝혀지지 않았다 여기에서 일하고있는 웹 사이트는 내가있다 그리고 새로 고침을 클릭하지 않는 관리자 바바라 번호가 있었다 그리고 1/2 우리는 우리의 admin bar를 가지고 있습니다 그리고 나서 바로 Elementor로 편집을 클릭하십시오

Elementor에 들어가면 Elementor로 편집을 클릭하면 볼 수 있습니다 Elementor 인터페이스로 돌아 가면 굉장합니다 이제 플러그인으로 들어가 보겠습니다 섹션 바로 여기에서 볼 수 있습니다 ODT 상대 URL은 무엇입니까? 이 플러그인을 비활성화하면 플러그인이라는 것을 쉽게 알 수 있습니다

문제를 일으켜서 결국 당신이하는 일은 당신이 단순히 당신에게 갈 것이라는 것입니다 귀하의 웹 사이트의 준비 영역에서이 모든 작업을 수행 했으므로 기본 웹 사이트 클릭으로 돌아갑니다 플러그인을 사용 중지하면 해당 웹 사이트에서 문제가 해결됩니다 다시 일하는 중이고 어쨌든 그렇게 간단합니다 여러분이 어떤 가치를 발견했기를 바랍니다

이 비디오에서 당신이 엄지 손가락을 포기하고 페이스 북 그룹이 아니면 또는 WordPress에 문제가있는 친구가 있다면이 링크를이 폴더에 공유하십시오 그들과 함께 비디오를 보면서 지금 당장 문제를 해결하는 법을 알 수 있습니다 이 문제를 바로 해결할 수 있도록 지원의 앞뒤를 헤쳐 나가야합니다 지금은이 동영상을 시청 해 주셔서 감사합니다 다음 동영상에서 만나기를 바랍니다

DIY WP #34 Front Page Static Coding Part1 : Navbar & Modal

자 이제부터 프런트 페이지 하드 코딩을 하겠습니다 우선 codin diy 테마 폴더에서 새파일을 클릭하고, 이름은 front-page

php를 만듭니다 워드프레스에서 프런트-페이지 이름이 되겠습니다 그 다음 프런트 페이지를 진행하기에 앞서 header 부분을 넣어 줍니다 headerphp에 네비게이션이 있는데, 조금 수정하도록 할께요

네비게이션 모습을 보시면 이렇습니다 네브바, home, features, pricing, dropdown link 등 이 드롭다운 링크를 클릭하면 드롭다운 서브메뉴가 보이죠 부트스트랩 네브바 컴포넌트를 복사해서 붙인 모습입니다 이제 이 메뉴를 고칠텐데요, 다시 텍스트 에디터로 가서, 상단의 navbar 부분 에서 bg-light는 네브바의 색상을 표시하는 부트스트랩 클래스입니다

아주 밝은 회색이죠 이 색을 bg-primary로, 또 navbar-light 대신 navbar-dark라고 고칩니다 그리고 브라우저에서 스크롤하면 네비게이션이 위로 사라지죠 스크롤다운하더라도 네비게이션이 상단에 딱 붙어있는 모습으로 하고 싶은데, 이 때는 sticky-top이라는 클래스를 씁니다 이것은 부트스트랩의 포지션이라는 페이지에 있는 클래스입니다

이대로만 쓰시면 됩니다 이 아래에 마진 바텀으로 4스페이싱 정도의 여백을 두겠습니다 다음 이 아래 navbar brand는 지금 이 홈페이지의 회사나 업체 이름에 해당하는데, 여기에는 로고 이미지도 들어갈 수 있습니다 그래서 엔터를 두번 치고, 이지를 넣어주겠습니다 img 태그에 클래스는 둥근 모서리의 rounded-circle, 그리고 반응형 이미지로 img-fluid, 이미지에 그림자 효과를 두게 img-raised, 이건 부트스트랩 클래스는 아니고, 별도로 css 지정을 해 줄 겁니다

그리고 탭키 src에는 더미이미지로 http viaplaceholdercom 에 사이즈는 40×40으로 합니다 그리고 물음표 text 이퀄 Logo라고 적어봅니다

이미지에 logo라는 글자가 보일 겁니다 이 로고이미지는 가로 40픽셀, 세로 40픽셀인데요, 닫히는 태그 부분에 width로 40픽셀, height 40픽셀이라고 적어줍니다 이미지 태그 밑에 span이라는 태그를 만들고, 이 span 태그 사이에 Navbar를 넣겠습니다 이름은 이제 navbar 대신에 our company라고 하겠습니다 span에 클래스로 ml-2로 넣겠습니다

일단 여기까지 하고 세이브를 눌러주세요 브라우저에서 리프레쉬를 하면 네브바 색이 푸른색으로 바뀌었고, 더미이미지이지만 로고 이미지가 생겼고, 브랜드 네임이 생겼습니다 아까보다는 좀 더 좋아졌네요 이번에는 메뉴 아이템들이 좌측에 있는 것을 로고 이미지만 남기고, 오른쪽에 위치하게 할 겁니다 텍스트 에디어로 가서, ul에 클래스를 ml-auto라고 추가해주세요

마진 레프트를 자동으로 한다는 뜻인데, 이르면 좌측 아이템과 떨어지게 됩니다 세이브 브라우저에서 리프레쉬하면 이제 메뉴 아이템이 우측으로 갑니다 또 로고이미지와 메뉴 아이템이 메뉴바의 폭을 완전히 넓게 차지하고 있는데요, 이게 좋으시면 이대로 하셔도 됩니다만, 저는 안쪽으로 모이게 할 생각입니다 그러려면, nav 태그 밑에 div 클래스로 container를 넣어줍니다

그리고 이 사이에 a 태그 밑에서 드래그해서, nav 태그 위의 닫히는 div 태그까지를 지정해서 cut한 다음 이 속으로 붙여넣기를 해주세요 줄 정리를 해주시구요, 여긴 닫히는 container, 그 밑에는 닫히는 nav라고 주석 표시하죠 세이브하고, 브라우저에서 리프레쉬하면 로고와 메뉴 아이템들이 조금 가운데로 모였습니다 현재는 메뉴 아이템이 4개인데, 혹시 앞으로 더 많아져서 지금의 폭에 맞지 않는다면, 아까 넓은 폭으로 네브바를 써야 할 겁니다 그 다음 좀 전 ml-auto라는 부트스트랩 클래스에 대해 부트스트랩 페이지를 보죠

여기 spacing 페이지를 보시면, responsive한 마진과 패딩을 만들어주는 클래스라고 설명하고 있습니다 지금 여기 보시면 m이라고 하는 것은 마진을 의미하고, p라고 하는것은 패딩 그 밑에 t, b, l, r, x, y 등은 side를 의미하는데요, t는 탑, b는 바텀, l은 레프트, r은 라이트, x는 가로, y는 세로, 아무것도 없으면 4방향 모두입니다 사이즈는 0에서5까지, auto는 자동 입니다 그래서 좀전 로고 이름과 이미지 사이에 ml-2라고 한 것은 왼쪽으로 2스페이싱만큼 마진을 둔다는 뜻이 됩니다 또 밑에 ml-auto는 왼쪽 바깥 여백을 auto로 하겠다는 것입니다

auto로 하면 여기 로고와 home의 간격이 반응적으로 떨어지면서 양쪽에 맞게 위치하게 됩니다 자, 다음은 메뉴의 아이템을 수정합니다 home은 그대로 두고, 두번째는 Intro라고 하구요 세번째는 page라고 하겠습니다 네번째는 blog인데, 위의 페이지와 블로그의 순서를 바꾸죠 좀전 page라고 한것을 blog라고 하고, 여기 드롭다운 링크를 페이지로 고칩니다

밑의 하위 메뉴에는 페이지 아이템 1, 2, 3로 고쳐봅니다 세이브하고, 브라우저에서 리프레쉬를 하면, 이렇게 변화됩니다 page를 클릭하면 드롭다운으로 서브페이지가 보입니다 잘 되었습니다 다음 page 메뉴 다음에는 예약 메뉴를 넣겠습니다

여기에 li 클래스로 nav-item 그리고 탭키를 누릅니다 그 밑에는 a태그로 클래스 nav-link 탭키 href에는 그냥 해시태그로 하죠 메뉴 이름에는 reservatioin으로 적습니다 그 밑에 또 메뉴 아이템이 들어가는데, 그냥 이 예약 메뉴 li 부분을 복사해서 붙여넣기 합니다

메뉴 타이틀만 reservation 대신 contact라고 하고 저장 브라우저에서 리프레쉬합니다 그럼 새 아이템 2개가 생긴 것을 볼 수 있습니다이 컨택트 메뉴를 클릭하면 모달이라고 해서 팝업창이 내려와서, 설명글이나 메일 폼을 넣을 겁니다 모발은 부트스트랩, 컴포넌트에, 모달이라는 섹션이 있습니다

들어가보시죠 버튼을 클릭하면 이렇게 주위는 어두워지면, 팝업창 같이 나타나게 됩니다 이런 것을 modal이라고 하는데, 이 컴포넌트를 만들어볼 겁니다 쉽습니다 button 태그나 a태그를 써서 트리거 버튼을 만들구요, 그 속에 이 data-toggle과 data-target 속성을 붙여주면 됩니다

이런 것들을 속성 또는 attribute라고 하는데요, 이 것들이 중요합니다 다시 텍스트에디터로 갑니다 contact의 a태그 뒷 부분에 data-toggle은 modal, data-target에는 #마크하고, modal-contact 라고 적어줍니다 이름은 자유롭게 해도 되는데, 이게 컨택트 트리거이니까, 아이디에 modal-contact라고 했습니다

네 잘 되었습니다 이제는 모달의 컨텐츠를 만들 차례입니다 위치는 닫히는 nav 메뉴 밑에 만들겠습니다 주석으로 modal contact라고 해주시구요

닫히는 주석도 하나 달아 주겠습니다 부트스트랩 페이지에 모달 컨텐트를 복사해서 붙여넣기 합니다 그리고 reindent, 줄 정리를 해 줍니다 세이브하구요 여기 아이디로 modal-contact라고 고쳐 주세요

세이브하구요 브라우저로 가서, 리프레쉬하고, 컨택트 메뉴를 누르면 이렇게 모달이 내려옵니다 작동은 제대로 잘 되네요 다시 텍스트 에디터로 갑니다 좀 코드 편집을 해야 겠네요

우선 모달창의 크기를 좀 더 크게 하겠습니다 div에 클래스 modal-dialog 뒤에 modal-lg를 추가해주세요 이건 부트스트랩 페이지를 보면, Optional size에서 라지 사이즈가 되게 해줍니다 그리고 옆의 버튼은 스몰 사이즈가 됩니다 라지 사이즈로 하고 싶으면, modal-lg라고 해준다고 합니다

여기에 header 부분은 지금 여기 Modal title이라는 이 부분이구요, 주로 여기에는 모달의 타이틀이 들어가면 되겠습니다 여기에는 아이콘을 하나 넣습니다 i 태그에 fa fa-pencil-square-o라고 하고 탭키 닫히는 i 태그 다음에 스페이스 한 칸 띄우고, 제목에는 contact us!라고 해줍니다 이제

으로 되어 있는 모달 바디에 내용이 들어가는데, 테스트로 lorem 100개의 단어를 넣어봅니다 그 다음 세이브하고, 브라우저로 가서, contact를 누르면 모달 사이즈가 커졌고, 제목과 아이콘, X 마크 생겼고, 바디에는 더미 텍스트도 잘 위치하는 것을 볼 수 있습니다 잘 되었네요

이제 그러면 이 바디 부분에 메일을 보낼 수 있는 input form을 작성해보겠습니다 이 더미텍스트는 지웁니다 우선 짧은 설명글로, p 태그에 클래스로 lead text-center를 넣고, We like to receive a mail이라고 넣어봅니다 그 다음 엔터, br 태그 넣고, 메일폼을 넣으려면, form이라는 태그를 넣습니다 action은 지웁니다

이 사이에 폼양식을 넣는데요 부트스트랩에 input 페이지로 가면, 여러 가지 폼 양식을 제공해 줍니다 메일 폼, 패스워드 폼, 그리고 submit 버튼 등의 예제들이 있습니다 이것들을 그대로 써주시면 되는데요, 클래스로 form-control을 주로 씁니다 div에 클래스로 row 탭키를 눌러주세요

그 밑에 div에 클래스로 col-md-4, 미디엄 사이즈에서 4개의 컬럼을 하나의 단으로 쓰는 클래스입니다 그 밑에 div에 클래스 form-group 탭, 다음에는 input 클래스로는 form-control, 아이디로는 formInput1 탭키를 눌러주세요 타입은 텍스트, id는 넘어가고, 마지막에 placeholder로 Your Name이라고 해줍니다 그 밑에 이메일 폼을 넣을텐데, 이 col-md-4 div를 복사해서 3번 붙여넣기합니다 두번째의 타입에는 email, 아이디에는 2라고 고치구요, placeholder에는 name 대신 email로 고칩니다

3번째에는 텍스트 그대로, id에는 3, placeholder에는 subject라고 해주세요 그 밑줄에 엔터 그리고 클립보드에 복사된 것을 한번 더 붙여넣기하고, col-md-12로 고칩니다 좀 긴 글을 적을 수 있는 textarea를 넣을텐데, input 부분은 지우고, textarea 태그에 클래스는 form-control, 아이디는 formInput4로 하고 탭키를 누릅니다 여기 rows엔 텍스트에어리어 높이인데, 8정도 하겠습니다

cols는 별의미가 없으니까 삭제하시고, plceholder에는 Your message라고 해줍니다 그 아래에 submit 버튼을 넣을텐데요, div 클래스로 col-md-2, 탭키를 누릅니다 클래스로는 btn btn-danger 크기는 btn-lg btn-fill, 버튼 안에 색상이 차 있는 클래스입니다 탭키 내용은 submit이라고 합니다

여기에 row라고 하는 주석 표시해주시구요 이 밑에, 메일 말고 또 다른 방법으로 연락할 수 있는 내용으로 div 클래스로 text-center my-3 탭을 누릅니다 p 태그에 클래스 lead 탭 내용은 OR

밑에 또 p 태그, 탭키를 누르고, 내용으로 이렇게 입력하고, 아이콘으로 fa fa-phone-square 탭을 눌러주세요 전화번호로 02-111-111이라고 적습니다 일단 그냥 임의로 적었습니다 풋터부분에는 close와 save 버튼이 있는데, save 버튼은 삭제합니다 close 색상도 secondary 대신 success, 녹색으로 바꿉니다

나머지는 그대로 세이브합니다 브라우저로 가서, 리프레쉬합니다 컨택트를 클릭하면, 네 이런 모습의 모달창이 나타납니다

여기 오타가 있는데요, 나중에 고칠테니 그냥 두고요, name, email, subject, message, submit, 여기 또 오타가 있네요 고쳐야겠네요 여기와 submit 수정해주겠습니다 세이브하고, 브라우저 리프레쉬합니다 다시 컨택트 메뉴를 클릭하면, 이젠 좋습니다

모달을 닫을 때는 x나 밑의 close 둘 중에 아무거나 눌러도 됩니다 지금까지의 메뉴 코딩은 나중에 acf로 바꿀 것입니다 자, 프런트 페이지의 코딩은 다음 동영상에서 계속 이어서 하겠습니다 수고하셨습니다

Hestia vs OceanWP vs Astra: Most POPULAR WordPress Themes [2018]

새로운 프로젝트의 주제를 선택하는 것은 혼란 스러울 수 있으며, 진정으로 당신의 번거 로움을 이해합니다 나는 수년 전에 같은 상황에 처 했었지만 지금은 내가 필요한 것을 정확히 알고있다

그래서 가장 인기있는 3 가지 주제에 대해 내가 아는 모든 것을 당신과 함께 나누기로 결정했습니다 WordPress 디렉토리 : Hestia, OceanWP 및 Astra 그들이 어떻게 서로 쌓여 있는지보고 싶어? 먼저 각 테마의 데모를 살펴보고, 그것들을 설정하거나 디자인 옵션 등등 같이 그들과 함께 일하는 것입니다 마지막으로, 우리는 비교할 핵심 기능이 무엇인지 살펴볼 것입니다 준비된? 시작하자! OceanWP는 스타일을 강조합니다

이 테마는 사이트의 모양과 느낌을 사용자 정의하는 데 사용할 수있는 많은 데모를 제공합니다 다양한 용도로 사용할 수 있지만 특히 전자 상거래에 적합합니다 사이트 OceanWP를 테마로 사용하면 모바일 및 태블릿 화면에서도 웹 사이트가 멋지게 보입니다 헤스티아 (Hestia)는 현대적인 워드 프레스 테마 다목적 한 페이지 디자인입니다

그것은 잘 어울리는 사전 제작 된 홈페이지 섹션과 함께 제공되지만, if 더 많은 것을 원한다면 사이트 라이브러리에서 미리 만들어진 사이트 데모를 선택할 수 있습니다 이것은 테마가 상상할 수있는 모든 유형의 웹 사이트에 완벽 함을 의미합니다 그 중 박스형 레이아웃은 웹 사이트를 돋보이게합니다 모바일 응답? 확실한 것! 주요 관심사는 실적이지만 Astra는 세련된 웹 사이트를 만드는 데 도움을줍니다 이것은 매우 가벼운 테마로, 귀하의 사이트가 정면에서 빠르게 달릴 수 있도록 해줍니다

및 백 엔드 코더가 아닌 사용자에게도 맞춤 설정이 가능하며 Astra는 모바일 응답 성이 뛰어난 사전 제작 기능을 제공합니다 데모도 있습니다 앞으로 나올 각 테마의 기능에 대해 자세히 알아보십시오 이제 Hestia 대 OceanWP 대 Astra가 실제로 어떻게 생겼는지보아야 할 때입니다

각 무료 테마를 설치하는 과정에 대해 간략히 설명하겠습니다 그런 다음 맞춤 설정 도구를 통해 설정하는 과정을 살펴 보겠습니다 어떤 테마가 최상의 옵션과 함께 제공되는지 확인할 수 있습니다 WordPress에 새로운 테마를 추가하는 것은 쉽습니다 대시 보드의 Appearance 섹션에서 ASTRA를 검색 한 다음 설치를 클릭하십시오

단추 Astra를위한 데모 컨텐츠 설정 방법은 다소 복잡합니다 WordPress Plugin에서 Astra Starter Sites라는 무료 플러그인을 설치해야합니다 디렉토리 플러그인을 설치하면 모양 → Astra 사이트 아래에서 데모 사이트를 찾을 수 있습니다

Elementor 또는 Beaver Builder를 사용하는지 여부를 선택해야합니다 이는 선택에 영향을 미치기 때문입니다 데모 자체는 스타일리시하지는 않지만 잘 짜여져 있고 전문적입니다 OceanWP의 옵션으로 그러나 제품 방문 페이지 데모와 같은 멋진 시작 디자인이 있습니다

Appearance 탭에서 Astra Options라는 섹션을 볼 수 있습니다 이렇게하면 디자인 옵션에 대한 스냅 샷이 제공됩니다 여기의 링크가 맞춤 설정 도구로 연결되기 때문에 대신 바로가는 것이 좋습니다 여기에있는 조직은 OceanWP보다 더 간소화되어있어 기본적인 선택을 할 수 있습니다 처음부터 천천히 확장하여 다양한 옵션을 제공 할 수 있습니다

전반적으로이 테마로 할 수있는 것을 빨리 파악하고 시작하십시오 바로 일하고 있습니다 일단 Hestia WordPress 테마를 설치하면 "Get Started With Hestia"버튼이 나타납니다 그러면 다음에해야 할 일을 정확히 알려줄 것입니다 아주 똑바로, 맞습니까? 첫째로,이 주제는 당신이 쉽게 편집 할 수있는 미리 만들어진 1 페이지 웹 사이트로 제공됩니다

WordPress 사용자 정의 프로그램을 통해 승인? 더 나은 점은 다른 전체 웹 사이트도 가져올 수 있으며, 해당 웹 사이트에서 해당 데모를 찾을 수 있습니다 다른 확장 또는 도구를 설치할 필요없이 사이트 라이브러리 얼마나 시원합니까? 그리고 그게 전부는 아닙니다! Hestia에는 유용한 기능에 대한 자유로운 액세스를 제공하는 두 가지 플러그인이 함께 제공됩니다 소셜 공유, 메뉴 아이콘, 웹 로그 분석, 웹 사이트 모니터링, 양식 및 기타 기능을 제공합니다

우리는 Hestia가이 비디오에서 가장 좋은 "선택"이라고 동의 할 수 있다고 생각합니다 당신은 무료로 사용할 수 있습니다 OceanWP가 활성화되면 OceanWP는 이와 같이 보입니다 지루한가, 그렇지? "다음에해야 할 일은 무엇입니까?" 나는 너희 모두가 가질 수 있다고 생각하는 질문이다 음, 단점은 볼 수있는 데모 중 하나를 얻는 방법에 대한 정보가 없다는 것입니다

그들의 웹 사이트에 이를 위해 Ocean Demo Import 플러그인을 설치해야합니다 그 후에 테마 패널 / 데모 설치에 액세스하여 볼 수있는 무료 데모 중 하나를 얻을 수 있습니다 이 데모는 전체적으로 매우 전문적입니다 여행 데모 – 좋은 예입니다

당신이 출발점으로 얻는 것의 다음으로, 변경을 시작하기 위해 Customizer로 향하고 싶을 것입니다 실제로 많은 사람들이 새로운 사용자에게 압도적 인 선택을 할 수 있습니다 모든 것이 합리적으로 잘 조직되어 있지만 모든 것을 발견하는 데는 약간의 노력이 필요할 것입니다 이 테마는 제공해야합니다 나중에 그것에 대해 자세히 살펴보고 계속 지켜봐주십시오

Astra는 페이지 작성기 호환성 측면에서 가장 많이 제공되는 견고한 옵션입니다 물론 이것이 OceanWP와 Hestia가 품질이 떨어지는 것을 의미하지는 않습니다 여기서 볼 수 있듯이 Italian Restaurant 데모를 사용하려면 Elementor 페이지 빌더가 필요합니다 보다 간소화 된 테마를 찾고 있다면 Hestia를 쉽게 시작할 수 있습니다 이 데모는 Elementor로 완전히 편집 할 수 있습니다

반면에 OceanWP는 귀하가 찾고자하는 주제 일 것입니다 일부 페이지에는 페이지 작성기가있는 사용자 정의 디자인이 필요한 "직접 해보기"웹 사이트가 있습니다 웹 사이트의 헤더는 방문자가보고 사용하는 가장 중요한 요소 중 하나입니다 이 비디오의 각 테마에는 사용자 정의 프로그램의 모양과 정렬을 변경하는 옵션이 있습니다 헤스티아 (Hestia)만이 헤더 영역을 무료로 기본 옵션으로 제공합니다

내가 Astra의 자유로운 버전에 관해 좋아하는 것은 예를 들면, 그것이 당신을 허락한다는 사실이다 로고의 너비를 변경합니다 잘 끝내게되었던 Astra! 반면에 OceanWP에는 헤더의 높이를 변경하는 옵션이 있습니다 사용자 정의 프로그램을 통해 액세스 할 수있는 많은 다른 옵션과 함께 Astra와 OceanWP에는 버튼을 위해 별도로 설정할 수있는 풍부한 색상 옵션이 있습니다 텍스트, 링크, 배경 등 헤스티아는 여기에서 꽤 간단합니다 배경색과 강조 색상, 스토리의 끝이라는 두 가지 색상을 변경할 수 있습니다

글쓰기에있어 타이포그래피는 갖고 싶은 기능이므로 선택할 수 있습니다 귀하의 워드 프레스 웹 사이트를위한 맞춤형 문자 세트 Hestia, OceanWP, Astra는 모두 여기서 당신을 섬길 준비가되어 있습니다 이러한 테마는 Google Fonts 통합과 함께 제공되며 크기를 조정할 수 있습니다 글꼴도 마찬가지입니다

당신이 붙어 있고 다음에해야할 일을 모르는 경우 또는 가지고있는 문제가있는 경우 해결 방법이 없으면 도움이 필요합니다 각 테마에서 사용자를 지원하는 방법을 살펴 보겠습니다 헤스티아 (Hestia)는 사용자 정의 코드 조정과 보다 심층적 인 사용자 정의 Hestia의 팀은 무료 버전에 대한 지원을 제공하므로 티켓을 개설 할 수 있습니다 기술 자료에서 문제점에 대한 정보가없는 경우 OceanWP에는 웹 사이트를 통해 액세스 할 수있는 복잡한 문서가 함께 제공됩니다

온라인으로 도움을 요청하거나 티켓을 열려면 프리미엄 요금제 중 하나에 가입해야합니다 Astra는 또한 문서 데이터베이스를 검색하고 제출 티켓 옵션 멋지다, 맞지? 올바른 WordPress 테마를 선택하는 것은 중요한 고려 사항이며 급하게해서는 안됩니다 사전에 실제로 테마를 사용하는 방법에 대해 생각해 보면 예를 들어, 어떤 페이지 빌더 플러그인을 사용하는지 알면 성공을 위해 스스로를 설정하게됩니다 이 비디오에서는 가장 인기 있고 기능이 풍부한 WordPress 테마 3 가지를 비교했습니다

페이지 제작자 애호가에게 적합합니다 요약하면 다음은 Hestia 대 OceanWP 대 Astra에 대한 결론입니다 Astra는 우리의 리뷰에서 가장 뛰어난 전반적인 테마였으며 많은 기능, 우수한 성능, 인기있는 페이지 빌더의 다양한 선택과 호환됩니다 OceanWP는 사용하기에 좀 더 복잡합니다 이 테마는 다양한 옵션을 제공하며 아름다운 디자인을 만드는 데 중점을 둡니다

헤스티아 (Hestia)는 "시작하기 쉬운"대안입니다 단순히 테마를 부여하는 것입니다 그 작품과 상자 밖으로 멋지게 보이는 – 인기있는 페이지 빌더 플러그인과 호환되는 동안 이러한 주제 중 하나를 사용 했습니까? 그렇다면 어떻게 생각하니? Hestia 대 OceanWP 대 Astra의 우승자는 누구입니까? 아래 코멘트 섹션에서 우리와 함께 경험을 공유하십시오!

Divi WordPress Theme From Install To One Page Scrolling Site In 15 Minutes

안녕 얘들 아, 다른 워드 프레스 Divi 테마 자습서에 오신 것을 환영합니다 이것은 Jayme에서입니다 시스템 22와 웹 디자인 및 테크 팁이이 비디오에서 잘 나온다 여기에 WordPress의 설치 및 우리가 실제로 다운로드 및 설치거야 Divi 테마를 사용하여 실제로 사이트를 실제로 실행할 수있는 방법을 알아보십시오

그래서 WordPress를 다운로드했습니다 여기 내 컴퓨터에 로컬로 설치하고 있습니다 시스템에서 사이트를 로컬로 빌드하는 방법을 배우는 데 관심이 있다면 up WordPress 로컬 설치 과정은 꽤 쉽게 할 수 있지만 오프라인 사이트를 구축하는 데 정말 유용하므로 WordPress 다운로드가 있습니다 그것은 정기적으로 WordPress의 새로운 설치를 여기에 설치 했으므로 Divi 테마가 절대적으로 멋지다는 말을 들었다 더 좋고 더 나은 그리고 만약 당신이 WordPress에 사이트의 어떤 종류의 건물이야 당신이 그것을 보아라는 것을 제안해라

그것은 단지 훌륭하다 그리고 당신은 그것에서 시험해 볼 수있다 이 비디오 아래의 링크를 클릭하면 다운로드 할 수 있습니다 우리는 우아한 테마로 가야합니다 회원 영역 또는 우아한 테마 comm 사이트와 회원이 될 프리미엄 테마 그래서 당신은 그것을 지불해야하지만 그것은 단지 믿을 가치가있어 Divi 탭에 있습니다

다운로드 버튼을 누르십시오 거기 우리는 우리가 divi를 거기에서 다운로드하도록시킨다 그래서 만일 우리가 우리 wordpress install here Fila themes 외관과 테마 이것은 무엇입니까? 우리는 현재 WordPress 2017을 기본으로 사용하는 것 중 하나입니다 다른 것을 가지고 있지만, 우리가 이것을 녹음하고있을 때 이것이 가장 최신의 것입니다 일반 WordPress의 테마 그것은 실제로 괜찮아요 정말 재미 있지만 당신은 그것으로 약간의 물건을 할 수 있지만 내가 말하는 것처럼 나는 Divi를 설치하고 볼 것이다

우리가 아주 빨리 모일 수있는 것을 얻을 수 없다면 나는 공격 할거야 새 항목을 추가하고 여기에 테마 업로드 테마를 업로드 할 예정입니다 바로 여기 파일을 드래그하여 파일을 선택하고 볼 수 있습니다 이미 거기에 당신을 설치합니다 좋아, 내가 가서 활성화 할거야

WordPress에 우리가 사용하고 싶은 테마라고 말해라 나는 이것을 지울거야 다른 테마 그것은 당신이 당신의 라이브러리에서 테마를 사용하지 않는다면 항상 좋은 생각입니다 여기에 그냥 당신이 당신의 WordPress를 유지할 수있는 라이터가 아닌 사람을 삭제하려면 Divi를 설치하여 지금 활성화 했으므로 더 나은 설치를하십시오 너무 흥미 진진한 것은 없을 것입니다

우리는 심지어 그것이 흥미롭지도 않다는 것을 알 것입니다 2011 년 5 월 23 일에 시작되었습니다 좋아요, 페이지를 빨리 만들자 그리고 나는 debbie의 미리 만들어진 것들을 사용할 것이다 그들은 여기에있어 무료 템플릿 나는이 홈페이지에 갈거야

저는 Divi Builder를 사용할 것입니다 나는 단순히로드 레이아웃으로 가고 곧바로 모든 레이아웃을 가지게 될 것입니다 이 환상적인 레이아웃을 선택할 수 있습니다 임의로이 패션 레이아웃을 거기에 넣으십시오 당신 좋아요

그리고 당신이 볼 수 있듯이,이 모든 모듈들을 여기에로드했습니다 첫 번째 데모 페이지에서 실제로 얻은 정보를 살펴 봅니다 내가 할 일은이 페이지를 게시하는 것이다 미리보기 변경 버튼을 누르십시오 그 주말에 이미 여기에 우리 페이지에 이걸 적재 했어

그거 꽤 멋지다 분명히 이들은 일반 이미지입니다 필러 텍스트 만 입력하면됩니다 Divi에서 원하는 것을 입력하십시오 작성자 그래서 우리가 할 필요가있는이 템플릿을 사용하자

로고를 주면된다 이제 한 페이지 스크롤링 사이트로 바꾸어 보겠습니다 우리 대시 보드로 돌아 가기 평소 WordPress 일 우리는 설정 및 테마 커스 터 마이저 테마에 이르기까지 Divi 테마 옵션 맞춤 설정 도구 당신 우리가하고 싶은 일은 홈페이지 설정으로 가서 알려주지 만 홈페이지에 멋진 설정을 제공하여 정적 페이지이므로 우리는 방금 작성한 페이지를 집으로 부르고 싶습니다 그리고 거기에있다 당신 그래, 잘 작동 할거야

그래서 내가 할 일은 그것을 출판 할 것입니다 그리고 우리는 우리가 여기서 나가자 내가하고 싶은 것은 실제로 여기에 우리 페이지에 가고 싶습니다 바로 여기 내가 믿는 우리는 우리의 비주얼 빌더와 나는 이것을 빠른 한 페이지 스크롤링 사이트로 바꿀 것입니다 여기에 좋은 작은 투어가있어

나는 앞으로 가서 건물을 짓기 시작할거야 이 섹션들에 ID를 부여하여 실제로 스크롤 할 수 있도록하겠습니다 우리는 여기에서 시작할 것이고 나는 우리가 가리키면 볼 수있는 작은 콜라를 칠 것입니다 콜라를 편집 할 수있는 섹션을 통해 사용할 수 있습니다 CSS ID로 이동합니다

고급 탭 아래의 수업이 ID를 제공 할 예정입니다 간단한 메뉴이므로 메뉴를 만들면 잠시 후에 기억이납니다 이 하나의 콜렉션을 호출하십시오 우리가 수업이 아닌 그 ID들을 줄 때 이것을 대중적이라고 부르다

당신 당신 하나의 판매 인 이 모든 것을 잠시 후에 기억하려고 노력한다 당신 뉴스로 실제 연락처 섹션이없는 것처럼이 작업을 수행해 보겠습니다 이 페이지에서 좋아하는 뉴스로 추가하자 우리가 탐색 할 수있는 어딘가에 있다면이 섹션에 핸들이 주어집니다 앵커이므로 대시 보드로 돌아가서 메뉴 모양 메뉴로 이동하십시오

우리가 새로운 메뉴를 만들 필요가있는 메뉴를 만들 것입니다 menu 나는 그것을 주 메뉴처럼 진짜 사려 깊은 제목으로 부르 겠지만 전화한다 너는 네가 이제 우리가 나에게 어떤 것을 추가 할 필요가있을거야 특정 페이지 나 URL을 가져 가지 않으므로 맞춤 링크를 사용합니다 우리는 페이지의 링크로 갈 것이고 링크를 위해 나는 해시 태그를 넣을 것이다

우리가 거기에 넣은 ID이기 때문에 ~에 대해 말하다 당신이 볼 수 있듯이 여기에 나타났습니다 기억이 안 나는 또 다른 것을 해봅시다 우리가 가진 컬렉션이 아니었던 바게트 덩어리 였어

콜렉션 해시 태그와 콜렉션의 ID 나는 콜렉션이 당신이 원할 필요가없는 링크 텍스트를 보러왔다 실제 링크 자체와 같을 수 있습니다 원하는 URL이 될 수 있습니다 괜찮아 다음 메뉴에 그걸 추가하자

우리가 가방을 안다고 생각하지 않아 인기가 있었나요? ID에 대한 해시 태그 하나 그리고 나서 우리는 판매가 뉴스에서 그 판매가 마지막 판매되지 않았 음을 알았습니다 헤이, 우리는 해시 태그를 쓰지 않을 것이다 그 안에있는 세 그 다음 마지막 뉴스는 재미있는 신분증에 대한 해시 태그를 다시 믿습니다 많은 사람들이 더 이상이 버튼을 집에 넣지 않아도됩니다

앞서 URL로 이동 했으므로 URL에 해당 URL 중 하나를 넣으십시오 맨 위로 그들은 단지 해시 태그를 넣을거야 그리고 우리는 집에 잘 말할거야 나는 지금 돌아왔다 정말로 맷이 먼저 가고 싶습니다

그래서 여기에 올려 놓으십시오 그리고 제가하고있는 모든 것은 왼쪽 마우스입니다 클릭하고 드래그하면 원하는 방향으로 이동할 수 있습니다 메뉴 지금 내가 뭘 할 건지 내가 갈라 놓는 옵션에 가서 부드럽게 할거야 스크롤을 사용하면 스크롤이 원활하게 이루어지는 지 확인합니다

한 섹션에서 다른 섹션으로 이동하여 Divi 테마로 이동했습니다 옵션 일반 탭 및 아래로 스크롤하고 있습니다 당신 사용 중지 된 순간에 부드럽게 스크롤되므로 계속 진행할 것입니다 우리가 조금 녹색을 얻을 때까지 우리의 변화를 저장하기 만하면됩니다 확인 표시가 나타나면 다음 단계로 우리가 원하는 메뉴를 페이지에 알려주는 것입니다

꼭대기에있는 사람이 실제로 그를 원해 내가 맨 위로 올라갈거야 버튼도 마찬가지로 테마 옵션에 있습니다 내 기본값에 나를 다시 가기 버튼으로 거기에 이제 우리는 조금 넣어거야 거기에 버튼을 클릭하면 상단으로 다시 슬라이드 할 수 있습니다 앞으로 나아가서 활성화하고 다시 저장하십시오

자, 우리의 커스터마이져를 열어 주 메뉴로 사용하도록 알려주십시오 방금 만든 메뉴 메뉴로 이동 위치 및 우리의 기본 메뉴로 우리가 사용하고자하는 메뉴를 선택해 보겠습니다 우리가 방금 만든 main은 main 당신 인기있는 항해 뉴스가 나올 때까지 집에있다 이제 우리 사이트를 방문해 보겠습니다 나는이 다른 시간들을 막을거야

여기에 계속해서 우리 메뉴와 우리의 섹션이 있습니다 아래쪽으로 스크롤하면 인기있는 두 개의 콜렉션으로 우리를 데려 간다 판매 뉴스 및 그것의 멋지게 우리 스크롤 홈 버튼에 매끄러운 두루마기를 넣는다 뉴스로 돌아 가기 나는 그 첫 번째 섹션을 집으로 부를 수 있다고 생각한다 상단 버튼으로 추가하면 상단으로 다시 이동합니다

Divi 테마로 한 페이지 스크롤링 사이트를 만드는 방법 그것은 처음부터 설치를하고 15 ~ 20 분 정도 걸렸습니다 물론 당신이해야 할 일은 여기에 자신 만의 콘텐츠를 넣는 것입니다 비주얼 빌더는 기존 사이트를 가지고 있으면 쉽게자를 수 있습니다 복사 및 붙여 넣기 당연히 당신은 비주얼 빌더와 함께 세금을 조금만 내면됩니다 커서로 입력을 클릭하기 만하면 타이핑이 시작됩니다

다른 곳에있는 텍스트를 선택할 수 있습니다 그래서 거기에 한 페이지 스크롤링 사이트를 완성했습니다 시간이 없어 나는 그걸 버릴거야 그래서 내가 말하는 것은 Divi 테마 다

더 좋고 더 좋아진다 그리고 그것을 사용하는 것은 너무 쉽습니다 그냥 미친 그래서 아래 링크에서 그것을 확인해보십시오 공유하고 커뮤니티에 가입하십시오 웹 디자인에 관심이 있으시면 YouTube 채널의 동영상을 여기에서 가져 가세요

아래 웹 디자인 코스 중 YouTube에 대한 할인 혜택이 있습니다 가입자 및 일부 위대한 무료 코스뿐만 아니라 일부 프리미엄 코스 다시 한번 이것이 시스템 22의 제이미와 웹 디자인 및 테크 팁입니다 지켜봐 주셔서 감사합니다 좋은 하루 되세요

5 On Page SEO Elements +1 Bonus Tactic to Optimize in WordPress 20181030

안녕, 난 가이 쿡이야, 가이 R 쿡 보고서 모든 후원자 들께 감사하고 싶다 우리가 이제는 서면으로 된 문서와 비디오로 만들 수있는 팟 캐스트를 지원합니다

우리가 지금 보게 될 쇼 노트뿐만 아니라 YouTube에서도 오늘 오디오가 대담하고 시간을내어 주셔서 감사합니다 너의 일에서 괜찮은 5 개의 페이지 SEO 성분에 감사하십시오 WordPress를 최적화하고 대부분의 감자에 그레이비가 조금 있습니다 디지털 마케팅 담당자로부터 우린 어쨌든 2 일 동안 두 번 보도록하겠습니다 다섯 가지 주제가 무엇인지 확인하고 이러한 요소가이 항목에 포함되어 있는지 확인하십시오 YouTube 채널에서이 동영상을 볼 수 있습니다

당신이 쇼에서 읽었을 때 페이지의 SEO 요소에 5 개의 라이언 정글의 플러그인은 SEO 용 Yoast SEO 플러그인입니다 WordPress는 그게 전부입니다 당신이해야만하는 것은 당신뿐입니다 중반에 당신이 고려하고 싶은 5 개의 온 페이지 SEO 요인 당신은 당신의 블로그 포스트를 만들고 있습니다 그리고 그것을 측정하는 것은 우리가 말할 수있는 슬러그입니다

1 분 안에 그 본문 텍스트 이미지들 제목 태그 메타 설명 이 글의 마지막 부분에 약간의 보너스가 있습니다 druthers 괜찮아 그래서 여기에 대한 Yoast SEO 플러그인에 대해 조금 이야기하고 그 때 그것은 당신 앞에서이 5 개의 on-page SEO 요인의 올 바른 하나에 지금 들어간다 귀하의 SEO를 설정하십시오 나는 고객의 아바타를 다운로드하는 것입니다 워크 시트는 무료이며 당신이 누구인지에 대한 명확한 아이디어를 얻습니다 우리는 그 사람들에게 판매하는 방법을 알고 있습니다

이 게시물을 계속 추적하면 참조 할 횟수를 참조 할 수 있습니다 고객 아바타 워크 시트 그래서 그들이 최적화와 함께 시작 번호 하나 슬러그 그리고 만약 당신이 워드 프레스를 전혀 사용해 본 적이 없다면 그것이 퍼머 링크입니다 그들은 당신이 당신의 타이틀을 놓은 곳을 렌더링한다면 괜찮습니다 우리가 평등하다고 보는 첫 번째 것은 실제로 고객 아바타의 두 번째 것입니다 워크 시트 그래픽 페이지의 SEO 요소 2 번은 본문 텍스트를 최적화하는 것입니다

이제 당신은 당신의 몸 본문이 자연스러워지기를 원합니다 그곳에서 키워드를 사용하고 싶습니다 그래서 몇 가지 샘플이 있습니다 거기에서 그들은 당신의 몸 안에 자연스럽게 들어갈 수 있도록 당신에게 줄 수 있습니다 귀하의 블로그에 게시하면 그것은 이미지를 최적화하는 것이 훨씬 더 좋을 것입니다

너는 사과라는 이미지를 가지고있다 사과라고 말한다 알아 내려고 애 쓰고있는 사람들을 위해 숫자 도트 JPG를 잔뜩 들여다 봅니다 그게 alt 태그에있는 키워드를 사용하고 if 이미지 alt 태그가 무엇인지 잘 모르는 경우 Google 및 그들은 4 가지 요소를 나열합니다 당연히 당신은 저것을하기 위하여려고하고있다 제목 꼬리표는 오래된 학교 SEO 그러나 아직도이다 그것은 여기에 그것의 규칙을 만들기 위해 페이지에서 할 일 중 하나입니다

타겟 키워드를 제목 태그에 표시하면 더 많은 영향을 미칩니다 당신의 SEO에 가지고 있고 그래서 나가 그것을 부르는 당신의 어구를 확인하십시오 때로는 그리고 나서 이것은 5 페이지의 SEO 요소가 제목에 먼지가 침전되어 연기가 날 때 그들은이 페이지의 SEO 오른쪽에 대해 메타해야합니다 헤이가 될거야 지우기 페이지의 설명은 검색 엔진 결과에 표시되는 내용입니다 당신이 볼 수있는 제목 바로 아래에 그 작은 표식이 나타나고 콘텐츠를 테스트하고 테스트하지 않으면 우리가 자주 작성한 것을 기억하십시오 작동하지 않습니다 SEO가 실적을 올리고 있는지 확인하고 그가 조금 더 쓸데없는 것처럼 그레이비를 감자에 버리십시오

이 포스트와 시작은 내가 여기 보너스 전술 권리를 얻을 수있게 해준다 여기에 나는 텍스트에 강조 표시했지만 큰소리로 설정하지는 않았다 YouTube 채널로 이동하여 그 내용을 확인하시기 바랍니다 좋습니다 그래서 우리는이 5 개의 온 페이지 SEO 요소를 디지털에서 링크했습니다

마케터와 우리는 쇼 노트로 돌아갈거야 좋아, 우리가 너에 대해 얘기 했어 당신이 갖고 싶어하는 SEO 플러그인과 우리는 그것이 Yoast라고 말했지만 우리는 후원자이자 $ 1 달의 서약은 바로 $ 1짜리 바로 옆의 그래픽에 그래픽이 표시되고 Yoast 플러그인이 요약되었습니다 거기에 큰 일들 중 일부가 당신의 사이트 맵을 만들 수 있습니다 사이트는 Google 웹 마스터 도구가 현재 Google 검색 콘솔로 알려져 있음을 확인합니다 웹 마스터 도구는 여전히 어떤 이유로 웹 마스터 도구라고 부릅니다 이동 경로 탐색을 사용하면 robots

txt 파일을 편집 할 수 있습니다 그 일을하는 데 익숙하고 플러그인에 바로 내장되어있어 페이지를 설정할 수 있습니다 귀하의 면책 조항에 대해 색인을 생성하고 싶지 않은 색인 된 페이지는 없습니다 정렬 할 필요가 없거나 인덱싱 할 필요가없는 이용 약관 일 수 있습니다 일단 그들이 사이트에 도착하면 그것은 단지 읽을 것입니다

그들은 그 노트에 세 가지 다른 색상은 워크 시트 버튼을 얻는 것입니다 그 고객 아바타 워크 시트를보고 거기에 링크가있을 것입니다 쇼 노트가 거기에 있으며 디지털로부터 다운로드합니다 마케팅 담당자가 마케팅에 대해 조금 더 알아 보겠습니다 디지털이 Podcast 에피소드를 즐겼 으면 좋겠다

당신을 위해 작동하는 5 개의 on-page SEO 요소를 얻을 수있었습니다 좋은 하루였습니다 이 에피소드를 랩으로 즐기 셨으면 좋겠습니다

WordPress COMING SOON Landing Page With Elementor Plugin

이것은 Elementor 플러그인입니다 이 플러그인을 설치하려면 Plugins로 가서 Elementor를 설치하십시오

이것은 Elementor Plugin이고 현재이 플러그인은 활성화되어 있습니다 이것은 Elementor에 의해 주어진 옵션이고 My Templates를 클릭하십시오 새 템플릿 추가를 클릭하십시오 옵션으로 페이지를 선택하고 템플릿 이름을 비워 둡니다 템플릿 만들기를 클릭하십시오

상자 안의 폴더 아이콘을 클릭하십시오 Elementor Plugin에서 제공하는 기본 템플릿입니다 곧 나올 페이지가 있습니다 곧 나올 예정입니다 이것은 PRO입니다

즉,이 템플릿을 사용하려면 플러그인을 구입해야합니다 하지만이 하나,이 하나는 절대적으로 무료입니다 Lemme 곧 제공 될 페이지로이 템플릿을 선택하십시오 상단에 삽입을 클릭하십시오 이제 템플릿이 페이지 아래에 삽입됩니다

메뉴가 없어도 페이지의 전체보기가 필요하므로 설정을 변경하십시오 이 설정 아이콘을 클릭하십시오 페이지 레이아웃에서 요소 또는 Canva 선택 내 페이지가 전체 화면으로 표시됩니다 Google은 요구 사항에 따라 텍스트를 수정할 수 있습니다 이것은 페이스 북 링크입니다, 당신은 페이스 북 계정 링크 또는 페이지 링크를 추가 할 수 있습니다 이것은 트위터 계정이지만 나는 지금 이것을 필요로하지 않는다

제거하려면 x를 클릭하십시오 게시 옵션을 누르십시오 Lemme은 어떻게 생겼는지 확인합니다 이제 좋아 보인다 편집 페이지로 돌아 가기 이 3 줄을 클릭하고 대시 보드로 빠져 나오십시오

Elementor를 클릭하고 설정을 클릭하십시오 이제 도구를 클릭하십시오 유지 관리 모드를 클릭하십시오 곧 출시 될 모드 선택 우리가 지금 창조 한 템플렛을 선택하십시오 변경 사항 저장을 클릭하십시오 상단에 유지 관리 모드가 표시됩니다

Lemme가 어떻게 나타나는지 확인하십시오 좋아! 시청 해 주셔서 감사 드리며 비디오처럼 치는 것을 잊지 마십시오

Brizy Tutorial – Drop Shadow, Role Editor, Menu System Brizy WordPress Page Builder

이 비디오에서는 Brizy 페이지 빌더를 수행하는 세 가지 새로운 기능을 살펴 보았습니다 이 비디오에서 그들을 통해 가야 안녕 내 이름은 WPCrafter

com에서 아담입니다 WordPress 비 기술적 인 사람들을위한 튜토리얼 동영상 버튼을 누르고 알림을 받기 위해 벨을 치면됩니다 그냥 Brizy의 웹 사이트는 페이지 빌더를 치기위한 새로운 기능을 간략하게 살펴볼 것입니다 그리고 거기에 점프하는 등 미안 페이지가 Brizy 설치되어 설정하고 바로 들어가기 위해 작업하기 때문에 첫 번째 기능은 그림자가 있고 일반적으로 정말 눈에 띄고 싶은 페이지의 요소에 그림자를 사용하고 싶습니다 그래서 이것은 버튼을 말할 것이고 당신은 약간의 제트기 드롭 그림자를 원한다 페이지를 조금만 사용하면 버튼에서 사용하고 싶을 수도 있습니다

이미지의 경우 열의 배경으로 사용할 수도 있습니다 I 40이 그림자에이 버튼을 적용했지만 새로운 버튼을 만들어 보겠습니다 그것의 밑에 그래서 우리는 차이를 볼 수 있었다 그래서 나는 계속 나아갈 것이고, 더하기 바로 여기에서 단추 요소를 마우스 오른쪽 버튼으로 드래그하면됩니다 약간의 드롭 그림자와 우아하게 한 버튼의 차이점 드롭 섀도우없이 이제는 드롭 섀도우를 추가하는 것만으로 쉽게 할 수 있습니다

이 요소를 클릭 한 다음 설정 휠을 클릭하십시오 오른쪽에 설정 패널이 표시되고 여기에 새로운 옵션이 있습니다 당신이 토글 스위치를 클릭하면 그 그림자가 활성화되어이를 볼 수 있습니다 이미 설정되어 있지만 일부 설정을 조정하여 첫 번째 설정을 당신이 바꾸고 싶어 할지도 모르는 물건은 지금 내가 보통 검은 그림자와 함께가는 색이다 그러나 나는이 권리보다 다이얼을 더 투명하게 만들 것입니다

여기에서 나는 보통 조금씩 내려 가서 아주 미묘하여 퍼센테이지를 보게된다 거기서 나는 보통 25 %를 좋아하고 이미 좋아 보인다 더 많이 퍼지면 다른 옵션들도 거기로 돌아 가게됩니다 우리가이 네 가지 비틀기를 바로 여기에서 가지고 있다는 것은 우리의 확산과 각과 모든 것이 있습니다 우리가 각도를 위아래로 원한다면 나는 이것을 할 수 있습니다

당신은 내가 지나치게 극적인 것을 볼 수 있습니다 그리고 여기에 내 왼쪽과 오른쪽이 있습니다하지만 그게 바로 당신이 가진 것입니다 모든 것을 진짜로 쉽게 제어 할 수 있습니다 그런 다음 그것을 더 크게 또는 덜 만들 수 있습니다

뿐만 아니라 이것은 그림자이고 나는 그것을 많이 좋아한다 나는 그것이 큰 차이를 만든다고 생각한다 버튼을 사용하는 가장 좋아하는 방법은 요소를 들어 올리는 버튼에 있습니다 이제 메뉴 요소를 살펴 보도록하겠습니다 여기서는 그 부분을 삭제할 것입니다

계속해서 플러스를 클릭하자 나에게 맞는 메뉴 요소는 바로 여기에있다 아래쪽으로 드래그 앤 드롭하면됩니다 중요한 점은 이것이 아닙니다 WordPress 메뉴가 만들어지지 않고 그 모양이 방금 나온 경우에 효과가 있습니다

당신이 만든 메뉴가 없다면 메뉴가 제대로 작동하지 않기 때문에 상상할 수 있습니다 이것은이 요소를 사용하는 Pro 버전 1에서 어떻게 작동하는지와 매우 유사합니다 헤더 앞에는 이와 같이 무언가를 사용할 수 있으므로 다음 중 일부를 살펴 보겠습니다 메뉴에 대한 새로운 설정은 여기를 클릭하면 동일한 설정 패널이 나타납니다 바로 여기 그리고 여기에서 실제로 여기를 클릭 할 수있는 WordPress 메뉴를 선택할 수 있습니다

이제 WordPress 메뉴가 두 개 이상 있으면 여기에서 선택할 수 있지만 이후 나는 그것이 자동적으로 저를 위해 선정 된 이유 중 하나가 있습니다 색상과 간격에 대한 몇 가지 기본 컨트롤은 여기에 간격이 있으며 여기에 색상이 있습니다 바로 여기에 모바일 미리보기에 넣을 때 여기에서 할 수있는 새로운 것이 있습니다 여기 왼쪽 하단의 모바일보기 아이콘으로 이동하여 모바일로 변경하면 메뉴가 어떻게 보이는지는 모르겠지만 햄버거를 먹고 싶은 휴대 기기에서는 아이콘을 클릭하면 바로 여기에서 메뉴를 클릭 할 수 있습니다 설정을 클릭하십시오

여기 설정으로 다시 돌아가서 이렇게 메뉴를 전환하는 옵션이 있습니다 지금 내가 자리를 비운다면 우리는이 토글 스위치를 가지고 있습니다 Brizy를 사용하여 웹 사이트의 메뉴와 헤더를 멋지게 만드십시오 이것은 우리가 편집기 자체의 두 가지 새로운 기능으로 사용하기위한 옵션입니다 하지만 다음 기능은 환상적입니다

고객을위한 아름다운 픽셀의 완벽한 웹 디자인과 그 다음 당신은 그들에게 그리고 그 위에 손을 내밀었다 그들은 건축업자로 들어가기 시작하고 그 후에 그것을 엉망으로 만든다 그들이 당신을 고용 한 이유는 무엇이 겠지만 당신은 당신을 넘겨주었습니다 그들은 당신의 문을 다시 두드리고 있습니다 일반적으로 역할 관리자가 추가되며 사용자 역할에 따라 권한을 설정할 수 있습니다

WordPress에서 새로운 사용자를 만들 때 아직 익숙하지 않은 경우 사용자를 수행합니다 여기서 새로운 기능을 추가하면 사용자 협의회 가입자의 역할을 선택하는 옵션이 제공됩니다 기고가 저자 편집자 관리자 그래서 Brizy가 지금 가지고있는 것은 역할 편집기입니다 if 여기 Brizy를 클릭하면 역할 관리자가 권한을 할당 할 수 있습니다 사용자 역할에 따라 전체 액세스 권한을 부여하므로 모든 액세스 권한이 동일합니다

또는 Brizy의 Pro 버전에서 액세스 할 수 없게됩니다 만약 당신이 그걸 보지 않았다면 곧 여기에 추가적인 접근 옵션이 생길 것입니다 WPCraftercom/Brizy를 방문하면 페이지로 바로 연결됩니다 얼리 어답터와 함께 계속 진행되고있는 특별한 거래는 내가 알고 있습니다

추가 축 옵션이 있다고 생각할 수있는 추가 액세스 옵션을 추가 할 수 있습니다 클라이언트가 Brizy를 사용하여 페이지의 텍스트를 편집 할 수 있지만 Brizy와 구조적 요소 그래서 이것은왔다 세 가지 새로운 큰 기능입니다 Brizy에게 당신이 비디오를 좋아한다면 아래의 코멘트 섹션에서 어떻게 생각하는지 알려주세요 Brizy에 대해 이렇게 좋아하면 비디오에 엄지 손가락을 줘서 고맙습니다 보고 있으면 다음 동영상에서 보자

DIY WP #36 front-page.php : Page item box

[음악] 계속해서 프런트 페이지 아이템 박스를 만들텐데요, 슬라이드 닫히는 주석 아래에, br을 2개 넣고, 이번에는 page-item-box라는 주석을 넣습니다 닫히는 주석도 표시하구요

이 사이에 div 아이디는 pageitembox 라고 하고, 그 밑에 row 클래스, 탭키를 눌러주세요 여기에 div 클래스로 col-lg-3 그리고 미디엄 이하의 디바이스에서는 2단으로 하기 위해서, col-6이라고 합니다 마진 바텀으로 mb-4라고 하고 탭키를 누릅니다 다음에는 박스를 만드는데, 우선 링크가 되게 하기 위해서 a 태그를 만듭니다 a 탭키

href에는 #으로 하구요 그 밑에 div 클래스는 box-bg라고 만들고, 패딩은 상하좌우 3스페이싱, 글자 색상은 회색으로 text-muted 탭을 눌러주시고, 그 아래에 이미지가 들어갑니다 img 클래스는 box-icon, 탭키를 누릅니다 src에는 좀 있다 입력할 겁니다

그 속에 박스 타이틀로 h5 클래스는 위쪽 마진으로 3스페이싱, 탭키 내용으로는 Page Item 1이라고 하겠습니다 나중에는 에디터에서 원하는대로 디스플레이되게 할 겁니다 밑에는 짧은 설명글인데, p 클래스는 mb-3 마진 바텀으로 3스페이싱을 두는 겁니다 탭키

글자 크기는 조금 작게 하기 위해서 small 태그를 넣고, 텍스트에는 lorem 7개의 단어를 넣습니다 이 div 엘리먼트 전체에 클래스로 page-box라고 하겠습니다 이 박스에 주석으로 page-box라고 표기해줍니다 이미지 src에는 이미지 경로를 지정할 텐데, 이런 모양의 png 파일을 폴더에 미리 넣어두었습니다 경로를 지정할 때는 html 방식으로 그냥 img/icon_img

png라고만 하면 안되구요, 경로 제일 앞에 php 워드프레스 함수로 bloginfo 소괄호 작은 따옴표 stylesheet_directory 세미콜론이라고 적고, 닫히는 php 태그 다음에 슬래쉬까지 넣어주어야 제대로 인식합니다 브라우저에 가서 리프레쉬하면 이렇게 크게 보이지만 이미지가 표시됩니다 이미지 사이즈는 css에서 수정해야 합니다 그래서 텍스트 에디터로 가서, stylecss를 오픈합니다

제일 아래줄에 Front page라고 주석을 넣고, 지금 page-box라는 클래스를 넣고, 중괄호, 엔터 position은 relative 그리고 page-box 속의 이미지 클래스인 box-icon은 position을 absolute로, width는 40%, bottom은 0, right 0, opacity라는 투명도에는 30%, 즉 03으로 합니다 이 opacity라는 프로퍼티는 윈도우 익스플로러에서는 filter 프로퍼티를 써야 하는데, 밸류도 alpha 소괄호에 opacity = 30이라고 해줍니다

이것은 인터넷 익스플로러 8이나 그 이전 버전용입니다 그 다음 box-bg라는 클래스에도 position은 relative, border는 1px solid 색은 회색으로 합니다 브라우저로 가서 리프레쉬하면, 네, 이렇게 박스테두리, 이미지는 오른쪽 아래, 약간 투명하게 보이면서, 텍스트는 a 태그 속에 있어서 글자색이 푸르게 보이게 되었습니다 텍스트에디터로 가서 a 태그에 클래스로 text-muted라고 해줍니다 이상한 것이 코딩할 때 글자색을 회색으로 보이게 했는데요, 아, 여기 box-bg에 text-mute라고 되어 있네요

a 태그에 text-muted라고 했으니까, 이 클래스는 지우겠습니다 이제 세이브를 하고, 브라우저에서 리프레쉬해 봅니다 네 이제 텍스트도 회색으로 되었고, 이미지는 조금 투명도가 들어간 모양입니다 style

css에서 이미지 클래스인 box-icon에 opacity를 30% 정도 두었기 때문입니다 좀더 보기 좋아졌습니다 이제 이 박스에 마우스를 갖다대면 박스 새도우를 넣어 입체감을 주려 하는데, 다시, stylecss로 가서, 클래스 box-bg에 hover라는 유사 엘리먼트를 정하고, box-shadow로 0 0 8px rgba에 괄호 0 0 0 18을 넣고, 두번째 밸류로 0 8px 16px, rgba에 0 0 0

36 정도로 하시겠습니다 세이브해주세요 브라우저로 가서, 리프레쉬하고 마우스를 갖다 대어 보면, 입체감있게 그림자가 생깁니다 그림자 효과가 빠르게 나타나죠 이 때는 클래스 box-bg에 transition, 전환효과로 0

5초 세미콜론이라고 추가해 줍니다 그리고 세이브하고, 브라우저로 가서, 리프레쉬를 해보세요 그러면 그림자 효과가 05초 동안 천천히 일어나는 것을 볼 수 있습니다 잘 되었습니다

다시 텍스트 에디터로 가서요 이 4개의 박스들은 라지 디바이스에서 보이게 하고, 이것을 스몰 디바이스에서는 다른 디자인으로 만들고 싶습니다 즉 모바일에서만 다르게 보이게 하고 싶은데요 여기 a태그 밑의 box-bg div는 미디엄 디바이스 이상에서만 지금 이 코드대로 보이게 하고 싶고, 스몰 이하에서는 다른 코드대로 보이게 할 겁니다 그래서 주석으로 over medium devices라고 적고, 그 아래에는 스몰 디바이스용으로 코드를 새로 짜겠습니다

div 클래스 box-bg, p-4, 또 text-white, 배경색상 bg-primary, 텍스트는 센터로 하구요 대신 엑스트라 스몰 즉 스마트폰에서만 보이게 d-block을 적습니다 스몰 디바이스부터는 보이지 않게, 그래서 d-sm-none이라고 해줍니다 그러면 앞의 이 div는 미디엄 이상, 아- 스몰 디바이스 이상에서 보이게 할테니까, medium 대신 small로 고칩니다 그래서 d-none d-sm-block을 추가해주는 거죠

아래 d-sm-none 다음에 탭키를 눌러주세요 이 사이에는 이미지를 넣을 텐데요 img 태그에 클래스는 img-fluid라고 하고 탭키를 눌러줍니다 src에는 위의 php 이미지 소스를 복사해서 붙여 주시구요 스몰 디바이스에서의 박스 배경색깔은 유채색으로 할 거라서, 아이콘은 흰색으로 이미지 프로그램을 이용해서 만들어줍니다

그래서 여기에 다른 이미지 이름인 icon_img_reversepng라고 해주시고, 사이즈는 width로 80px, 페이지 아이템의 타이틀은 들어가게 해야겠죠 h6로 클래스는 mt-3 타이틀은 strong 텍스트에는 page title 1이라고 해줍니다

세이브하고, 브라우저에서 리프레쉬해주세요 모바일용으로 폭을 줄여 보면, 이렇게 페이지 박스 아이템이 PC의 모습과 다르게 나타납니다 이제 여기는 주석으로 모바일용 디바이스에서 이렇게 페이지 박스 아이템이 나타난다는 내용을 표시해줍니다 이러면 하나의 아이템이지만, 2종류의 코드로 작성되어 스마트폰 용과 그 이상의 디바이스에서 각각 반응적으로 보이게 만든 것입니다 조금 번거로와도 훨씬 더 반응형 사이트가 되는 겁니다

약간의 변칙적인 방법을 사용했습니다 자 그러면 이제 여기까지가 하나의 페이지 박스 아이템이 되는 것이고, 다음 7개의 아이템들은 이 부분들을 모두 복사해서 붙여넣고 제목이나 이미지만 교체하면 되겠죠 2번째, 3번째 그리고 4번째 박스 아이템을 복사, 붙여넣기 해 주세요 이 4개의 아이템이 하나의 row를 이루고 있어서, 일단은 이렇게 합니다 그 다음에 아이템 내용을 조금 수정합니다

아이템 1 대신 2로, 여기도 2로 고쳐 주세요 이미지는 모두 다른 이미지들을 이용해야 하는데, 지금은 html 코딩이니까 지금 이 이미지를 우선은 그대로 쓰겠습니다 대신 제목들만 먼저 바꾸어두죠 마지막으로 아이템 4, 또 아이템4라고 해줍니다 주석으로 여기까지 1st row가 됩니다

자, 이제는 이 첫번째 row의 4개의 아이템 부분 모두를 드래그하고 복사해서, 그 아래에 붙여넣기 합니다 이번에는 2nd row라고 하고, 아이템 번호들만 바꿔줍니다 이건 5가 되고, 이건 6이 됩니다 여기와 여기는 7이 되고, 또 이것과 이것은 8이 됩니다 세이브

브라우저에서 리프레쉬하면, PC에서 8개의 박스 아이템이 잘 나타났고, 폭을 줄여보면 다른 색상의 박스 아이템이 보입니다 지금 복사 붙이기를 통해 모바일에서의 색이 모두 같은데, 배경색의 클래스만 바꿔주면 되겠죠 스몰 디바이스의 코드에서 배경색만 바꾸면 됩니다 두번째는 하늘색 bg-info, 세번째는 노란색으로 bg-waring, 네번째는 붉은 색으로 bg-danger, 다섯번째는 초록색으로 bg-success, 여기 6번째는 bg-secondary로 하고, 7번째는 어두운 색으로 bg-dark, 다음 마지막 8번째는 밝은 색깔인 bg-light로 고치겠습니다 세이브하고 브라우저 리프레쉬하면, 이렇게 다양한 색상으로 보이게 되었습니다

primary, info, warning, danger, succsess, secondary, dark 그리고 light 그런데 마지막 bg-light는 배경이 밝은 색이니까, 텍스트가 보이지 않습니다 그래서 이 8번째에는 text-white를 지워줍니다 세이브를 해보면, 네, 이렇게 글자가 보이게 되었습니다 또 8번째는 이미지도 PC의 것과 같은 것을 써야 보이겠죠

reverse를 지웁니다 세이브하고 브라우저에서 리프레쉬를 하면 아이콘이 보이게 되었습니다 보기 좋아졌습니다 당연히 클릭 또는 모바일에서는 터치하면 해당 페이지로 링크될 것입니다 다시 PC화면으로 넓혔습니다

잘 되었습니다 이제 페이지 박스 아이템의 코딩은 모두 마쳤고, 프런트 페이지의 메인 부분까지 html 코딩이 다 된 겁니다 잠시 쉬었다가, 다음 동영상에서 프런트 페이지의 사이드 섹션 코딩을 이어 하겠습니다

How To Add Popup Modal Lightboxes With Beaver Builder WordPress Front End Page Builder

다른 동영상으로 돌아온 것을 환영합니다 내 이름은 WPCrafter

com의 Adam입니다 나 같은 비 애호가들과 나는이 비디오에서 정말 멋진 것을 어떻게 할 것인지 당신에게 보여줄 것입니다 Beaver Builder 웹 사이트에서 원하는 모든 것을 가질 수있는 팝업 상자를 추가하는 방법입니다 그리고 당신은 이것에 대한 Beaver Builder 테마를 가지고 있어야합니다 Beaver 만 있으면됩니다

빌더 플러그인 및 추가 기능 패키지를 제공합니다 정말 멋진 기능이 추가되었습니다 기능을 사용하면 팝업으로 정말 놀라운 일을 할 수 있으며 최근에 고객이있었습니다 그들이 내가 디자인 한 페이지에 비디오를 넣을 것인지 묻는 곳에서 나는 그것을 실제로 보지 않을 것이고 나는 이것이 정말로 어쩌면되어야한다고 생각했다 그들이 그것을 클릭하고 비디오가 튀어 나와서 내가 가장 좋아하는 것을보고 있던 버튼 부가 기능 패키지는 이제 내가 좋아하는 부가 기능 패키지 인 이유의 일부입니다

내가 소유 한 돈만 내 돈으로 가지고있어 나는이 모든 부가 기능을 구매하는 부자가 아니다 패키지 나는 또한 내가 물건을 사고 싶은 무언가를 사면 결국 보수적이다 나는 잘 사용하고 있고 나는 보통 같은 것을하는 다른 것을 사지 않는다 더 나은 일을하는 다른 일이 없으면 내가 가지고있는 것에 충실하십시오

Beaver Builder에 대한 궁극적 인 부가 기능 웹 사이트 및 모듈을 클릭했을 때 보았습니다 이 모듈은 바로 여기에 모드 다이얼 팝업 내가 왜 그들이 모드 다이얼 전화 모르겠어요 아마 기술적 인 용어인지는 모르겠지만 대부분의 사람들은 그게 뭔지도 모릅니다 팝업이 나타나면 곧 나옵니다 그래서 연락을 취하여 고급 기능을 사용할 수 있는지 물어 보았습니다 이 부가 기능을 이미 가지고있는 플러그인 사본을 내가이 용도로 사용할 수 있도록 고객과 그들은 매우 관대했고 나는이 비디오를 만들 수 있는지 물었고 그들은 그렇다고 대답했다

뿐만 아니라 추가하고있는이 새로운 모듈과 다른 창의적인 용도를 우리 모두는이 비디오에서 내가 할 수있는 한 최선을 다하려고 노력하지만 일부 사람들은 데모 및이 8 가지 데모를 제공하므로 여기를 클릭하면 데모가 나타납니다 그것에 약간 내용은 나오고 모두는 당신에게 모든 선택권을 보여주기 위하여 주문을 받아서 만드는 여자이다 거기에 여기에 배경색을 바꿀 수있는 사진이 있습니다 여기에 테두리가 필요한지 여부를 선택할 수도 있습니다 여기에는 비디오가 포함되어 있습니다 당신이 그것을 클릭했을 때 단지 비디오를 띄웁니다

애니메이션 옵션 괜찮 았어 여기에 행이 저장되어있어 로완을 창조 할 수있다 비버 빌더 (Beaver Builder)를 선택하면 팝업의 컨텐츠가되도록 선택할 수 있습니다 바로 여기에 강력한 요소가 있습니다 모듈을 저장하고 저장된 페이지 템플리트를 저장합니다

나는 실제로 이것이 이것이 누군가를 위해 정말로 좋을 것이라고 생각하고있었습니다 포트폴리오는 있지만 웹 사이트에서 너무 많은 공간을 차지하지 않아야합니다 클라이언트가 일부 페이지를 디자인하고 Beaver Builder를 실제로 내보낼 수있을 때 가져 오기 귀하의 사이트에있는 이들을 팝업으로 추가하여 귀하가 어쨌든 이것이 전체 저장된 페이지 템플릿 YouTube 동영상입니다 누군가를 볼 수도 있습니다 익숙하지 않은 경우에도이 경계선을 제거 할 수 있습니다

테두리 당신이 그것을 제거 할 수 있습니다 여기 배경 색상을 변경할 수 있습니다 색 불투명도 모든 것을 제어 할 수 있습니다 제어 가능합니다 무엇이든 가질 수 있습니다 당신이 원하고 여기 비디오 비디오가있어서 8 개의 데모가 백엔드로 뛰어 들자 언론 보도 및 내 사이트의 설정을 한번보세요 그래서 지금 여기에 로그인했습니다 나는 너에게 약간의 애 태우기를 할거야

그래서 내가 설정에 가서 페이지로 간다면 빌더를 선택하고 비버 빌더 설정을 찾을 수 있습니다 여기 꽤 재미있는 무언가를 클릭하십시오 비디오 팝업을위한 사전 복사본을 얻을 수 있는지 그리고 비디오를 만들 수 있는지 물어 보았습니다 모든 동영상이 다른 동영상에있는 내용으로 이동하므로 모듈을 클릭하려는 경우 아래로 스크롤 할 때 처음 설치하면됩니다 여기에서 아래로 스크롤하면 모듈을 활성화 또는 비활성화하여 궁극적으로 모듈을 추가 할 수 있습니다

여기와 나는 그들 모두에게 지금 당장 조사가 있지만 당신이 원하는 것을 선택할 수있다 이 포토 갤러리는 새로운 리본이기도합니다 리본이 새 것입니다 새 리본이 몇 개 있습니다 여기에 (서) 그러나 나는 단지 페이지에가는 것은 매우 시원하기 때문에 나는이 팝 – 업에 대해 말하지 않는다

그리고 마른 체형으로 내 홈페이지에 들어가서 페이지 제작자를 클릭하면 비버에 들어갈 수 있습니다 빌더 인터페이스와 여기에 그것은 단지 거기에 충분한 그 팝에 대한 검색입니다 운동성 팝업이므로 작동 방식에 관계없이 원하는 위치로 드래그 앤 드롭 할 수 있습니다 to say 내가 여기에 팝업 버튼을 드래그 앤 드롭 싶었 여기 아래에 내 설정 패널을 바로 여기에 올리므로이 모든 것을 살펴볼 수 있습니다 방아쇠를 당길 필요가없는 팝업은 실제로 방아쇠를 당길 수있는 단추가 있습니다 몇 가지 조치가 페이지에 시간이 될 수도 있고 전체 종료 및 테스트가 소환 될 때였을 수도 있습니다

페이지를 스크롤하거나 어쩌면 누군가가 웹 사이트를 많이 읽었을 때 이 팝업에 대한 다른 트리거는 실제로 꽤 멋지 며 그 이유는 궁극적 인 부가 기능을 구현하는 방식이 실제로 그렇게 멋지다고 생각하는 이유는 무엇입니까? 또한 사전에이 기술을 많이 갖추고 있으며 변환 플러그라고하는 플러그인이 있습니다 귀하의 웹 사이트에서 해당 기능을 선택하도록 허용하는 플러그인입니다 어쨌든 이제는 리드 생성에 사용할 수있는 이러한 문제로 무엇이든 할 수 있습니다 고지를위한 정보를 중계하기위한 멋진 것들이 많이 있습니다 꽤 꽤 강력해서 바로 여기에서 당신이 가지고있는 진정한 기본 팝업을 가질 수 있습니다

텍스트 여기에 제목과 텍스트를 넣을 수있는 옵션은 실제로 할 수있는 옵션입니다 이 부분을 여기에서 소비 할 때 다른 유형의 내용을 선택하십시오 사진을 선택할 수 있습니다 제 비디오 삽입 코드가 꽤 멋지므로 비디오에없는 비디오를 사용하는 경우 YouTube에 있지 않아도 여기에 퍼가거나 여기에있는 오디오 퍼가기 코드를 검토 할 수 있습니다 저장된 행 선택 모듈 템플릿 YouTube 또는 동영상이므로 일부 저장된 페이지 템플릿이 있습니다

나는 그것을 클릭 할 수 있습니다 아마 여기에 부부가 있습니다 아마도 저는 Adams 템플릿을 선택할 수 있습니다 바로 거기 너비가 여기 팝업 옵션에 정의 된 것을 볼 수 있습니다 그것이 왜이 페이지를 가져 와서 그것을 scrunching 때문에 재밌는 보이는 이유 중 최대입니다 그러나 내가 이것을 아마 900 또는 그와 비슷한 것으로 확장했다면 앞으로 나아갈 것 같고 종류가 정상적으로 보입니다

그렇습니다 이미 잘 보입니다 이 콘텐츠 패딩을 제거하면 바로 여기에 패딩을 사용하고 싶습니다 제로로 설정하고 싶습니다 여기에 전체가 있습니다

페이지를 만들고, 특히 템플릿을위한 전체 페이지 디자인을 보여주기 위해 내 웹 사이트에서 구현하십시오 어쨌든 여기 저기로 스크롤하면 나타나는 효과가 있습니다 당신은 진짜 기본적인 것을 할 수 있습니다 항상 선택할 수있는 좋은 효과가 있습니다 hokey dorky 유형의 효과를 좋아한다는 것은 정말 멋진 사실이 있음을 의미합니다 V 패딩의 일부를 보여주고있는 곳이라면주의를 기울이십시오

당신이 여기서 쓸 수있는 측면은 배경색을 선택하고 여기에서 우리가 선택할 수있는 곳입니다 오버레이 색상 그래서 지금은이 어두운 색상으로 가지고 그래서 내가 좋아하는지 보자 짜증나는 초록색이나 그와 비슷한 것이 있습니다 그런 다음 여기에서 불투명도를 선택할 수 있습니다 내가 할 수있는 불투명도가 거의 없다는 것을 알고 싶다 이 탭 단어를 보면이 단어가 나타납니다

옵션 우리는 버튼을 만들 수 있습니다 그것은 단지 텍스트 일 ​​수 있습니다 그것은 누군가의 이미지가 될 수 있습니다 아이콘에서 우리는 이것을 멋진 클래스와 자동으로 묶을 수 있습니다 누군가가 순서대로 무언가를 클릭하지 않는 매개 변수를 선택하려고했습니다 팝업으로 자동 바로 가기를 실제 여기 클릭하면 사용자가 떠나기 전에 나타납니다 이것은 사고와 같으며 몇 초 후에 두 번째를 지정할 수 있습니다

예를 클릭하면 누군가가 페이지에 올라간 순간을 치료하고 싶었습니다이 세트를 가질 수 있습니다 0으로 만들거나 거기에 어떤 종류의 지체가있을 수 있으므로 우리가 알기를 바랍니다 이 메모가있는 추가 옵션은 정상적으로 작동하므로 실제로는 실제로 그 (것)들에 사려 깊은 당신은 과자를 가능하게 할 수 있고 이것은 당신이 통제하는 것을 허용하기 위하여려고하고있다 누군가가 사이트로 돌아 오거나 다시 볼 수 있다면 어떤 옵션을 볼 수 있습니까? 예를 선택하고 여기를 선택하면 범위를 선택할 수 있으므로 이것을 2로 보냈습니다 누군가 내 웹 사이트에 와서이 팝업이 2 일 동안 다시 나타나지 않을 것이라고 본다

또는 다른 웹 브라우저로 이동하면 쿠키를 지우는 것처럼 보일 것입니다 하지만 당신은 이것에 대한 꽤 좋은 통제력을 가지고 있습니다 버튼을 클릭하면 바로 그곳에서 행동을 볼 수 있으며 클릭하면 원하는대로 선택할 수 있습니다 대체 할 때 이러한 다양한 옵션을 모두 선택할 수 있으므로 확실히하지 마십시오 당신이 누군가를 클릭 할 필요가 있다는 것을 모를 수 있기 때문에 X의 형태를 원한다

불행히도 그런 일은 일어나지 만, 당신이 원했던 어떤 것도 선택할 수 있습니다 집에 던지면 그 크기를 여기에서 선택할 수 있습니다 원한다면 지금은 좀 더 크게 만들 수있는 사람들을위한 작은 집입니다 나는 그 크기를 아마도 크기의 두 배에 가깝지만 아마 60으로 바꿀 것입니다 당신이 원하는 감각을 묻지 만, 당신이 원하는 곳의 위치를 ​​바꿀 수도 있습니다

오른쪽 상단의 실제 섹스입니다 실제 팝의 오른쪽 상단에있을 수 있습니다 그것에서 그것 같이 위로 그것은 그것의 각자 좋았던 팝업의 옆에 바르게이기 위하여 그것을 움직여야한다 지금 당신은 실제로 누가 어떤 행동을 취할 것인지 선택할 수 있습니다 당신이 그 곳에 두는 것만으로도 그 여분을 클릭 할 수 있습니다 이스케이프 키를 누르거나 오버 오버를 클릭합니다

오버레이를 활성화해야한다고 생각합니다 옵션을 클릭하기 때문에 가끔씩 클릭하기 만하면됩니다 그런 다음 고급 옵션의 지형도 표준 옵션을 사용할 수 있습니다 그리고 나서 당신은 그냥 내가 할 수있는 것을 저장하고 저장할 수 있습니다 몇 초 후에 방아쇠를 당겨서 Don을 클릭 한 후 늦게 게시하십시오

X와 경향은 페이지로 이동하여 실제로 되돌아 가서 X 의도로 작동하게했습니다 그리고 그것은 마우스를 가져 와서이 브라우저 창 밖으로 이동시킬 때의 의미입니다 그것은 그것 같이 방아쇠를 당겨야하고 거기 그것은 방아쇠를 당겼다 당신은 스크롤 할 수있다 아래로 전체 페이지 템플릿을 보여 주었지만 정말 멋지다는 것을 알 수 있습니다 페이지 특정 팝업을 가질 수있는 모든 종류의 작업을 수행 할 수 있음을 보여줄 수 있습니다 당신은 당신이 놀라운 것들을 할 수있는 리드를 캡처 할 수 귀하의 동영상에 대한 가벼운 상자를 가질 수 있습니다 당신은 모든 종류의 멋진 것들을 할 수있는 포트폴리오를 데모 할 수 있습니다

궁극적 인 부가 기능 플러그인 및 부가 기능을 사용하여 Beaver Builder 기반 웹 사이트의 팝업 분할은 비싸지 않고 현재 60 ~ 70 달러 정도입니다 모듈이 올랐고 꽤 곧 당신은 반쪽 전체 페이지 템플릿에 들어 있습니다 그리고 나는 그것을 사랑합니다 내 개인 웹 사이트에서 사용하십시오 지금 다른 모듈을 많이 사용하겠습니다

링크가 있습니다 Beaver Builder 및 궁극적 인 부가 기능을 클릭하면 해당 링크를 클릭 할 때 알 수 있습니다 그것은 웹 사이트 궤양 제휴사 링크로 넘어 가고 그것이 의미하는 바는 당신이 그것을 구입하십시오 그들은 저에게 작은 임무를 준다 그것은 진짜로 작은 거대한 임무가 아니다 커미션과 그래서 만약 당신이 그 중 하나를 구입 하 고 싶 었 그것을 감사 하 고 않았다 그것은 내 링크를 통해 그러나 내가 왜 내가 그것에 대해 얘기하는 이러한 제품에 대해 이야기하지 않습니다 왜냐하면 나는 자신의 돈으로 밑바닥을 소유하고 있기 때문에 현재 나는 그들을 사용하고 사랑한다 궁극적 인 애드온 또는 비버 빌더로 내 링크 나는 코르셋을 가지고 있습니다 나는 당신에게 무료로 당신에게주고 싶습니다

내 영수증을 통해 내 링크를 통해 구매했는지 확인합니다 코스는 비버 빌더의 필수 요소이며, 피부를 어떻게 처리할까요? Beaver Builder에 익숙하지 않고 어쩌면 전체 웹 사이트를 계속 구축 할 수도 있습니다 Beaver Builder를 사용하여 전체 웹 사이트를 구축하는 과정에서 너 한테 가기 전에 너 한테 줄 것이있어 내가 들어가기 전에 네가 원하는 걸 이 비디오에서 나에게 엄지 손가락을주기 위해 나에게 뭔가를 해달라고 부탁하고, 그렇지 않다면 구독자가 질문이있는 경우 나에게 직접 가입 버튼을 클릭하십시오 이 동영상은 아래 답변이나 질문을 남길 수도 있습니다 비디오 안녕하세요 저는 당신과 그 사람을 위해서만 코스를 만들었고 그들은 당신에게 무료로 그것을줍니다

당신이해야 할 일은 바로 여기 오른쪽 버튼을 클릭하는 것입니다 세 단계 ~에 WordPress의 성공은 당신이 그것을 사랑하는 멋진 과정입니다 당신을 사랑합니다 이 비디오를 시청 해 주신 학생들에게이 과정에 참여하고 등록하십시오 고맙다

나는 너를 위해서 그 일을한다