Creating A Contact Form Using Contact Form 7 WordPress Plugin | Contact Form 7 Tuts Part 1

[음악 재생] 헤이 여러분 WP Learning Lab의 Bjorn입니다

이 비디오에서 나는 당신을 보여줄 것입니다 첫 번째 문의 양식을 만드는 방법 또는 두 번째 연락처 양식을 만드는 방법 또는 연락처 양식 7을 사용하여 세 번째 연락처 양식 플러그인 자,이 플러그인은 정말 사용하기 쉽습니다 사실, 설치하면 심지어 미리 제작 된 접촉 형태를 갖는다 페이지에 넣을 수 있습니다

그 양식을 사용자 정의하는 방법을 알려 드리겠습니다 그것을 조금 확장하고 어떻게 확장 할 것인가? 자신 만의 새로운 양식을 만드십시오 그래서 여기에 우리는 WordPress 대시 보드에 있습니다 그리고 우리가해야 할 첫 번째 일 문의 양식 7 플러그인을 설치하십시오 그래서 우리는 모든 플러그인을 왼쪽에 가지고 있습니다

나는 Add New를 클릭 할 것이다 검색 창에서 Contact Form 7을 검색합니다 바로 여기 있습니다 설치를 클릭 한 다음 플러그인을 활성화하십시오 앞 페이지에서 보셨 듯이 다른 연락처 양식 플러그인도 많이 있습니다

그래서 당신이 다른 것을 선호한다면, 그것을 사용하십시오 이 자습서 비디오는 연락처에만 해당됩니다 양식 7 그리고 여기서 배운 내용 다른 사람에게 양도 할 수 없습니다 Contact Form 7이 설치되었으므로, 오른쪽에 Contact라는 메뉴 항목이 추가되었습니다 연락처 메뉴 아래에서 연락처 양식을 클릭하면 우리는 하나의 형식이 이미 만들어져 있음을 봅니다

그리고 그것은 우리에게 짧은 코드를 제공합니다 이것은 페이지에이 양식을 설치하는 데 필요한 짧은 코드입니다 그러나 편집을 클릭하여 양식을 보면, 우리는 그것이 매우 간단한 형태라는 것을 알게 될 것입니다 실제로 정기적 인 문의 양식 대부분의 웹 사이트에서와 유사합니다 첫 번째 필드는 귀하의 이름입니다

두 번째 필드는 귀하의 이메일입니다 세 번째 필드가 주제입니다 네 번째 필드는 메시지입니다 그래서이 양식은 이름, 이메일, 제목, 메시지, 모든 연락처와 거의 같습니다 모든 웹 사이트의 양식이 요구합니다

그래서이 양식으로 무엇을 할 것인가? 그것을 페이지에 통합하는 방법을 보여줄 것입니다 그리고 당신이하고 싶은 것은이 짧은 코드를 복사하는 것입니다 그것을 강조 표시하고, 복사하고, 페이지 위로 마우스를 가져 가서 새 페이지를 추가하고, 새로 추가]를 클릭합니다 이 페이지는 Contact Us로 연락 할 것입니다 짧은 코드를 페이지에 붙여 넣습니다

공개를 클릭하십시오 이제보기를 클릭하여이 페이지를 볼 수 있습니다 링크 또는 페이지보기 링크를 클릭하면 페이지에 문의 양식이 있는지 확인하십시오 연락처 작성 방법은 간단합니다 이 일반 문의 양식을 사용하려는 경우 이제 우리가 플러그인으로 돌아가거나 그 형식으로 돌아 가면 우리가 만든 죄송합니다

우리가 플러그인을 설치할 때 만들어졌습니다 편집을 클릭하면 일부 추가 설정에서 이 양식과 관련하여 설정할 수 있습니다 폼 탭에는 기본적인 폼 구조가 있습니다 그리고 다른 변수와 다른 필드를 추가 할 수 있습니다 내가 잠깐 그것에 들어갈거야

메일 탭을 클릭하면 이메일을 보내는 위치에 대한 설정이 있어야합니다 그래서 첫 번째 필드는 To입니다 따라서 이메일은 한 번 전송됩니다 양식이 제출됩니다 보낸 사람 필드는 전자 메일의 출처입니다

따라서 이메일을 받으면 이것이 말할 것입니다 그것을 보낸 사람의 이름을 말할 것입니다 웹 사이트 도메인에서 양식에 입력 한 주제가 포함됩니다 답장 이메일은 입력 한 이메일입니다

그리고 시체는 그들의 이름, 이메일, 제목 줄, 및 메시지 그런 다음이 이메일은 연락처에서 전송됩니다 이 웹 사이트에 양식을 제출하십시오 " 그래서 이것은 모두 당신을 위해 이미 준비되어 있습니다 이것은 매우 좋습니다

하지만 당신은 메시지 본문에 원하는 것을 추가 할 수 있습니다 안녕 당신은 이걸 보는 유일한 사람이 될 것입니다 귀하의 연락 양식을받습니다 이것을 봅니다

그럼 여기에 다른 지시를 할 수 있습니다 전자 메일을 처리하는 보조자가 있다고 가정 해 보겠습니다 귀하의 웹 사이트에서 여기에 지침이있을 수 있습니다 연락처 양식의 이메일 처리 방법 메시지 탭으로 이동하면 이것들은 성공과 오류 메시지이다

양식 작성 중에 표시되는 따라서 센터의 메시지가 성공적으로 전송 된 경우, 여기에 표시된 메시지가 있습니다 "귀하의 메시지가 성공적으로 발송되었습니다 감사" 모든 분야 위에 "이 메시지가 표시되면 -"라고 표시됩니다 그래서 이것을 통해 사용자 정의 할 수 있습니다

꽤 많이 있습니다 나는 너를 위해 그들을 모두 크게 읽지 않을거야 당신이 읽을 수 있기 때문에 그래서 들어가십시오 이탤릭체로 된 문장이 무엇인지 읽어보십시오

그런 다음 메시지를 사용자 정의합니다 그 상황이 발생할 때 당신이 원하는 그런 다음 추가 설정 탭이 있습니다 여기에서 맞춤 설정 코드 스 니펫을 추가 할 수 있습니다 자세한 내용은 추가 설정 링크를 참조하십시오

따라서 추가 설정으로 수행 할 수있는 작업은 공정합니다 기본적으로 제한되어 있습니다 그러나이 양식들을 확장 할 수 있습니다 다른 방법으로 예를 들어 필드를 더 추가 할 수 있습니다

그래서 우리가 할 수있는 것은 Contact form에 다른 필드를 추가하는 것입니다 이 경우, 예를 들어, 저는 사람들이 우리에게 말할 수있는 드롭 다운 메뉴를 추가하려고합니다 그들이 우리 웹 사이트를 찾은 곳 그래서 내가 할 일은 복사해서 붙여 넣는 것입니다 이 항목 중 마지막 항목 만 복사하십시오

바로 아래에 붙여 넣습니다 그리고 그 텍스트를 "어떻게 우리 웹 사이트를 찾았습니까?"로 바꿀 것입니다 그리고 이것은 텍스트를 생성하는 짧은 코드입니다 필드를 이전 예제 또는 이전 항목에서 가져옵니다 우리는 그것을 삭제하고 거기에 커서를두고 싶습니다

드롭 다운 메뉴 옵션에서 우리는 그것을 필수 필드로 만들 것입니다 메뉴 이름은 양식의 백엔드에서 사용되며, 그래서 당신은 그것을 바꿀 필요가 있습니다 옵션을 추가하면 원하는만큼 추가 할 수 있습니다 나는 Google에 이메일을 추가 할 예정이다

친구가 나에게 말했다 그래서 이것들은 제가가는 세 가지 옵션입니다 드롭 다운 메뉴가 있어야합니다 그리고 당신이 할 수있는 것은 다중 선택을 허용하는 것입니다 이 경우 실제로 드롭 다운이되지는 않지만, 모든 메뉴 항목을 표시하는 상자가됩니다

또한 Ctrl 키를 누른 상태에서 여러 항목을 선택할 수 있습니다 나는 그냥 드롭 다운으로 유지하려고합니다 그들은 오직 하나만 선택할 수 있습니다 첫 번째 옵션은 내가 비워 둡니다 그런 다음 삽입 태그를 클릭합니다

나는 그 옵션에 만족하기 때문에 그러면 짧은 코드 인 태그가 양식에 삽입됩니다 여기 짧은 코드가 있습니다 저장을 클릭하여 변경 사항을 저장하십시오 그리고 우리는 우리의 문의 양식으로 돌아갈 것입니다

다른 탭에서 열려 있고 페이지를 새로 고칩니다 그리고 우리는 드롭 다운을 추가해야합니다 그리고 거기에 있습니다 어떻게 우리 웹 사이트를 찾았습니까? 드롭 다운으로 옵션은 Google, 이메일, 친구가 나에게 말했다 그럼 왜 이렇게 넓은 지 궁금해 할 것입니다

이것이 아바다 테마입니다 아바다 테마는 스타일을 너무 넓게 만들어줍니다 모든 분야에서 더 일관된 모양을 만들 수 있습니다 그것은 모든 분야가 매우 넓은 곳입니다 그래서 당신이 이것을 입력 할 때 당신의 주제는 다르게 보일 수 있습니다

문의 양식으로 돌아 가면 아직 완료되지 않았습니다 이 입력란을 추가했지만 해당 변수를 추가하지 않았습니다 메일, 생성 된 이메일 필드의 이름을 복사해야합니다 그래서 입력 된 이름 또는 그 팝업에 있었던 이름입니다 [? 자동 생성?]은 Menu941입니다

우리는 그것을 복사하고, 우편으로 가서, 그런 다음 대괄호를 열고 닫습니다 그 이름을 대괄호에 붙여 넣으십시오 그리고 그것보다 위에, 우리는 뭔가를 말할 수 있습니다 "귀하의 웹 사이트를 찾은 방법입니다" 이제 이메일에 입력됩니다

따라서 이메일이나 Google을 통해 또는 친구가 말해 줬어 따라서이 옵션들 중 하나 또는 모두를 추가함으로써, 또는 당신이 원하는만큼 많이 당신의 분야에, 원하는만큼 양식을 사용자 정의 할 수 있습니다 그러나 양식 필드를 만들 때, 메일 탭을 클릭해야합니다 메시지에 포함 시키십시오 이메일 본문 또는 제목란, 그렇지 않으면 그 정보는 사라질 것입니다

그리고 그것은 정말로 연락처를 만드는 것입니다 양식 7을 사용하여 양식을 작성하십시오 이 비디오가 도움이되기를 바랍니다 제 이름은 WP Learning Lab의 Bjorn Allpas입니다 도움이된다면이 비디오가 마음에 들도록하십시오

우리의 YouTube 채널을 구독하십시오 우리의 소셜 미디어 피드를 확인하십시오 WPLearningLabcom에서 WordPress에 대한 글을 확인하십시오 매일 매일

곧 당신에게 이야기하십시오

Improve You WordPress Website Speed | Part 1: Update PHP Version

안녕하세요, AJ의 AJ 디자인 연구소 출신입니다 이 일련의 동영상

나는이 WordPress 웹 사이트를 가져 와서 속도를 향상시킬 수있는 방법을 찾고 있습니다 워드 프레스는 부진한쪽으로 조금 알려져 있습니다 그래서 사이트 속도를 높이기 위해 할 수있는 모든 일이 잘되어야합니다 제일 먼저하고 싶은 것은 PHP 버전을 업데이트하는 것입니다 현재 나는 5

6 조금 오래된 지금지고있다 – 최신 버전은 73입니다 내가 어떤 성과를 볼 지 여부에 관계없이, 여전히 눈에 띄는 이득이 있습니다 이렇게하려면 cPanel에 액세스해야합니다 그래서 그게 내가 지금 가고있는 곳, 내 cPanel에있어

내가 GoDaddy 호스팅을 사용하고 있기 때문에 패널 인터페이스가 약간 다르게 보일 수도 있습니다 나는 "버전"에 대한 검색을 할 것입니다 여기 있습니다 나는 "select PHP version"을 찾고있다 소프트웨어 섹션

이제 당신이 뭔가를 사용한다면 SiteGround, 나는 그것이라고 불린다라고 생각한다 PHP 버전 관리 어쨌든, 우리는 그것을 클릭하고 내부를 들여다 볼 것입니다 그리고 현재 PHP 버전이 56임을 알 수 있습니다 그래서 여기서 드롭 다운을 사용하고 우리가 가진 것을 보게 될 것입니다

우리는 73을 통해 바로 갈 수 있으므로 확인해 볼 것입니다 이제 저는 "현재로 설정"할 것입니다 그리고 나서 내려 가서 저장하겠습니다 좋아요

"저장된 모듈 세트" 성공 메시지가 거기에있다 그건 내 PHP 버전을 업데이 트해야합니다 이제 이것이 귀하의 사이트를 망칠 지에 대해 걱정한다면 당신이 현대적인 테마를 가지고 있고 당신이 현대적인 것을 사용한다면 잘 유지 된 플러그인은 정기적으로 업데이트되므로 문제가 없어야합니다 그러나 당신이 아직도 그것에 관하여 염려하는 경우에 단지 불린 플러그 접속 식을 다운로드하십시오 PHP 호환성 검사기 그것을 실행하십시오 이렇게하면 당신이 가지고있는 테마들과 당신의 플러그인들과 그것들이 호환 될 것인지 아닌지에 대한 결과를 가져올 것입니다

상위 버전의 PHP 이것은 오히려 혼합 검토 및 대부분의 불만 사항은 운영하는 데 오랜 시간이 걸릴뿐만 아니라 하지만 많은 플러그인을 건너 뛰는 경향이 있습니다 그게 너무 커서 내가 이것을 사용했고 그것이 나를 위해 잘 작동하는 동안 나는 그것을 다시 사용하는 것을 괴롭힐 것이라고 생각하지 않는다 그 이유는 오래 걸리고 어쨌든 최신 플러그인을 사용하기 때문입니다 그래서 나는 어떤 문제도 기대하지 않는다

내가 그랬다면, 내가 할 수있는 것은 내 cPanel로 돌아가는 것 뿐이다 내가 찾을 때까지 버전 내려 가라 모든 것이 효과가있었습니다 기억해라 호스팅 계획에 둘 이상의 웹 사이트가있는 경우 이렇게 할 때 물론 PHP 버전을 모두 변경하고 있습니다 어쨌든 PageSpeed ​​통계로 이동하여 확인하십시오

우리는 무엇인가? 속도가 빠릅니다 그래서 지금 확인해 보겠습니다 우리를 새로 고침하자 우리가 여기에 자신의 기준 점수에서했던 시간의 기억 데스크톱 용 63 개 모바일 23 개, 성능 등급 68 점, Pingdom D 등급 좋아, 이제 막 끝내야 해

한번 보자 64 및 26 세 비교 된 63 및 23 그래서 작지만 측정 가능합니다 거기에 성능 향상 Pingdom은 어떨까요? 나는 내 URL을 복사하여 붙여 넣을거야

과 당연히 여기에 매번 동일한 서버를 사용하여 사과와 사과를 비교하는지 확인하고 싶습니다 내가 조사했을 때, 나는 여기 시드니 (호주) 하나의 특별한 것을 사용했다 그래, 테스트가 실행되고 예상대로 성능 등급이 여전히 D가됩니다 그리고 내 점수는 70 점 이었어 그걸 68 세였던 것과 비교해 보겠습니다 그래서 부분 개선 로드 시간이 3 초 30 초 또는 거의 3 초에서 30 초로 변경되었습니다

2 초 30 초 왜 요청이 다른지 궁금하신 분은 훌륭합니다 – 89 92에 비해, 방금 몇 장을 꺼 냈습니다 미사용의 내 머리글에서 HTTP 요청 그래서 그것이 이유입니다 어쨌든, 우리는 작지만 측정 할 수 있습니다

개선 및 좋은 시작입니다 다음 동영상에서는 캐싱 플러그인 추가에 대해 살펴 보겠습니다 보고 주셔서 감사합니다

웹 애플리케이션 만들기 – 호스팅 1 : 웹호스팅 VS 서버호스팅

네, 이번 시간에는 호스팅이라고 하는 주제에 대해서 알아보겠는데요 지금까지 우리가 살펴 본 것은 자신의 컴퓨터에 여러분이 설치한 운영체제죠 그리고 거기에 PHP, MY SQL도 직접 설치했고 거기에 여러분이 만든 애플리케이션을 탑재해서 인터넷을 통해서 사용자들에게 서비스를 제공하는 것이 지금까지 우리가 했던 겁니다

다시 말해서 우리가 다 혼자서 한거에요 자, 그런데 제가 말씀 드린 것 처럼 여러가지 복잡한 이슈들이 있고 여러분의 집에서 서비스를 운영하는 것은 상당히 제한적이고 여러가지 불편한 점들이 많이 있습니다 그래서 그런 불편한 점을 대행해주는 비지니스가 있어요 그게 바로 호스팅 이라고 하는건데요 우선 HOST가 뭔지 부터 한번 살펴 보면 자, 이렇게 인터넷에 접속되어 있는 여러대의 컴퓨터들 하나 하나를 우리가 보통 호스트라고 부릅니다 자, 그런데 그 중에서 호스팅(HOSTING) 이라고 하는 것은 조금 관점이 달라요 호스팅 이라고 하는 것은 클라이언트 쪽이 아니라 보통 정보를 제공하는 사업자 즉 이쪽에 있는 저런 서버쪽 에서 사용되는 컴퓨터 또는 소프트웨어 이러한 것들을 제공하는 그런 사업자들을 우리가 호스팅이라고 보통 부릅니다 자, 그래서 이 호스팅에서는 어떤 환경을 갖추고 비지니스를 하냐면 이 사업자들이 일단 IDC 라는 것이 있습니다 IDC 는 Internet Data Center 라는 뜻이에요 그래서 이 IDC는 그냥 건물이에요

건물인데 엄청나게 크고 엄청나게 많은 컴퓨터들이 이렇게 빼곡히 자리를 잡고 있어요 즉 컴퓨터들의 집이라고 할 수 있습니다 그래서 이 IDC는 아주 안전한 곳에 또 전기가 차단되면 그 전기가 자동으로 자가발전을 시작하는 그런 인프라고 그리고 인터넷과 같은 네트워크가 아주 빵빵하게 들어와서 아주 원할하게 통신할 수 있는 그런 서버가 동작하기에 최적의 조건을 갖춘 그러한 공간을 우리가 IDC 데이터 센터(Data Center) 라고 합니다 그래서 이 데이터센터가 갖춰야될 가장 중요한 경쟁력은 일단은 안전한 보안 그리고 네트워크가 빵빵해야 된다 라는 것이죠 바로 이런 인프라를 갖춰놓고 또는 이런 인프라 안에 들어가서 사용자들에게 어떤 웹 애플리케이션을 운영하고자 하는 사람들에게 그 서버의 운영을 대행해주는 역할을 하는 곳이 바로 호스팅 사업입니다 자, 크게 대표적으로는 두가지로 웹호스팅, 그리고 서버 호스팅을 얘기할 수 있을텐데요 자 우선 웹 호스팅이라는 것은 웹이 앞에 붙어 있잖아요 그 얘기는 뭐냐면 웹 애플리케이션을 운영하기 위한 다시 말해서 웹 서버를 운영하기 위한 모든 것을 제공 하는 것을 우리가 웹 호스팅이라고 합니다 자, 그래서 기본적으로 서버, 여기서 얘기하는 서버는 하드웨어를 의미하는 것이고 또 운영체제까지 포함이 되는거죠 그리고 거기에는 당연히 빵빵한 인터넷이 연결이 되어 있어야 되죠 그리고 그러한 것들 뿐만 아니라 실제로 우리가 웹 애플리케이션을 동작하기 위해서는 이러한 것들이 필요했잖아요 데이터베이스, PHP, 웹서버 이런 것들이 필요했는데 그런 것들을 여러분들이 설치하는게 아니라 사업자가 미리 설치해 놓고 여러분들은 그냥 거기에다가 자신이 만든 애플리케이션을 업로드 하기만 하면 이제 동작하기 시작하는 것이 웹 호스팅 입니다 장점은 그냥 업로드만 하시면 되요 신경쓸게 없습니다 여러분은 자신이 만들고 있는 애플리케이션을 잘 만드는 것에 집중하면 된다는 것이고요 그리고 단점은 웹 애플리케이션을 동작하는 용도로만 사용할 수 있다는 겁니다

왜냐하면 여러분이 운영체제 레벨에서 접근해서 뭔가 할 수 있는 여지가 전혀 없기 때문에 그냥 웹사이트를 운영하는데만 사용 할 수 있어요 그리고 일반적으로 웹호스팅은 한대의 컴퓨터에 여러명의 사용자들이 들어가서 같이 한대의 컴퓨터의 자원을 공유하고 있기 때문에 만약에 이웃을 잘못 만나서 이웃이 대박이 나면 여러분한테는 슬픈 일이 오는거에요 왜냐 자신의 사이트가 느려지는거죠 바로 이러한 장점과 단점을 가지고 있는 것이 웹호스팅 입니다 하지만 가장 사용하기 쉽고 비용도 대체로 저렴하기 때문에 여러분이 자기가 직접 집에서 서버를 운영하는 것이 아니라면 제일 먼저 고려해 볼 만 한 것은 웹호스팅 입니다 자 그 다음에는 서버호스팅이라고 하는 형태의 호스팅이 있는데요 자, 이 서버 호스팅은 쉽게 생각해서 컴퓨터를 제공하는 겁니다 그리고 이 컴퓨터는 인터넷에 연결이 잘 되어 있기 때문에 여러분이 이걸 이용해서 서버의 용도로 사용할 수 있는거죠 자 그래서 이 서버 호스팅은 일단은 서버 컴퓨터를 제공합니다 예, 그런데 이 서버 컴퓨터에는 아까 우리가 (배운) 웹호스팅과는 다르게 웹서버, 미들웨어, 데이터베이스 이런 것들이 하나도 설치가 안되어 있고 그냥 컴퓨터 한대를 임대해 준거에요 그럼 여러분은 자신이 필요한 그런 것들은 직접 설치해서 운영하셔야 합니다

장점은 뭐냐면 웹호스팅과는 다르게 여러분이 컴퓨터로 할 수 있는 모든 일을 다 할 수 있어요 네, 그렇기 때문에 자유도가 높기 때문에 활용도가 높다는 장점이 있습니다 근데 단점은 직접 운영을 해야되요 자, 서비스를 직접 운영한다는거 결코 만만한 일이 아닙니다 네, 알아야 될것들이 상당히 많다는거죠 하지만 여러분의 집에서 여러분이 운영하는 것과는 다르게 서버 호스팅은 뭐, 장비라던지 어 그런 것들에 대해서는 어

업체들이 대행해 준다라는 차이가 있죠 하지만 여러분이 직접 운영하면 여러분은 자신의 장비까지 컴퓨터까지 직접 챙겨야 된다 라는 점에서 차이점이 있는거죠 지금 우리가 살펴본 호스팅의 두가지 형태 웹호스팅, 서버호스팅 이 두가지가 우리가 인터넷을 통해서 어떤 서비스를 사용자들에게 제공한다고 하면 가장 일반적으로 사용되는 가장 쉽게 여러분들이 접근해 볼 수 있는 전통적인 모델이라고 할 수 있습니다 자, 그러면 또 다른 모델이 있냐? 있습니다 클라우드 컴퓨팅 이란 것이 있는데요 이 클라우드 컴퓨팅 이라고 하는 것은 우리가 다음 영상에서 도대체 클라우드 컴퓨팅 이란 것이 무엇이고 이건 어떤 차이점이 있는지에 대해서 다음시간에 살펴보도록 하죠

Fullpage.js Tutorial – Part 1: Introduction

Fullpagejs는 멋진 웹 사이트를 만들 수있는 자바 스크립트 라이브러리입니다

깨끗하고 설치가 용이 한 fullpagejs는 많은 대기업 웹 사이트에서 널리 사용되고 있습니다 fullpagejs를 사용하여 가로 및 세로로 전환 할 수 있습니다 이 동영상에서는 웹 사이트에서 fullpage

js를 설정하는 방법을 보여줍니다 먼저 라이브러리 다운로드부터 시작하십시오 몇 가지 예와 함께 압축 파일을 얻을 수 있습니다 그러나 우리가 필요로하는 실제 파일은 단지 css와 js입니다 이 두 파일을 웹 디렉토리에 넣으십시오

fullpagejs의 전제 조건은 jQuery를 포함시켜야한다는 것입니다 다음으로 fullpagejs 파일을 포함시켜 보겠습니다 먼저 fullpage

js를 사용하려는 모든 내용을 래핑하는 래퍼 div를 만들어야합니다 이드는 "래퍼" 다음은 웹 사이트의 구조를 레이아웃하는 것입니다 fullpagejs에서 각 수직 전환 페이지는 '섹션' 섹션을 만들려면 div를 만들고 "섹션"클래스를 추가하십시오 이 섹션을 원하는만큼 반복 할 수 있습니다

이제 각 섹션에 이미지를 추가하겠습니다 다음은 fullpagejs를 초기화하기 전에 현재 페이지 레이아웃입니다 레이아웃을 검토하고 확인한 후 최종 단계는 래퍼에서 fullpagejs를 초기화하는 것입니다

래퍼 요소를 선택하고 문서 준비 이벤트에서 fullpage () 메서드를 호출하기 만하면됩니다 fullpagejs가 자동으로 스크롤 막대를 제거하고 브라우저에 맞게 div를 확장합니다 다음 비디오에서는 가로 페이지를 추가하는 방법, 고정 탐색 모음을 추가하는 방법 등에 대해 설명합니다! 이 비디오가 마음에 들면 구독하거나 공유하는 것을 잊지 마십시오 🙂

How To Make Your WordPress Website Run Faster By Changing 1 Setting

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

com의 Adam입니다 나 같은 비 기술자들과 나는 처음에는이 비디오에서 당신이 당신의 WordPress 웹 사이트는 이제 컨셉과 같은 약간의 기술이지만 구현할 것입니다 그것은 그의 마우스의 기술적 인면을 알기 위해 몇 번의 마우스 클릭만으로 아주 쉬울 것입니다 귀하의 워드 프레스 기반 웹 사이트가 특정 웹 호스팅 계정에 어떤 권한을 부여합니까? 서비스를 만들기 위해 웹 호스팅 계정에서 MySQL을위한 서비스를 데이터가 저장된 데이터베이스와 Apache 또는 그와 유사한 것이 있습니다 웹 서버 역할을하는 다른 옵션이 있습니다

Apache는 매우 일반적이며 PHP라고하는 무언가가 있습니다이 비디오에서는 PHP에서 변경하는 방법을 보여줍니다 버전을 현재 버전으로 변경하면 웹 사이트가 더 빨라질 것입니다 웹 사이트를 뒷받침하거나 프론트 엔드가 이제는 웹 사이트가 실제로 큰 문제입니다 WordPress의 목표 중 하나입니다

WordPressorg에서는 WordPress를 제어하는 ​​본문이 PHP를 사용하는 모든 사람을 원합니다 일곱 명의 사람들은 PHP 7의 모든 플러그인을 PHP 7의 모든 플러그인에서 사용하기를 원합니다 당신이 가서 새로운 웹 호스팅 계정을 얻는다면 지금 업그레이드하는 방법은 그렇지 않습니다 귀하의 웹 호스팅 계정에 PHP 7 넣을거야하지만 대부분은 당신에게 옵션을 줄거야 Ron이 버전 5

5 또는 56에있을 PHP 버전을 선택하려면 PHP 6에 무슨 일이 있었는지 알지만 어쨌든 Ron PHP 7에 대해 깊이 생각해 보았습니다 왜 이러한 Webhost가 PHP 7을 사용하지 않는 이유는 모든 것이 다르기 때문입니다 그것과 호환 가능하고 그것은 당신을 조금 더 상냥하게 만들어 줄 수있는 곳입니다 낮은 버전은 의미가 있습니다

지원 요청과 같은 것을 줄이기 때문입니다 현대적인 개발 된 플러그인이나 테마가 될 가능성이 가장 높습니다 일부 scamming 인터넷에서 일부 offshoot 오래된 플러그인을 사용하는 경우 PHP 버전 7 지금 마케팅 담당자는 2014 년에 PHP 7을 사용하지 않을 가능성을 배웠습니다 신뢰할 수있는 개발자가 개발 한 플러그인 및 테마를 사용하지 않으므로 잘 작동합니다 그게 실제로 사업에있어 그래서 나는 당신이 먼저 WordPress 기반의 테스트 방법을 보여줄거야

웹 사이트에서 코드가 PHP 7에서 작동하는지 확인한 다음 도구가있는 것입니다 쇼에서 당신의 웹 호스팅 계정에 들어가서 PHP 버전을 변경하는 방법 이 플러그 – 인은 사용할 예정이었고 실제로 WP 엔진에 의해 더 많은 프리미엄 중 하나가 만들어졌습니다 그들과 가진 가장 싼 접대 계획을 cohosting 웹 주인은 $ 30 달 당이고 나는 생각한다 매년 지불 할 때 가장 저렴한 웹 호스트가 아니지만이 웹 사이트에서 나왔습니다 PHP 호환성 검사기라고하는 플러그인이 지금 내가 이것을 보게 될 것입니다 나는 처음에 리뷰를 보았고, 거기에 몇 가지 스타 리뷰가 있었고 내가 읽었을 때 플러그인 및 테마의 개발자 중 일부는 소프트웨어는 호환성이있어서주의해야 할 점 중 하나이지만 그것은 함께 그래서 나는 WordPress 사이트의 백 엔드에있어 누군가가 새로운에서 플러그인에 가서 듣고있다 한번도 PHP를 사용하지 않았습니다

타입의 남자 나는 단지 그것을 할 예정이다 그리고 나중에 결과를 다루는 것은 반드시 그렇지 않다 좋은 연습이지만 그것이 내가 좋아하는 것에 대해 그렇게 많은 시간을 보내는 이유는 우리는 그것을 7로 변경합니다 우리는 그것을 쉽게 무언가의 더 낮은 버전으로 다시 바꿀 수 있습니다 바로 작동하므로 지금 설치를 클릭하고 처음으로 실행 해 봅니다

시간이 있고 희망적으로 그것이 즉각적으로 보입니다 그리고 그것은 꽤 빨리 작동합니다 그것이 도구 아래에있을 것이라고 가정하면 PHP 호환성 도구이며 작동합니다 그리고 버전 7과 델을 위해 입증 된 것은 활동적인 것에 대해서만 스캔하는 것입니다 저는 확신하지 못합니다

진짜로 아무거나가 활동적있다 그래야 다만 2016 주제를 검사했다는 것을 당연히 검사하게했다 모든 플러그인과 테마는 내가 거기에 다른 것들을 가지고 있고 그것을 보자 지금 어떤 사람들은 잘못된 반응이 있다고 불평하지만 그 다음에는 이 플러그인의 최신 버전은 2 개월 전쯤에 나왔을 것입니다 그 많은 문제를 다룰 때 지금은 확실히 폐가 아닌 상태로 달리고있어 웹에서 PHP 버전을 변경하는 방법을 보여주기 전에 사용하지 않습니다 InMotion 호스팅을 사용할 때 호스팅 계정이 실제로 거의 완료된 것처럼 보입니다

너는 그렇지만 이것은 어떤 웹 호스트와도 작동 할 것이다 이제는 모든 웹 호스트가 조금 다르다 당신에게 이것을 바꿀 수있는 능력을 부여하고 싶지 않은 웹 호스트가 되어라 나는 왜 그런지 모르겠다 하지만 그런 경우에는 지원 티켓을 제출해야 할 호스트가 있습니다

안녕하세요, PHP 버전 7로 가고 싶습니다하지만 호스팅에서 호스팅 기능을 사용하면 감정으로 승진 시키십시오 내 시청자에게 56 % 할인을 주면 링컨이 나옵니다 아래로 내려 가면 어쨌든 표준 컨트롤 인 cPanel LC 패널을 클릭 할 것입니다 대부분의 웹 호스트가 관장기를 사용하여 PHP 구성이 표시된 곳으로 스크롤하는 패널 그것은 여기에 바로 클릭하십시오

그리고 그것은 모든 버전을 보여주는 것입니다 사용할 수있는 버전과 내가 지금 사용하고있는 버전이므로 버전 7을 넣을 수 있습니다 RC가 바로 여기에 있습니다 즉, 릴리스 후보인 것을 의미합니다 이 7 개를 사용하면 7

0 버전으로 돌아가고 71 세트가 돌아갑니다 그 플러그를 살펴보고 스캔이 끝났는지 확인해보세요하지만 괜찮습니다 어쨌든 구현 한 다음 곧 업데이트를 클릭하면됩니다

이제 PHP의 상위 버전을 사용하고 있습니다 WordPress 기반 웹 사이트는 많은 snappier 수 있습니다 나는 내 사이트가 많은 snappier 사실을 알고 WordPress에 웹 호스트가 PHP 7을 기본적으로 제공 할 것을 요구할 것입니다 WordPressorg에서 이것에 대해 잘 모르는 여러 가지 방법이이 기사의 끝까지 끝낼 것입니다 비디오 그러나 나는 그 스프라이트가 내가해야할 많은 것들을 가지고있는 한 오래 걸렸다는 것을 알고있다

어쩌면 그 테마를 지우지 만, 이제 테스트를 실행할 수있는 포인트를 얻을 수 있습니다 가장 중요한 부분은 cPanel을 사용하고 있으며 자신의 일부 서버에 있기 때문입니다 당신은 쉽게 여기로 돌아올 수 있습니다 일부는 제대로 작동하지 않고 단지 버전을 제거 할 수 있습니다 이제 WordPress 이외의 WordPress 앱을 호스팅에서 실행중인 경우주의해야 할 사항이 있습니다 계정이 업그레이드하면 전체 호스팅 계정을 업그레이드하면 모든 당신은 PHP 버전 7에서 괜찮을 것입니다

아마도 금요일 밤 늦게 이것을 할 수 있습니다 아마도 최소한의 트래픽을 확보하고 모든 것을 테스트하려고 할 때 제대로 작동하는지 확인한 다음 믿을 수있는 플러그 – 인과 테마의 대부분을 사용하십시오 그들은 모두 PHP chisels의 실제 무작위 분파 플러그인과 호환 될 것입니다 또는 어쨌든 실제로 더 이상 지원되거나 적극적으로 개발되는 테마 이것은 당신이 WordPress 웹 사이트를 빨리 달릴 수 있도록 할 수있는 간단한 속임수입니다 당신이 비디오의 끝에 그것을 만들었 기 때문에 나는 당신을위한 무료 선물을 가지고 있지만 이야기하기 전에 당신이이 비디오를 엄지 손가락으로 줄 수 있다면 나에게 뭔가를 해달라고 부탁하고 싶다

당신이 채널에 가입하지 않았다면 그것은 나를 도와 줄 것입니다 앞으로 구독 취소 버튼을 클릭하여 구독자가되어이 채널을 지원하십시오 새 동영상을 업로드 할 때 알림을 보내려면 다음에 작은 벨이 있습니다 해당 가입 버튼을 클릭하면 해당 가입 버튼을 설정할 수 있습니다 이 동영상에 대한 질문이나 의견은 댓글 섹션에 있습니다

당신이해야할 모든 것보다 아래로 내려가는 것은 당신의 질문이나 코멘트에 달려 있습니다 하나는 내가 당신을 위해 코스를 만들었고 WordPress의 성공에 3 단계로 불린다 이 과정에 등록하고 싶다면 버튼이 있습니다 바로 여기에서 오른쪽으로 가서 학생으로서 그 역할을 클릭하면됩니다 나를지지하고이 비디오가 끝날 때까지 해주셔서 감사드립니다

나는 너를 위해 그들을 만든다

Создание сайта на WordPress | Продвинутый курс | Урок 1

안녕하세요 여러분, Alexander Shulepov 님, 우리는 고급 CMS는 워드 프레스 레이아웃하지만 우리가 시작하기 전에 내가하고자하는 당신이 내 채널을 구독하면 놓치지 말고 종소리를 넣어 라 왜냐하면 비디오는 수요일 저녁에 가장 많이 입력되기 때문입니다

시퀀스, 즉 세 번째 수업을 설정하면 무엇을 이해할 수 없게됩니다 일반적으로 지금 일어나고 있기 때문에 구독 신청을하십시오 새로운 동영상을 놓치지 마세요 우리는 시작하지 않을 것입니다 뒷 배경 때문에 스트레칭하지 않을거야

소개가 있었는데, 내가 발견 한 것은 우리 폴더가있는 레이어에서 PSD의 레이아웃이었습니다 미래의 사이트는 우리가 wordpress를 설치해야하는 사이트 개발을 시작합니다 당신은 도메인을 연결해야합니다 우리는 먼저 그것을 다운로드해야합니다 wordpress 우리는 다운로드 WordPress를 다운로드하여 모두 다운로드 한 다음 호스팅 종료 위치로 이동하십시오 호스팅은 도메인 아래에서 도메인과 함께 할 수 있습니다

그녀는 텐지의 끝 부분을 만들 것입니다 우리가 만드는 모든 도메인은 그렇게 연결되어 있습니다 이제 우리 데이터베이스를 만들어 이렇게 데이터베이스를 만들어라 카운트가 이제는 하키에 추가됩니다 우리의 wordpress는 그것을 저장하기 위해 나의 wordpress를주기 위해 흔들었다 하나의 파일을로드하기 때문에 압축 별로 편리하지 않으므로 소리가 꺼 지도록 모든 항목을 zip으로로드합니다 그것은 모든 것이 옳다는 것이 아니기 때문에 우리를 대신하여 연결시켜줍니다

하위 도메인이 표시되는지 확인해 보겠습니다 컵케익 도메인은 여기 콘솔 항상 우리가로드 개를 생각 Logged 지금 내가 이해할 수없는 경우 업로드 파일 업로드 나는 마지막 코스의 첫 번째 수업에 대한 참고 사항의 상단에서 버릴 것입니다 나는이 모든 것을 자세하게 말하고있다 어디에서, 어떻게, 무엇을 원칙적으로, 나는 생각한다 어려움이 있어서는 안된다

러시아 아카이브 언어가 제대로 이해되지 못함 catch numbers 영어 그래서 우리는 부팅 WordPress의 내 권고 호스트를 압축을 풀어 보자 아주 편리한 접대 실제로 모든 것이 직관적이기 때문에 이미 호스팅 및 영구적으로 재 설계되었지만 전혀 이해할 수는 없습니다 그 지원이 아마도 매우 편리 할지라도, 즉, 매우 빠르게 호스팅이 편리하므로 zip을 제거하여 이렇게 메모리를 차지하지 않도록합니다 우리 도메인 아래에 있으므로 연결된 모든 하위 도메인에 가야합니다 이제 우리는 wordpress를 설치할 것입니다 우리는 여전히 데이터베이스 연결을 가지고 있지만, 현재 우리는 우리는 이미 그렇게 할 수 있습니다

이제 서버가 서버이고 이동이 서명되었습니다 서버 이름이 데이터베이스의 이름과 같은 로그인을 만들려고합니다 혼란의 일부가 거기에 없었다 우리는 당신이 성공적으로 통과 했으니 우리와 함께 사이트 이름 회사 계정을 사용자 계정이라고합니다 관리자가 될 것입니다 그래서 비밀 번호 비밀 번호 내가 숨어 사용의 일부를 취할 것입니다 우리는 가시성을 제거하여 우리 사이트가 모든 것을 유지하도록 색인이 생성되지 않도록합니다

그래서 우리는 당신이 사이트에 가서 모든 헛되이 모든 헛되이 그렇게 당신은 우리의 평소 주제를 넣을 수 있습니다 그래서 적어도 조금 loomed 우리는 우리 앞에있는 모든 단어를 가지고 우리가 당신과 할 일을 설정했습니다 당신의 화제 당신의 화제를 쓰십시오 왜 당신의 화제입니까? 더 많은 설정이 여기에 준비되어 있기 때문에 더 많은 시간이 필요하지만 주제를 쓸 때 특정 작업을 위해 특별히 작성합니다 3 번에 더 많은 시간을 들여이 태국인에게 예를 통치하는 것이 더 쉽습니다 그러나 모든 사람들이 그렇게합니다 외국 기업 대기업 템플릿에 사이트가없는 경우에도 내가 WordPress에 Joomla에서했을 때 나는 테마를 넣고 테마를 편집했지만 그때부터 시작했다

우리가 사이트에 갈 필요가있는 것을 위해 우리 자신의 테마를 만들어야한다는 것을 이해하고 깊이 이해하십시오 그것은 여기에서 불렀고 그래서 미디어 크러스트는 거의 나를 거의 안다 ps가이 사이트가 무슨 일을하는지 고려해보십시오 비어있는 주제가 비어있는 주제가됩니다 우리는 이미 작업 할 것을 요청할 것입니다

즉, 여기에 모든 주제가 있습니다 이 적응성에 대한 어떤 종류의 디자인은 절대적으로 비어있는 주제입니다 우리는 이제 당신과 함께 깃발을 다운로드 할 것이고 우리는이 폴더를 우리 폴더에 넣을 필요가 있습니다 우리가 지금 다운로드 한 WordPress 테마 우리는 우리가가는 서버에 그것을 업로드 할 것입니다 호스팅 도메인 컨설팅 호스팅 등 개 콘텐츠 p 콘텐츠는 우리 테마를 압축합니다 여기서 우리는 우리가 가지고있는 테마를 업로드 할 것입니다

우리의 화제를 업로드하자 업로드 모든 항목을 압축 해제하고 지퍼를 우리가 제거됩니다 우리는 여분의 콘솔을 입력합니다 여기서 주제는 우리가 우리와 함께 모든 것을 활성화하는 주제입니다 비어있는 사이트에서 활성화 된 모습을보고 위젯으로 이동하십시오 위젯 우리가 철거 한 모든 위젯 우리가 필요로하지 않는 위젯 모든 kinosayte는 또한 모든 항목을 삭제합니다 모든 작업 항목 삭제 적용 및 모든 기사 모든 페이지, 우리도 필요 없어, 삭제, 적용, 이동, 우리는 아무것도 없어, 우리가 당신과 연결할 것을 편집하기 전에 obla의 filezilla는 원칙적으로 여기에서 편집 할 수 있습니다

편리한 편집기가 모든 것이 강조되어 있지만 모든 것이 멋지지만 조금 더 쉽습니다 우리가 그것을 한 곳에서 모두 편집 할 수있을 때 나는 ZIL 파일을 사용하고 텍스트 자체를 짖는다 ZIL 파일은 가상 tftp 관리자이다 3 명의 의사의 본문에 내 계정에 로그인해야하는 zilli 파일을 편집하십시오 비밀 번호 호스팅 계정에 우리가 입력 한 우리의 데이터를 입력 우리가 왜 그 문제가 왜 우리 아래에 있지 않은지에 따라 우리가하는 주요 사이트 서버는 인터넷에 처음 있기 때문에 언제든지 할 수 있습니다

사이트를 이동하고 편집 할 수있는 장소이며 매우 편리합니다 예 서버 물론 모든 것이 당신을 위해 빠르게 작동하지만 더 쉬울 것입니다 모든 것이 온라인 일 때 암호를자를 것입니다 그래서 빠른 암호 연결을 복사 했으니 까 우리 모두는 안으로 들어갔다 이제 우리는 페이지를 만들어야한다

우리 주제의 frontpage PHP는 비어 있습니다, 이것이 우리의 주제입니다 cr archae 페이지가 조금 나중에 재생됩니다 디렉토리 만들기 그래서 그것은 frontpage 라 불리는 새로운 파일을 만든다 PHP 그래서 우리는 우리 모두를 열어 놓았습니다 계층 구조에 대한 참조를 드리겠습니다 읽으려면 그런 페이지가 무엇인지 다시 읽는 것이 필요합니다

wordpress가 그 다음에 퍼즐로 갈 것입니다 즉, 이것에 대한 모든 것입니다 계층 구조에는 각 링크를 포함하는 정보가 귀하의 사이트이고 더 많은 템플릿을 끌어 들이기 위해 페이지를 표시하는 데 사용됩니다 처음에는 질문에, 적어도 요청 유형의 각 라인은 참조 페이지를 읽는 유형의 페이지입니다 우리는 index

php에서 모든 것을해야합니다 앞 페이지로 복사 저장 및 Yandex 스토브로 모든 명령을 호출기로 호출 기본적으로 그래서 앞면과 페이지 제거 사이드 바를 얻는다 나는 그것을 필요로한다 사이드 바 저장에 대한 의견이 있습니다 그래서 자연스럽게 당신은 닫을 필요가 있습니다

저장 한 hp 명령을 사용하면 첫 페이지에서 초과 된 부분을 제거 할 수 있습니다 방해 할 것이다 그렇게 우리와 같이 있어야합니다 우리가 앞으로 나아갈 모든 것을 업데이트하십시오 다음에 우리는 공통 꼬리말에 꼬리말을 남깁니다 잠시 이름뿐 아니라 거기도 우리는 우리가 남길 모든 것을 철저히 파괴합니다

우리가 가져 오는 나머지는 원칙에 기인해야합니다 우리가 더 가야 할 곳에 피더 스토브에 가서 팀을 구하십시오 네비게이션 버튼이 제거되고 이것이 내가 여기에서 찾지 못하게 막은 부분입니다 그것의 메뉴와 우리도 우리가 갱신하는 것처럼 그것을 철거한다 그래서 계층 구조에 대한 시작 페이지 그래서 우리는 함께 당신은 메뉴를 그래서 플러그 접속 식에 간다 새로운 최대 메가 메뉴를 추가하십시오 설치 후 최대 메가 메뉴 설치 활성화 메뉴를 만들 필요가 있지만 메뉴를 만들기 전에 페이지를 만들어야합니다

누가 우리 사이트에서 회사 섹션 체조 선수의 레이아웃을 열어야할지 서비스 가격 뉴스 예 지금까지 우리는 우리가 모두 4 페이지를 만들었습니다 게시 할 필요가 없습니다 이제 메뉴를 만들고, 메뉴의 모양으로가 보겠습니다 여기에 자동으로 나타납니다 여기에 메뉴가 생성되었지만 새 메뉴를 만들 수는 있지만 그대로두고 메뉴를 만들고, 프라 이마 리의 모든 표시 영역을 만듭니다 우리가 만든 모든 메뉴 우리가 저장 한 모든 메뉴는 내가 원하는 메뉴에서 파생 된 사이트로 이동합니다

우리와 함께 첫 번째 수업을 끝내고 많은 일들을 해냈습니다 우리가 시작하고 사용자 정의 할 테마를 다운로드했습니다 작업을 위해 엔진을 준비했습니다 메뉴를 많이 만들었습니다 이 첫 번째 수업에서 논리적 인 끝으로 연결하려고합니다

벨을 채널에 놓고, 당신을 기다리는 것을 놓치지 않도록 벨을 누르십시오 다음 두 번째 수업은 계속해서 더욱 흥미롭고 더욱 새롭습니다 귀하의 관심에 감사드립니다

Charts in WordPress – Getting Started With Visualizer PRO [VIDEO #1]

안녕하세요 Visualizer PRO에 오신 것을 환영합니다

데이터 테이블을 멋진 모양으로 변환하는 데 사용할 수있는 프리미엄 WordPress 플러그인 차트 및 워드 프레스 사이트의 그래프 차트를 만들려면 캔들 스틱, 타임 라인 및 콤보 등 12 가지 모델을 처분 할 수 있습니다 게시물 및 페이지를 게시하거나 편집 할 때 "시각화 도우미"블록을 선택할 수 있습니다 그리고 마우스를 올리면 차트가 게시물이나 페이지에 삽입되면 차트가 표시됩니다 추가 데이터, 귀하의 사이트 또는 블로그 방문자에 대한 매력

굉장한, 그렇지? 이제 단계별로 사용하는 방법을 살펴 보겠습니다 먼저 ThemeIsle 계정에서 플러그인 사본을 다운로드하십시오 여기에서 "구매 내역"에서 플러그인을 찾을 수 있습니다 또한 사본의 유효성을 검사하기 위해이 필드에 라이센스 코드를 복사해야합니다 그런 다음 WordPress 대시 보드에 로그인하고 플러그인으로 이동하여 새로 추가하십시오

여기에서 "Upload Plugin"을 클릭 한 다음 파일 탐색기에서 "Choose File"을 클릭하십시오 "열기"를 클릭 한 다음 "지금 설치"를 클릭하십시오 플러그인이 성공적으로 설치 될 때까지 기다렸다가 여기에서 "플러그인 활성화"를 클릭하십시오 "Visualizer : WordPress (Lite) 용 테이블 및 차트 관리자"가 설치되어 있는지 확인하십시오 PRO 버전을 실행하기 위해 활성화되었습니다

승인? Visualizer PRO에 대한 업데이트 및 지원 혜택을 받으려면 구매 한 라이센스를 추가하십시오 역사, 여기, 그리고 그것을 확인하십시오 그렇게하려면 여기를 클릭하거나 '설정'/ '일반'으로 이동 한 다음 볼 때까지 아래로 스크롤하십시오 "Visualizer : WordPress (프로) 용 테이블 및 차트 관리자"라이센스 필드 이 필드에 구매 내역의 라이센스 코드를 붙여넣고 "활성화"를 클릭하십시오

몇 초 후에, 당신은 필드의 국경이 녹색으로 변하는 것을 볼 수 있습니다 "유효한"메시지는 당신이 잘 가게된다고 말합니다 이제 Visualizer로 할 수있는 작업을 살펴 ​​보겠습니다 WordPress (Pro) 용 테이블 및 차트 관리자 차트는 대시 보드의 미디어 아래에있는 Visualizer 라이브러리에 있습니다 현재 차트가 없다면 "새로 추가"를 클릭하십시오

Visualizer의 무료 버전은 9 가지 유형의 차트를 제공하지만 Visualizer PRO는 3 가지 고급 차트 : 1 촛대 2 연대순 3 콤보 표시하려는 데이터에 가장 적합한 차트를 선택한 후 다음을 클릭하십시오 다음 창에서 차트로 데모 데이터를 볼 수 있습니다

이 데모 데이터로 차트를 편집 할 수 있습니다 또는 새 데이터를 가져올 수도 있습니다 몇 분 후에 그 점에 대해 더 자세히 살펴보고 계속 지켜봐주십시오 PRO 버전이 제공하는 더 많은 기능을 살펴 보겠습니다 파일에서 데이터를 가져올 수 있다는 것을 알고 있습니다

두 버전, 무료 및 프로,하지만 다른 차트 또는 WordPress에서 데이터를 가져 오려면 어떻게해야합니까? Visualizer PRO를 사용하면 두 가지 작업을 모두 수행 할 수 있습니다 더 많은 경우 스프레드 시트와 같은 편집기를 사용하여 수동으로 데이터를 삽입 할 수 있습니다 멋지다, 맞지? 그 방법을 즉시 알려 드리겠습니다 프론트 엔드를 통해 데이터를 편집하는 것이 훨씬 쉽습니다 게시물이나 페이지에 차트를 삽입하면 로그인 한 사용자는 프런트 엔드를 통해 차트를 편집 할 수 있습니다

얼마나 시원합니까? 무료 버전의 플러그인에서는 권한을 설정할 수 없습니다 누가 차트를 볼 수 있고 누가 차트를 편집 할 수 있는지 Visualizer PRO는 두 가지 기능을 모두 사용할 수 있으므로 더 많은 제어 권한을 가질 수 있습니다 해당 차트에 표시되는 데이터를 이제 Visualizer를 시작하는 방법을 정확히 알았습니다 Tables & Charts Manager for WordPress PRO, 당신은 단계별로 강력한 기능을 사용하는 방법을보고 싶습니다 확신합니다

그래서, 다음에 무슨 일이 일어나는지 보도록 초대합니다 Google에서 차트에 콘텐츠를 가져 오는 방법, 다른 차트에서 차트를 가져 오는 방법, 그리고 워드 프레스 웹 사이트에서도 그런 다음 프런트 엔드를 통해 데이터를 수정하는 방법과 더 많은 프런트 엔드를 사용하는 방법을 확인할 수 있습니다 "인쇄"기능과 같은 컨트롤을 사용하여 차트에서 직접 데이터를 인쇄 할 수 있습니다 거기서 보자!

☑️ #1 What Is WordPress?

안녕하세요이 튜토리얼에서 우리는 WordPress가 무엇인지 체크 할 것입니다

WordPress는 무료이며 오픈 소스 인 컨텐츠 관리 시스템으로 짧습니다 CMS로 양식 및 그것은 PHP 프로그래밍 언어와 데이터베이스로 작성된 것입니다 MySQL을 사용합니다 따라서이 특정 그림에서 볼 수있는 것은 이것이 워드 프레스 인터페이스 또는 대시 보드는 다음과 같으며 이것은 우리가 가지고있는 WordPress 로고입니다 여기에는 PHP와 MySQL이 있습니다 따라서이 다이어그램을 사용하면 WordPress가 PHP 프로그래밍 언어로 작성되었으며 사용 된 데이터베이스는 MySQL이고 이것은 기본 WordPress 대시 보드의 모습입니다 우리가 이해해야 할 다음 사항은 컨텐츠 관리 시스템이란 무엇입니까? 따라서 실제로 웹 사이트를 운영 할 수있는 소프트웨어 응용 프로그램입니다

블로그 일 수도 있고 전자 상거래 웹 사이트 일 수도 있고 포트폴리오 일 수도 있습니다 콘텐츠를 게시 한 다음 해당 콘텐츠를 관리 할 수있는 모든 종류의 웹 사이트가 될 수 있습니다 따라서이 소프트웨어 응용 프로그램을 사용하면 심지어 콘텐츠를 수정하고 관리 할 수도 있습니다 그래서 이것은 CMS 인터페이스입니다 이 인터페이스를 플랫폼으로 사용하여 실제로 게시 할 수 있습니다

콘텐츠를 게시하고 WordPress의이 관리 대시 보드에 콘텐츠를 게시하면 인터페이스를 통해 실시간 웹 사이트의 콘텐츠를 볼 수 있습니다 더 많은 것을 이해하기 위해, 우리는 기본적으로 출판사, 두 번째는 워드 프레스이고 세 번째는 방문자입니다 게시자는 WordPress의 콘텐츠, 괜찮아요 방문자가 귀하의 웹 사이트를 방문하고 그러면 콘텐츠를 볼 수 있습니다 그래서 이것이 WordPress 란 무엇인가의 기본 개념입니까? 다음 튜토리얼에서 우리는 차이점이 무엇인지 확인해야합니다

WordPressorg 및 WordPresscom

DIY WP #40 front-page.php Converting part 1 : Modal

반갑습니다 지난 번에 이 front

php의 하드 코딩을 마쳤습니다 이번 동영상 부터는 이 html 코드를 워드프레스 php 코드로 변환할 건데요 제일 먼저 상단 메뉴에 contact를 클릭할 때 나타나는 이 모달 창부터 하겠습니다 우선 이 모달창에 상단 제목 다음 바디 부분, 클로즈 버튼으로 크게 세 부분입니다 바디 부분은 다시 제목과 폼 양식 부분으로 구분됩니다 어떤 사람이 이 컨택트창에서 이름, 이메일, 내용을 작성해서 보내기하면 관리자는 자신의 메일로 작성된 내용 등을 받아 볼 수 있습니다 그 후 메일이나 연락 해서 리플해주면 되겠습니다

이런 프로세스가 필요한데요, 이 작업을 해주는 유명하고도 아주 심플한 플러그인이 바로 ConatctForm7입니다 그래서 그 플러그인을 설치하고, 이 인풋폼 양식을 작성해보도록 하겠습니다 그 전에 여기 제목, 다음 간단한 설명 부분, 인풋 양식이 들어가는 바디 부분, 그리고 아래에 클로즈 버튼 부분 등 커스텀필드가 4개 필요합니다 이 정도로 정리하고 들어가보겠습니다 관리자 페이지로 가서, 커스텀필드를 클릭하고요, Add new를 클릭합니다

필드 그룹에는 모달 컨택트 하고 해주시구요 애드 필드를 클릭하고, 모달 컨택트 타이틀이라고 합니다 필드 타입에는 텍스트, 두번째 이 필드에는 모달에 We receive라고 하는 이 부분의 텍스트가 들어갈 겁니다 그래서 타이틀에 모달 컨택트 바디 디스크립션

필드타입에는 텍스트나 텍스트에어리어 둘 다 괜찮구요, 그렇게 긴 내용이 아니니까 그냥 텍스트로 해도 되겠습니다 또 애드 필요 이번에는 여기 인풋폼 양식들이 들어 갈텐데요 타이틀에 모달 컨택트 바디 라고 하고, 필드 타입에는 위지윅 에디터를 선택합니다 에디터 모양과 유사한데요, 아래에 툴바에 Full과 Basic 중에 베이식을 선택해줍니다 다음에는 모달 컨텍트 클로즈 btn 필드 타입은 이번에도 텍스트로 하면 되겠습니다

클로즈 필드를 눌러주세요 로케이션에는 페이지를 선택하고, 이퀄 투 "홈"을 선택합니다 옵션에서 포지션에는 지금처럼 에프터 컨텐트를 선택합니다 스타일은 박스 모양 스탠다드 그 다음 하이드 온 스크린에는 프런트 페이지에 기본 에디터를 쓸 필요가 없기 때문에 하이드 올을 선택합니다

그리고 공개하기를 클릭해주세요 이 필드네임들은 워드프레스 php에서 변수로 쓰이게 될 것입니다 그래서 처음 이 필드네임을 일단 복사한 다음 에디터로 가서 headerphp를 불러옵니다 여기에 변수 선언을 하는데, 우선 php 달러 마크 모달 컨택트 타이틀이라고 변수를 정하고, 이퀄 겟 언더바 필드 소괄호, 작은 따옴표 속에 복사한 것을 붙여넣기 합니다 세미콜론

두번째는 모달 컨택트 바디 디스크립션 복사하고, 이퀄 겟 필드에 붙여넣기 세 번째는 모달 컨택트 바디 달러마크에 붙여넣기해서 변수 지정하고 이퀄 겟 필드 괄호 속에 한번 더 붙여넣기합니다 마지막으로 모달 컨택트 클로즈 btn을 복사하고, 붙여넣기하고 이퀄 겟 필드, 괄호 속에 다시 붙여넣기 합니다

그리고 이렇게 선언한 변수 역할을 하는 이 커스텀 필드네임을 해당 코드에 중에 다이내믹하게 바뀔 곳에 입력해주시면 되겠습니다 타이틀을 지우고, php 탭키, 에코 달러 마크 모달 컨택트 타이틀이라고 적어주면 됩니다 그리 어렵지 않습니다 두번째는 여기 부분은 php echo 달러 카크, 모달 컨텍트 바디 데스크 그 다음 이 폼 양식 부분은 br 태그 밑에 php 에코 달러 마크 모달 컨택트 바디라고 하겠습니다

이 아래 부분은 나중엔 지울텐데요, 잠시 그냥 둡니다 그 다음 제 밑으로 가서, 클로즈를 지우고, php 에코 달러마크 모달 클로즈 btn이라고 적습니다 그리고 저장하고요 다시 대쉬보드로 가서, 프런트페이지 편집으로 들어가보면, 기존의 편집 모습들 고유 주소, 콘텐트 에디터 등이 보이지 않습니다 어찌 된건가 하면, 콘택트 커스텀 필드 옵션에서 이 프런트 페이지의 편집 섹션을 모두 하이드했기 때문입니다

프런트 페이지 편집에는 각 섹션을 모두 커스텀필드로 구성할 거라서 이런 것들이 있을 필요가 없습니다 그러면 모달 컨택트를 눌러봅니다 여기 모달 컨택트 타이틀이 있는데, 이게 바로 여기 모달창 상단의 내용입니다 내용으로 저희 회사에 연락하기 라고 적어 주겠습니다 그 다음 설명부분에는 우리는 언제나

이렇게 적겠습니다 다음 이 컨택트 바디에는 인풋 폼이 들어오는데 이 부분은 잠시 놔 두구요, 아래 부분에 텍스트로 그냥 닫기라고 하죠 그리고 업데이트를 누릅니다

브라우저에서 리프레쉬하고, 다시 컨텍트 메뉴를 클릭하면, 좀 전 입력한 내용들이 이렇게 반영되었습니다 이제 이 컨택트 바디부분만 남았습니다 다시 대시보드로 갑니다 이제 또 플러그인을 설치할 텐데요 플러그인에 플러그인 추가하기 를 클릭합니다 그리고 플러그인 검색에서 ContactForm7이라고 입력합니다 그러면 여기 좌측 제일 처음에 컨택트 폼 7이라는 플러그인이 보입니다

100만명 이상이 설치해서 사용하고 있네요 이 워드프레스버전과도 호환되고 최근 업데이트도비교적 신속하게 잘 되는 편입니다 아주 유명하고 인기있는 플러그인입니다 지금 설치하기를 클릭해 주시고요 설치가 다 되면 활성화를 눌러주세요 활성화까지 되면 대시보드에 Contact라고 하는 우편봉투 모양 아이콘이 있는 메뉴가 생기게 될겁니다 여기서 Add New를 클릭해주세요

그러면 새로운 어떤 형태의 콘텍트 폼을 만들 수 있습니다 지금 여기에 있는 샘플 내용들은 필요없습니다 지우기 전에 와일드카드, 대괄호 등 일반적인 html 코드와 다르죠 와일드카드는 require 필수라는 의미입니다 잠시 확인해 주시고, 이제는 모두 지워줍니다

제목은 모달 콘택트 폼이라고 해 주시죠 그리고 이 내용에 우리가 에디터에서 작성한 이 부분들이 들어오는데, form 태그는 필요없구요, 그 사이에 있는 부분들만 들어오면 됩니다 그래서 이 부분들을 복사해서 컨택트폼 플러그인 에디터에 붙여 넣기합니다 줄이 좀 엉망인데요 이렇게 줄 정리를 해 주겠습니다 먼저 주석들은 삭제합니다

그 다음 한칸씩 띄우는 것도 다 붙여줍니다 이제부터 컨택트폼의 숏코드 방식으로 수정할 텐데, 여기 인풋이 나 버튼, 텍스트 에어리어 등의 html코드는 여기 컨택트 폼에서 쓸 수 없습니다 아까 잠시 설명했다시피 대괄호를 써야 합니다 먼저 대괄호, 다음 타입으로 텍스트 다음 와일드카드

그리고 네임으로 your name, 다음에 클래스 표기는 클래스 다음 콜론을 하고, form-control 아이디 역시 id 콜론, formInput1으로 적어줍니다 물론 여기서는 id가 꼭 필요하지 않지만 일단 그대로 했습니다 placeholder는 콜론없이 한 칸 스페이스 그리고 한글로 성함이라고 적어주겠습니다 그러면 이 html 코드는 필요없으니까 삭제합니다

같은 방법으로 이메일도 대괄호 이메일 와일드카드, 필수 항목이구요 your-email, 클래스 콜론 form-control, 아이디 콜론 formInput2, placeholder는 아 여기 위에서 큰 따옴표를 잊었네요 빠뜨렸네요 큰 따옴표 추가해주세요

다시 youremail@emailcom이라고 해주고 대괄호 닫기 세번째도 같은 방법으로 대괄호 text 다음 서브젝트 클래스 form-control 아이디는 formInput3 placeholder에는 제목을 입력해주세요 이렇게 하시구요

이 부분은 삭제 그 다음에 텍스 에리어도 대괄호 텍스트 에어리어 콘텐트, 다음 클래스 form-control, 아이디는 formInput4, 다음에 rows 8이라는 것을 여기에서는 그냥 x8 이라고 바꿉니다 placeholder 큰 따옴표 속에, 내용을 입력하세요그리고 위의 html 코드는 지웁니다 그 아래에 버튼으로 대괄호 submit, 클래스 btn, 만야 여러 개의 클래스가 있을 때는 각각을 이렇게 적습니다

또 클래스 btn-danger, 클래스 btn-lg, 클래스 bnt- fill이라고 합니다 여기에는 submit 즉 보내기르라는 placeholder가 들어는데, 이번에는 그냥 큰따옴표 하고 여기에 보내기라고만 적어 줍니다 이렇게 따라서 하시면 됩니다 그 다음 이제 밑에 있는 이런 부분에는 우리말로 혹은 그 밑에는 전화가 편하시다면, 이 번호로 연락 주세요 라고 고쳐주세요 전화번호는 그냥 그대로 두겠습니다

각자 맞게 고쳐주세요 세이브합니다 그러면 여기 상단에 하늘색의 이런 숏코드가 보이는데, 이 부분을 복사해서 프런트 페이지 편집으로 가서 이 모달 콘텍트 디에 붙여 넣기를 합니다 좀전에 컨택트 폼 플러그인에서 만든 양식이 반영이 되어서 나타날 겁니다 업데이트합니다 자 그리고 브라우저로 가서, 일단 어떻게 보이는지 리프레시하고, 콘택트 메뉴를 눌러보면 아

폼양식이 2개가 나타나네요 텍스트에디터에서 하드코딩한 것을 지우지 않아서 그렇습니다 다시 텍스트에디터로 가서 여기 폼에서 시작해서 닫히는 form까지를 이제 삭제합니다 자 세이브하고 다시 브라우저에서 리프레쉬합니다 그리고 콘택트 메뉴를 클릭하면 네

좀 전에 작성했던 폼 내용들이 잘 나타나고, 또한 한글로 보이게 되었습니다 이렇게 테스트로 내용을 작성하고 보내기를 눌러 보시면, 현재는 에러가 나는데, 그 이유가 개발용으로 로컬호스트에서 코딩 중이기 때문입니다 나중 라이브 서버에 테마를 이전한 후에 다시 해보면 제대로 될 겁니다 네 프런트 페이지 php 변환에서 처음으로 이 컨택트 모달 편집을 했는데요

마지막으로 이번 동영상을 마무리하기 전에 프론트 페이지 아이디가 여기 보시면 56이죠 예 그래서 텍스트 에디터로 가서, 이 겟 필드 괄호 속에 콤마하고, 56이라고 입력해줍니다 이건 매 페이지마다 콘택트 모달이 기본적으로 들어가고 작동해야 하기 때문에, 이렇게 해당 편집을 한 페이지 아이디를 입력하면 다른 페이지에서 또 입력할 필요가 없습니다 저장합니다 이번 동영상에서는 콘텍트 모달까지만 하고, 다음번에는 슬라이드에 대한 코딩을 이어서 하도록 하겠습니다

수고하셨습니다