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에 대한 글을 확인하십시오 매일 매일

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

How to Setup FAQ Section on Your WordPress Website

WPBeginner에 오신 것을 환영합니다 이 비디오에서 나는 어떻게 당신을 걸어 갈 것인가? WordPress 웹 사이트에 Frequently Asked Questions 섹션을 추가하십시오

이제 분명히 사람들이 묻는 정말 기본적인 질문이 있다면 게시물이나 페이지에 모든 것을 추가하십시오하지만 좀 더 알고 싶다면 그런 다음 당신이 할 수있는 일입니다 그래서 당신이하고 싶은 일은 귀하의 웹 사이트로 이동하여 로그인하십시오 그리고 우리가하고 싶은 다음 작업은 플러그인으로 가고 싶습니다 새 플러그인을 추가하십시오

그래서 나는 앞으로 가서 검색을 할 것이고 나는 빠르고 쉬운 FAQ를 찾고있다 여기에 우리가 설치하고자하는 것이 있습니다 이제 설치를 클릭하고 플러그인을 활성화합니다 활성화가 완료되면 여기의 설정으로 이동하거나 플러그인 아래에서 볼 수 있습니다 이제는 빠르고 쉬운 FAQ 섹션을 갖게되었습니다

그리고 당신은 단지 통과하고 채우기를 원합니다 이 정보를 모두 사이트 색상에 가까운 것으로 만들기 위해 당신의 위치를 ​​위해 그것을 좋고 획일하게하는 것이 가능하다 여기에서 색상을 선택하십시오 물론 당신은 당신이 가지고있는 색깔을 알고있을 것입니다 그래서 너는 가고 싶어

그리고이 모든 것을 위해 그렇게하십시오 나는 기본 색상에 꽤 만족해서 우리는 변경 사항 저장을 클릭하십시오 일단 설정이 완료되면 여기에 새로운 링크가 있습니다 우리가 지금 당장 가지고 있지 않은 모든 FAQ, 나는 이것이 당신이 어디에 있는지를 보여줄 것입니다 그들은 일단 당신이 그들을 추가하면 모두 될거야 그래서 그냥 몇 가지 FAQ를 추가하기 시작하자

꼭대기에서 질문에 넣고 싶다면 여기에 텍스트 상자를 사용하여 답변을 추가하십시오 그래서 나는 약간의 정보를 제공해야합니다 게시를 클릭합니다 당신은 당신의 사이트에 대한 몇 가지 FAQ를 가질 때까지 계속하기를 원합니다 여기에서 할 수있다

제품 관련 질문을 말하고 그룹으로 묶어 서비스에 대한 질문을 던지십시오 여기에 그룹화 할 수 있습니다 우린 소프트웨어를 할거야 알았어 귀하의 사이트에 몇 가지 FAQ가 있으면 설치 방법을 알려 드리겠습니다

너는 할 수있다 게시하거나 페이지에 추가하십시오 페이지를 만들 것입니다 우리는 자주 묻는 질문을하고 그 모두를 페이지에 올리면 바로이 짧은 코드를 추가하면됩니다 그렇게

그리고 게시를 클릭하면 볼 수 있습니다 따라서 일단보기 페이지를 클릭하면됩니다 번호 매기기 체계가 자동으로 추가되는 방법, 각 질문을 상자에 넣고 여기에 좋은 작은 글꼴 물음표가 있습니다 다시 올라가서 색인으로 돌아갈 수 있습니다 그런 다음 여기로 다시 이동합니다

그래서 그건 귀하의 웹 사이트에 FAQ 섹션을 추가하는 빠른 방법 이 비디오가 마음에 들면 버튼을 클릭하십시오 계속해서 우리에게 의견을 남겨주세요, 우리는 당신에게서 듣고 싶습니다 YouTube 채널에 가입하여 최신 동영상을 다운로드하십시오

How to Duplicate a WordPress Page or Post with a Single Click

안녕하세요 WPBeginner와 튜닝에 감사드립니다

이 비디오에서 나는 당신을 걷고 싶다 WordPress 페이지를 복제하는 방법 또는 한 번의 클릭으로 게시 할 수 있습니다 이렇게 빨리 다루겠습니다 왜 그렇게하고 싶습니까? 그렇다면 게시물을 업데이트하고 있지만 게시하지 않습니다 라이브 버전에 영향을주고 싶다

일반적으로 모든 콘텐츠, 새 게시물 만들기, 장소 지정 거기에 내용 그 문제는 당신이 실종되었다는 것입니다 오는 다른 요소들에 대해 이상, 귀하의 추천 이미지와 같은 것들, 일부는 귀하의 SEO 데이터, 아마도 귀하의 태그 그래서 당신은 정말로 복제 할 수 있기를 원합니다 전체 항목을 복사하면 내가 보여줄거야

이 비디오에서 어떻게하는지 우선 너는하고 싶은 일을하고 싶다 귀하의 WordPress 대시 보드에 우리가 될 것입니다 플러그 인을 설치해서 끝내자 플러그인에 새로운 것을 추가하면 우리는 중복 게시물 플러그인을 검색합니다 이것이 우리가 원하는 것입니다

그래서 설치하겠습니다 일단 설치가되면 그것을 활성화하십시오 알았어, 여기가 활성화 됐어 설정에 들어가서 당신이 원하는 걸 보여주기위한 몇 가지 변화들 이상 복사 이것들은 모두 좋은 상품입니다

기본적으로 복사하여 Google에서 그것을 그대로 유지하면 접두사로 접두사를 붙이면 우리는 말할 것입니다 복사 한 다음 여기에 나열 할 수 있습니다 너는 복사를 원하지 않는 것들 변경 사항 저장을 클릭하겠습니다 이제 게시물을 찾아 보겠습니다

우리가 복제하고 싶은 말은 내가하고 싶은 일 이니 그것을 복제하면 복사 마크 업이 보입니다 태그와 다른 하나의 서식은 다음과 같습니다 여기를 클릭하고 지금 여기에서 편집을 클릭하십시오 당신은 모든 서식이 다가 왔음을 보았습니다 위대하지만 우리는 또한 다가온 카테고리, 태그, if 우리는 올 것으로 예상되는 이미지를 가지고있었습니다

이제 우리는 안전하게 일할 수 있습니다 이 초안에 대한 걱정없이 살아있는 아이템이 엉망이되었습니다 네가 좋아하면 이 동영상을 좋아하는 버튼을 클릭하고 우리에게 거기에 코멘트를 남겨주세요 우리는 당신의 의견을 듣고 구독하고 싶습니다 최신 YouTube 채널을 YouTube 채널에 동영상

Force HTTPS Redirect on WordPress websites via plugin or htaccess edit

안녕하세요 여러분 Patrik CK 여기, 오늘은 중요한 웹 사이트 개발을 공유하고 싶습니다 단계

SSL 인증서가있는 WordPress 사이트를 구축 했으므로 검색해 보았습니다 보안 https 뒤에 앉아 모든 URL을 대체했으며 사이트로드시 주소 표시 줄에있는 멋진 녹색 패드 잠금 장치를보십시오 우린 끝났어? 그럼에도 불구하고 여기에 이유가 있습니다 다른 사용자가 처음 방문하는 방식을 모방 한 개인 정보 보호 브라우징 창을 열자 귀하의 사이트

Chrome 사용자를 위해 악명 높은 시크릿 창을 열면 다음을 입력 할 수 있습니다 앞의 http가없는 웹 사이트의 URL에 무슨 일인가? 불행히도 일반적인 비보안 http 버전 아무도 인정하지 않는 브라우저에 https : //를 입력하지 않으면 사용자가 costumers는 안전하지 않은 버전의 사이트로 연결됩니다 SSL 인증서를 받기 위해 항상 시간을 보낸 후에 왜 그런 질문을 할 수 있습니까? 그리고 내 URL을 업데이 트, 잘 짧은 대답은 인터넷의 프로토콜을 기본값으로 http 그래서 당신은 그 문제를 강요해야합니다 다행스럽게도이 작업은 실제로 실제로 수행하기 쉽고이를 수행하는 데는 두 가지 경로가 있습니다

당신이 극도로 게으르거나 아무 데나 코딩을 혼란스럽게하고 싶지 않다면 이 첫 번째 경로가 당신을위한 것입니다 모두 포함 된 플러그인을 설치하는 WordPress 플러그인에서 Really Simple SSL이라는 플러그인 그렇게 도서관 그것을 활성화하고 SSL 활성화 버튼을 누르십시오! 그게 다 끝났어 지금 우리가 사기 브라우저에서 우리의 사이트를보기 위해 똑같은 트릭을 시도한다면 그것이 직접 간다 https로 전송하면 누구나 만족합니다

그래서 그게 정말 쉬운 방법이지만, 나는 플러그인을 설치하는 팬이 아니야 그것없이 같은 목표를 성취 할 수 있다면 이 경로는 좀 더 많은 경험과 높은 수준의 액세스가 필요합니다 따라서 CPanel 계정에 액세스 할 수 없거나 CPanel 계정을 알 수없는 경우 플러그인을 고집하는 것보다 일을 끝내게됩니다 public_html 파일의 파일 관리자 아래에있는 CPanel 계정에

htaccess 파일 이 설정이 표시되지 않으면 숨김 파일을 볼 수 있도록 설정해야 할 수 있습니다htaccess 파일은 기본적으로 숨겨져 있습니다 파일을 편집기로 열고 다른 규칙 위의 맨 위에있는 파일을 엽니 다

첫 번째 선언은 다음 네 줄의 규칙을 삽입합니다 쉽게 대처할 수 있도록 설명에 넣을 것입니다 파일을 저장하고 닫습니다 그리고 너 끝났어 이러한 규칙을

htaccess 파일에 추가하는 것은 기본적으로 Really Simple SSL 플러그인 자동으로 당신을 위해했기 때문에, 당신은 웹의이 부분을 탐험 할 필요가 없었습니다 호스팅 환경 대부분의 사람들이 여기에 물건을 엉망으로 기꺼이하지 않는 것을 보자 나는 내 길을 더 잘 배울 때까지 어느 쪽도 좋아하지 않았습니다 어쨌든, 개인 브라우저 창에서 작은 테스트를 다시 시도하면 만족할 것입니다

그것은 문제없이 https로 간다 각 규칙이하는 일을 설명 할 수는 있지만 나중에 비디오를 위해 저장할 수 있습니다 물론 작업이 끝나면 웹 사이트의 캐시를 지우십시오 이게 당신이 SSL 인증서를 최대한 활용할 수 있기를 바랍니다 이것은 Patrik CK입니다

이 콘텐츠를 즐기는 경우 좋아하고 공유하십시오 그들이 나오면 더 많은 비디오를 구독하고 다음 번에 모두 볼 수 있기를 바랍니다 감사합니다 각자 모두!

DIY WP #42 front-page.php Converting part 3 : Page Box item

안녕하세요 지난 번에 슬라이더까지 했구요 이번 동영상에서는 이어서 페이지 아이템 박스에 대한 php 컨버팅을 하겠습니다

대시보드로 들어가서요, 커스텀 필드를 클릭합니다 Add New를 클릭을 해 주시고요, 여기에 프런트 페이지 아이템 박스라고 제목을 적어줍니다 애드 필드를 클릭합니다 잠시 에디트로 가서요, 이제 필요한 부분이 페이지 아이템 박스 섹션을 보시면 일단 페이지 링크가 필요하고, 그 다음엔 이미지, 그 다음에 아이템 타이틀, 다음엔 아이템에 대한 간단한 설명이 필요합니다 그 다음 이미지 하나는 PC 용 이미지, 또 하나는 모바일 용 이미지 그래서 두개가 필요합니다

페이지 아이템 타이틀은 여기 PC용 페이지 아이템 타이틀과 같습니다 그러면 총 커스텀필드가 링크 하나, 이미지 2개, 제목 1개, 데스크립션 1개 그래서 총 다섯 개의 커스텀 필드가 필요합니다 그런데 모두 8개의 아이템박스가 있으니까 이 섹션의 커스텀 필드는 꽤 많이 있어야 겠네요 예 그래서 이번에도 마찬가지로 분류를 탭으로 하겠습니다

필드 라벨에는 박스 1이라고 하죠 필드 타입은 tab을 클릭해 주시고요 닫기를 누르고, 이것을 총 8개 만들어 줍니다 예 그리고 각각의 탭 속에 구성 필드들이 있어야겠네요 애드 필드를 클릭하시고요

네 첫 번째는 이미지가 되겠습니다 그래서 아이템 이미지 1이라고 하구요 필드 타입은 이미지, 이미지의 크기는 이번에는 썸네일로 합니다 닫기를 누릅니다

이번에도 복사를 해서 총 8개를 만들어 둡니다 네 다 되었네요 복사 기능을 이용하는 것이 편합니다 일일이 입력하다 보면 오타가 생길 수 있으니까요

지금까지는 PC 용 이미지였고, 이제 모바일에 대한 이미지를 만들어야 겠네요 그래서 이번에는 모바일 이미지 1이라고 하겠습니다 그리고 이것도 이미지로 하구요 이미지 크기는 그냥 thumbnail 정도로 해도 되겠습니다 닫기를 누르구요

역시 마찬가지로 복사를 하겠습니다 네 모바일 필드 작성은 마쳤습니다 세번째는 타이틀이 되겠네요 애드 필드를 클릭하시고 아이템 타이틀 1이라고 한 다음 필드 타입은 텍스트로 정합니다

역시 복사를 이용합니다 네 타이틀도 다 했구요 이번에는 아이템 설명입니다 애드 필로로 아이템 데스크 1이라고 하고, 필드타입에는 그냥 텍스트로 하겠습니다

글이 길지 않으니까요 역시 복사를 합니다 그리고 숫자를 각각 고쳐줍니다 자 그러면 이제 커스텀필드들은 다 만들었습니다 이제 각 탭 밑으로 정리를 해야겠네요

이미지 1은 박스 1, 이미지2는 박스2, 이미지3는 박스3로 이런 방식으로 각각 다 배치를 해주시면 되겠습니다 예 각각의 탭에 해당 필드를 배치했습니다 이 과정이 제대로 되지 않으면 나중에 에러가 나타나기 때문에 좀 귀 찮긴 해도 정확히 잘 해 주셔야 됩니다

다음에 로케이션은 페이지 그리고 페이지 이름은 홈 다음에 오더 넘버는 3으로 하시고요 그 다음에 애프터 콘텐트 괜찮구요 스타일은 스탠다드로, hide all을 체크하고 공개하기 클릭을 해 주십니다 그리고 텍스트 에디터로 갑니다 상단에 지난 번 슬라이드 변수들 밑에 한 줄 정도 띄우고요 여기서부터 커스텀필드 변수 선언을 하죠

우선 아이템이미지1 이퀄 get field에 아이템 이미지 1 두번째는 모바일 이미지 1 세번째는 아이템 타이틀 1 네번째는 아이템 데스크립션 1 아 그런데 커스텀필드에 페이지 링크 필드가 빠졌군요

총 5개가 되어야 하는데 말이죠 잠시 멈추고 필드 하나 더 추가하고 이어서 하겠습니다 이번에는 아이템 링크 1이라고 해 줍니다 필드 타입에는 페이지 링크가 있습니다 이걸 선택합니다 또 밑에 포스트타입에는 페이지를 선택해주세요

그리고 닫기를 눌러줍니다 같은 방법으로 이것들도 듀플리케이트해 주겠습니다 마찬가지로 이것들도 해당 탭에 위치시켜 주는데요, 각 탭의 제일 위로 옮겨주겠습니다 예 휴-

다 되었습니다 다시 한번더 업데이트를 눌러 주십니다 다시 텍스트 에디트로 가서, 위에 아이템 링크1 이퀄 get field 아이템 링크1이라고 해줍니다 그러면 이제 탭1에 들어갈 필드들이 5개 모두 들어왔습니다 이 밑의 변수들은 일일이 입력하지 말고, 이 부분들을 복사해서 붙여 넣기로 2번 3번 4번 5번 6번 7번

그러면 총 8개가 되겠지요 두번째부터는 숫자만 하나씩 바꿔 주시면 됩니다 이 때 컨트롤을 누르고 마우스로 고칠 숫자의 뒤쪽에 정확히 클릭 클릭해 줍니다 모두 총 5개씩 커서를 지정합니다 그 다음엔 2로 바꿉니다

그 다음에는 커서를 내리고 3으로 고칩니다 그 다음에는 4 그 다음에는 5 그 다음에는 6 그 다음엔 7

마지막으로 8 이렇게 일괄적으로 하시면 되겠습니다 자 세이브를 해 주시고요 그 다음에 이렇게 지정된 변수들을 html 코드 대신에 바꿔 주셔야 되겠죠 지금 여기 위에 있는 이 슬라이드 부분들이 길어서 스크롤하는데 좀 시간이 걸리니까 이 부분을 잠시 하이드 하겠습니다

다시 내려 와서 이제 페이지 아이템 박스섹션에서 코딩하면 되는데요 먼저 여기 href 부분에는 php echo $item_link-1 세미콜론이라고 적어 줍니다 두번째는 이미지인데 전에 blog info라는 함수를 써서 임시로 이렇게 해두었는데요, 이제는 커스텀필드 양식으로 바꿔 주겠습니다 php echo 달러 마크 item_ img_1이라고 하고, 대괄소 속에 작은 따옴표 url 세미콜론이라고 적어주세요 그리고 여기 alt에도 php echo 달러마크 item_img_1 대괄호 속에 alt라고 해줍니다

그 다음 여기 페이지 아이템 1 대신 php echo 달러마크 item_ title_1으로 하면 되겠고 그 밑에는 php echo item_desc_1이 될 것입니다 그 밑에 있는 이 모바일 이미지에는 여기까지를 지우고, 또 여기 alt에다가도 프롬프트를 컨트롤키를 누른채 클릭하시고 동시에 php echo 달러마크 mo_img_1 대괄호 작은 따옴표까지 입력합니다 앞에는 url 세미콜론 뒤에는 alt 세미콜론이라고 각각 해줍니다 모바일의 이 부분은 타이틀이니까 앞의 타이틀 부분을 복사해서 붙여넣기 하면 되겠습니다

자 이렇게 해서 첫 번째 것은 마치구요, 같은 방법으로 나머지 7개도 코딩해주시면 되겠습니다 예 반복되는 것이어서 속도를 빠르게 동영상 편집을 했습니다 그래서 각각 해당 위치에 커스텀필드를 입력해주시면 되겠습니다 네

이렇게 하구요 세이브해 주세요 브라우저로 가서 페이지 편집으로 들어가보시면 프런트 슬라이드 밑에 프론트 페이지 아이템 박스들이 8개 있고 페이지 아이템 링크, 타이틀, 이미지, 데스크립션 등의 커스텀필드들이 생기 것을 보실 수 있습니다 이제 내용만 채우면 되는데 다만, 여기 아이템 링크를 클릭해보면, 지금까지 만든 페이지들은 모두 표시되는데 일단은 모둔 박스탭 링크로 이 샘플 페이지를 선택해주겠습니다 나중에 각각의 페이지들이 만들어지면 그 때 가서 매치되는 페이지들을 하나씩 하나씩 올바르게 링크하면 되겠습니다 그리고 여기 아이템 이미지들도 코딩을 할 때 만들었던 이 기어 이미지를 이용해서 업로드 하도록 하겠습니다 이 이미지들은 적절한 이미지와 또 음영 반전한 이미지를 준비해서 각 아이템에 업로드하면 되겠네요

이제 여기 탭들에 각각의 필들를 하나씩 채워가 보죠 아이템 링크는 말씀드린대로 샘플 페이지구요, 다음 아이템 이미지로는 여기 있는 2개의 이미지를 업로드헤서 사용을 합니다 첫번째 이 이미지를 추가합니다 다음 모바일 이미지는 이 이미지를 선택 해주시고, 아이템 타이틀은 셈플페이지1이라고 하겠습니다 설명부분에는 이렇게 적겠습니다

같은 방법으로 하나씩 입력 해주세요 네 세번째 탭에도 샘플페이지, 이미지는 이것 여긴 모바일 이미지 네

됐구요 다음 탭4에도 같은 방법으로 하나씩 해 주시구요 다섯번째도 마찬가지 여섯번째도 이미지부터 각각 입력하시고요 일곱 번째도 샘플페이지 선택하고, 이미지와 모바일 이미지, 타이틀 그리고 데스크립션 넣어주세요

앗 8번째는 이 아이템링크가 제일 아래에 있네요그러면 다시 커스텀필드 메뉴로 가서 여기 이 아이템 링크를 8번째 탭에 여기 위로 올려 주세요 업데이트를 해주세요

자 그리고 페이지편집에서 지금 바로 리프레쉬를 하면 이제껏 입력한 것이 사라집니다 그래서 일단 업데이트를 합니다 그 후 다시 보시면 탭8에 필드들이 제 위치에 있게 됩니다 다만 이미지를 선택할 때 여덟번째는 배경이 밝은 색 입니다 그래서 8번째 모바일 이미지는 pc용 이미지를 선택해야 한다는 것이 다릅니다

타이틀은 샘플페이지 8, 설명에도 이렇게 입력해 주시고요 업데이트를 누르세요 자 그리고 페이지 보기를 확인합니다 자 그러면 이런 식으로 보이게 됩니다 지금 제목과 설명을 간략히 했고 이미지는 똑같습니다만 나중에 각 아이템 페이지를 만들면 여기에 각각 따로 링크시키고 이미지들도 별도로 준비해서 업로드하시면 되겠지요

모바일처럼 화면을 줄여보면 우리가 html 코드에서 짰던 것처럼 PC와 다르게 보이게 됩니다 괜찮은 것 같습니다 이제 한 가지 더 설명할 것이 있는데요, 다시 프런트 페이지로 가서 현재 8개의 아이템 박스를 만들었습니다 그런데 처음부터 이런 페이지 박스 아이템이 8개씩이나 준비가 되지 않을 수 있구요 또는 필요에 따라 4개의 아이템이면 충분할 수도 있습니다 그래서 나중에 확장성을 위해 총 8개의 아이템 박스를 입력할 수 있게 만들어 놓고, 필요에 따라 한줄 4개의 아이템만 하거나 아니면 2줄 8개를 사용할 수 코딩을 해두면 좋을 것 같습니다 이런 경우는 어떻게 하는가 하면 커스텀필드 메뉴에서 Radio 필드를 하나 만들 겁니다 라벨에 Radio라고 해주시구요

필드타입에서는 True/False라는 불린 타입을 선택해주세요 이렇게만 하고 일단 닫기를 합니다 이 라디오 버튼은 제일 위로 이동합니다 이건 뭐냐면 True냐 False냐 하는 불린값을 의미하는데요 만약 이게 선택되면 두번째 row의 5번 6번 7번 8번 박스는 나타나지 않게 할 것입니다

그래서 박스5를 클릭한 다음 아래쪽에 보시면 conditional logic이 있는데 이 것을 yes로 해주세요 그러면 좀전에 만든 True/False 라디오 커스텀 필드가 나타나는데요 라디오 커스텀필드가 check되면, 박스5 탭이 나타나게 되는 것을 의미합니다 이 박스5 탭에는 링크나 이미지 등의 필드가 포함되죠 그래서 박스6 탭에서도 conditional login에 체크를 해 주시고 라디오 checed를 선택해 줍니다

박스7 역시 마찬가지구요, 마지막으로 박스8에도 역시 예스를 해줍니다 자 이렇게 하시고요 변경사항이 생겼으니까 업데이트 해주세요 다시 프런트 페이지에 에디터로 가서 리프레시를 눌러주시면 지금 라디오필드가 생겼구요, 이전에는 박스 5, 6, 7,8이 있었는데 지금은 박스 1 2 3 4 까지 있습니다 여기서 라디오를 클릭하면 5번 6번 7번 8번 박스가 나타나게 됩니다 해제하면 4개만 보이지요

선택하면 5에서 9까지 보입니다 잘 됐습니다 여기서 업데이트를 해주세요 그 다음에 라디오 버튼이라는 필드가 하나 더 생겼으니까 이 역시 에디터에서 선언을 해 주셔야 됩니다 다시 에디터로 가서 제일 위, 여기 아이템 링크1 위에 달러 마크 라디오 이퀄 get field 소괄호 작은 따옴표에 radio라고 해 줍니다 이 라디오가 true이면 박스 아이템 5 6 7 8들이 나타나고 그렇지 않으면 나타나지 않는다 하는 건데 이 때 여기 if 괄호 달러마크 radio가 true면, 중괄호 하고, 이 중괄호 속에 이 밑의 이 div들 즉 여기서 이 부분들이 프런트 페이지 에디터에 나타나고, false 즉 선택되지 않으면 나타나지 않게 하는 겁니다

그리고 이 밑에는 php 닫히는 중괄호를 해줍니다 그러면 이 웹 사이트에 관리자가 만약 지금은 네 개의 페이지 아이템만 쓰고 나중에 4개의 아이템을 더 추가하겠다면, 이 라디오 버튼을 선택해서 프런트 페이지에 아이템박스를 추가할 수 있습니다자 세이브를 하시고요 프런트페이지 백엔드 페이지로 가서 처음에는 이 라디오를 선택한 다음 업데이트하고 다시 브라우저로 가서 리프레시해 보시면 이전과 똑같지요 다음에 다시 에디터로 가서 이번에는 라디오를 해제하고 업데이트한 다음 다시 프런트엔드로 가서 리프레쉬를 해주시면 두번째 줄 4개의 박스아이템들은 나타나지 않게 됩니다 그래서 이 라디오의 선택 즉 true와 false라는 커스텀 필드를 이용하면 좀 더 관리자가 할 수 있는 선택 범위가 넓어지게 디자인할 수 있습니다

아이템이 많으면 2줄로 넣고 아이템이 적으면 적게 할 수 있겠지요 자 지금은 다시 라디오 버튼을 클릭하고 업데이트를 하겠습니다 다른 섹션들도 이러한 true/flase라는 불린 버튼의 커스텀필드를 이용하면 유연하게 디스플레이할 수 있습니다 네

이번 동영상은 단순 반복 과정들이 많아서 다소 지루할 수 있었는데요, 마지막에 이런 라디오 버튼을 활용하는 방법도 좋겠다 싶어서 이렇게 설명을 드렸구요 이번 동상은 여기까지 하구요 다음번 동영상에서는 사이드 섹션에 대한 코딩을 계속 하도록 하겠습니다 수고 하셨습니다

워드프레스 ‘페이지 당 보여줄 글 개수’ 홈&아카이브 각각 설정하는 방법 WordPress Number of posts per page Sset each Home & Archive

이 영상은 워드프레스 메인 index 페이지와 아카이브별 보여지는 글 개수를 조정하는 방법에 대해 이야기합니다 오늘도 군더더기 없는 정보 전달 을 위해 쓸모없는 내용은 모두 생략하고 신속하게 핵심만 짚어드리겠습니다

우선 워드프레스에서 메인 index 페이지는 즉 홈페이지 를 말합니다 사이트 주소를 쳤을때 가장 처음 보게 되는 그 홈 페이지입니다 워드프레스는 블로그 기반의 cms 서비스였기 때문에 기본 설정대로라면 10개의 발행한 포스팅들이 메인페이지에 쭉 나열되어 있습니다 그리고 여기서 보여지는 글 개수 를 조절하려면 워드프레스 관리자 페이지 > 설정 > 읽기 탭 에서 '페이지 당 보여 줄 글의 개수' 부분의 숫자를 바꿔 주면 됩니다 하지만 여기서 굉장히 불편한 점이 생기는데 이 페이지 당 보여줄 글의 개수를 조절하면 메인 페이지 카테고리 , 아카이브 검색결과 등 모든 페이지에서 같은 값으로 적용된다는 점입니다

때문에 메인 페이지만 2개정도의 글을 보여줘서 매거진 형식으로 꾸민다던지 할 수 없는 불편함이 있는데 이 부분에 대한 내용을 검색해봐 도 자료가 없고 불필요하게 번거로운 방법들 뿐 이었습니다 때문에 제가 워드프레스 공식 도움말 페이지에서 찾아낸 페이지 혹은 아카이브 글 개수 변경 방법을 알려드리겠습 니다 방법은 굉장히 간단합니다 위와 같은 코드를 'fuctionphp' 문서에 집어넣으면 됩니다

코드는 더보기 원문링크에 모두 그대로 있으니까 복사해서 사용하시면 됩니다 코드의 빨간색 부분이 홈 화면에서의 글 개수를 조절합니다 숫자 1 부분을 변경해주면 그 숫자 대로 반영됩니다 그 아래 파란색 부분은 아카이브 의 글 개수를 조절합니다 파란색 부분이 아카이브명이고 숫자는 역시 글 개수입니다 카테고리 명이 아니라 아카이브 명이니까 햇갈리지 마세요 만약 아카이브를 추가하고 싶다면 다음과 같이 파란색 아카이브 부분을 원하는 만큼 추가 해주면 됩니다 다른 기능은 필요 없고 깔끔하게 홈 화면의 글 개수만 조절하고 싶다면 위와 같은 코드를 사용하시면 됩니다

마찬가지로 'postsperpage' 뒷부분의 숫자만 변경해주면 원하는대로 글 개수 를 불러올 수 있습니다 gkkmoncom으로 접속하시면 이번 강의 에서 설명한 코드를 통해 꾸민 홈 화면 예제 를 직접 볼 수 있습니다 자세한 내용과 코드는 원문링크 나 gkkmoncom에서 확인할 수 있습니다

WordPress Web Design tutorial: designing your top level web page templates

완벽한 웹 페이지를 디자인하는 방법 그게 다가올거야

[소리] 안녕하세요, 록 스타! 다시 videospotnet에 오신 것을 환영합니다 내 이름은 Owen Hemsath입니다 오늘 저는 어떻게 할 것인가에 대해 이야기 할 것입니다 완벽한 디자인

웹 사이트 페이지 또는 격납고 페이지 자, 내 다른 비디오를 보았다면, 당신은 사일로를 만드는 데 큰 옹호자라는 것을 알고 있습니다

그리고 사일로 (silos)도 있지만 요즘에는 조금 더해야합니다 마찬가지로 사일로만으로는 원하는 곳에서 당신을 얻을 수 없습니다 그것은 당신의 경쟁에서 앞서 나갈 것입니다 하지만 그 중 큰 부분은 웹 페이지를 디자인하는 것입니다 이제는 비즈니스 소유자와 함께 볼 수있는 큰 문제입니다

나를 고용 한 고객 및 다른 웹 디자이너는 모든 페이지, 그들은 새로운 페이지처럼 디자인하고 있습니다 아시다시피 웹 사이트에 새 페이지를 추가해야합니다 그것은 오, 좋아요, 나는 전체 노터 페이지를 디자인해야합니다 이제는 그런 식으로 작동하지 않습니다 템플릿을 만들 필요가 있습니다

많은 웹 사이트, 웹 사이트 테마가 오늘 템플릿 기반 시스템을 지원합니다 그래서 우리가하는 일은 다음과 같은 일련의 템플릿을 만드는 것입니다 이제 나머지 페이지로 내보낼 수 있습니다 그러나 이러한 템플릿은 여전히 ​​중요합니다 제대로 만들어졌습니다

이제 막 가까이에서 웹 페이지를 디자인 한 방법을 살펴 보겠습니다 사일로 (Silo) 유형의 시나리오의 맨 위에있는 것과 같은 종류로 설계되었습니다 괜찮아? 그래서 홈페이지에 도착한 다음 탭 중 하나를 클릭했습니다 그리고 이렇게하면 페이지가 나타납니다 기본 구조의 일부를 살펴 보겠습니다

우선, 그리고 물론, 당신도 알다시피, 당신처럼, 당신은 항상, 이것은 여기에 귀하의 소셜 미디어 링크 수 있습니다 전화 번호 나 이메일 버튼과 같을 수 있습니다 알다시피, 저, 단추, 나는 좋은 생각이라고 생각한다 여기에 탐색 탭이 있습니다 자, 내가 이것을 처음 시작했을 때, 일곱 개의 탐색 탭이 있어야한다는 생각과 비슷했습니다

나는 더 이상 그 점에 동의하지 않는다 나는 네가 네 개 또는 다섯 개의 꼭대기와 같을 필요가 있다고 생각한다 그들은 아주 간단 할 필요가있다 그 중 하나 하나는 시청자를 판매로 전환시키는 방향으로 안내해야합니다 따라서 집에 말할 때 이러한 탐색 탭 중 하나가 필요하지 않습니다

권리? 일반적으로 귀하의 로고는 너를 집으로 데려다 줄거야 너, 너는 우리와 같은 것을 말할 필요가있다 우리가 제공하는 것 우리와 함께 일하는 방법 그리고 우리 블로그

그런 것 연락처 페이지가 없기 때문에 그냥 채워집니다 매일 SEO 서비스를 팔려고하는 사람들과 매일 아침 [INAUDIBLE] 이제 연락 페이지가 없어도됩니다 나는 우리와 함께 일한다

그게, 고객이 볼 수있는 고객 요약입니다 알다시피, 고객이 그것을 작성할 수 있습니다 그들이 나와 함께 일하고 그들이 누구인지에 대한 정보를 줘봐 그래서 매우 간단하게 유지하고 당신이하는 일을 향해 지시하십시오 제품, 서비스, 우리와 함께 일하십시오

맞습니다 정말 간단하게하십시오 귀하의 페이지에서 귀하의 페이지는 300 ~ 400 단어, 아마 500 개가되어야합니다 500 단어는 기사와 더 비슷하지만 그게 문제입니다 초크 물건 남자의 전체

아시다시피, 당신은 당신의 페이지에 내용을 가지고 있어야합니다 400 단어는 최소값과 같습니다 그리고, 당신은 그 페이지를 포화 상태로 만들고 싶습니다 아마 2 % SEO의 일부를 h1 헤더에 포함 시키십시오 그리고 나도 알아, 너도 알다시피, 거기서 얼간이 중 일부는 오처럼 될거야, 귀하의 h1은별로 중요하지 않습니다

그것들은 정말로 중요하지 않지만, 검색 엔진에 대해서는 그렇다 그것은 시청자의 의도로 간다 많은 사람들이 웹 사이트를 탈피했습니다 그래서 헤더를 만드십시오 권리? 그리고 그것은 그 대담한 h1 태그입니다

거기에있어 키워드로 말하십시오 그렇게하면 그들이 언제 스크롤하는지 알 수 있습니다 오, 나는 내가 올바른 사이트에 있다는 것을 알고있다 이것은 내가 찾고 있었던 것이다 그래서, 우리는 그것을 가지고 있습니다

우리는 사이드 바를 가지고 있습니다 괜찮아? 사이드 바 나는 사이드 바를 믿는다 어떤 사람들은이 전체 페이지 디자인처럼하고 있습니다 괜찮습니다 괜찮아

그것이 귀하 사이트의 의도 인 경우 나는 그것이 나를 가능하게하기 때문에 사이드 바를 좋아한다 다양한 방식으로 시청자와 소통 할 수 있습니다 그래서 예를 들면 이것은 내용 페이지가 될 것이지만, 사이드 바 공간에 광고를 넣을 수 있습니다

그리고 그 광고는 무료 제공처럼 제공 될 수 있습니다 권리? 내 전자 서 또는 내 시리즈 또는 어떤 경우이든간에 그런 다음 해당 페이지를 방문 페이지로 디자인 할 수 있습니다 이제 웹 뷰어를 리드 오케이로 변환합니다 그 밑에는 사일로에 대한 디렉토리가 있고 그와 관련된 모든 것이 있습니다 페이지 또는 어쩌면 당신은 당신의 네비게이션 탭을 다시 방문하십시오

여기에 링크가 있다면, 이것들은 사이트 와이드 링크라고 불릴 것입니다 괜찮아? 그래서 그들은 나타날거야 이 사이드 바가있는 모든 단일 페이지에 그래서 당신은 스팸이나 목적과 같이 끔찍하게 만들고 싶지 않습니다 그러나 시청자가 어디로 가고 있는지 파악하는 것이 도움이됩니다

나는 관련 링크를 사용하는 것을 좋아한다 왜냐하면 그들이 비디오 마케팅에 관한 페이지에 있다면 YouTube를 가지고 있으면 도움이 될 수 있습니다 YouTube 마케팅 방문 페이지 동영상

비디오 제작 비디오 범퍼 있잖아? 어쩌면 당신이 찾고있는 태그 일 수도 있습니다 그리고 그 밑에 나는 작은 원형이 있습니다 내가 평생을 증명하는 데 주로 사용하는 어쩌면 당신도 가질 수 있습니다

바로 여기있는 회원 평가 위젯입니다 새로 고침 될 때마다 새로운 평가가 팝업됩니다 그래서 당신은 관객과 그렇게 관여하고 있습니다 당신은 심지어 소셜 미디어 링크를 좋아할 수도 있습니다 Instagram 상자로 실험

우리는 그것이 어떻게되는지 알게 될 것입니다 너에게 가자, 나는 메인 페이지에 마지막으로 와서 너의 꼬리말로 간다 여기서 바닥 글은 거대한 자원입니다 아마도 3 ~ 4 개의 상자 바닥 글을 갖고 싶어 할지도 모릅니다 우리에 대한 요약, 어쩌면 우리의 사회적 연결, 그리고 나서, 어쩌면 스케쥴과 같이 스케쥴과 같이, 또는 저와 함께 일할 수도 있습니다

그리고 이것은 이미지 일 수 있습니다 어쩌면 그것은 연락처 상자처럼 보이지만 그것은 이미지이고, 그것을 클릭 할 때입니다 그것은 우리와 함께 그 일로 돌아갈 것입니다 그리고 아마도 여기에 블로그 롤을 좋아할만한 것이 있습니다 권리? 따라서 귀하의 가장 최신의 가장 훌륭한 블로그입니다

또는 당신이 아는 가장 유명한 블로그와 같을 수도 있습니다 당신은 할 수 있습니다, 당신은 몇 가지 플러그인으로 그것을 해결할 수 있습니다 메인 페이지의 메인 바디에서 다시 돌아가겠습니다 좋아, 우리는 약 400 단어를 말했다 그러나 어떻게 구조화되어 있는지 살펴보십시오

상단에 이미지가 있고 옆에 텍스트가 있습니다 이제 그 아래에 더 많은 텍스트가 있습니다 그 아래에 총알 포인트가 있습니다 근본적으로 여기에 당신이 가지고있는 것은 당신도 알다시피, 그 뷰어를 변환하는 데 정말로 필요한 모든 것 바로 여기, 바로 저기에

그리고 나서 조금 더 얘기 하자고 할거야 당신이 페이지에서 반드시 벗어나지 않기를 원하기 때문에? 너는 그들을 스크롤하기를 원하지만 그들이 그렇지 않다면, 적어도 그들은 페이지를 가로 지르고, 스크롤 속도를 높이기 때문에 스크롤하려는 이유가 있습니다 맞습니다 그리고 이것은 uxl, right, user experience optimization의 일부입니다 그것은 아직 서어지만 우리 모두는 곧이 용어를 사용할 것입니다

저것에 조율해라 그래서, 저것 좀 보시고, 여기에 몇 가지 총알 포인트가 있습니다 그냥 깨지기 만하면됩니다 나는 그 글자를 몇개의 글 머리 기호로 나눠서, 내 눈, 보는 사람의 눈과 비슷합니다 그리고 물론 나는 다른 것과 함께 결론을 내리고있다

여기에 영향력있는 이미지가 있습니다 최소한 페이지에서 두 개의 링크가 있다고 가정 해 보겠습니다 하나는 괜찮습니다 자연 스럽습니다 다른 출처에 대한 두 개의 링크

권리? 우리는, 전문가를 인용하여 전문가가되었습니다 따라서 두 개의 다른 출처로 연결됩니다 어쩌면 당신은 끈이있어, 당신은 그것에 대해 더 알고, 읽고, 이것을 읽는다 또는 짐 밥 (Jim Bob)이 여기에 대한 훌륭한 기사를 제공합니다 그런 다음 이미지에 Alt 태그가 있어야합니다

따라서 페이지 당 최소 2 개의 이미지와 alt 태그를 사용하고 싶습니다 권리? 그리고 나서, 당신은 완전히 당신과 같습니다 Yo의 플러그인 인 WordPress를 사용하는 경우 최적화하면 빛나는 색상을 얻을 수 있습니다 모든 것이 좋은 것입니다 그래서 저는 슬라이드 파일과 치트 시트를 사용할 수 있습니다

내 모든 와이어 프레임, 가장 성능이 좋은 와이어 프레임 템플릿이있는 곳 그리고 체크 아웃을 원한다면 설명 상자에있는 링크를 클릭하십시오 아래에 나는 당신을 모두 얻을거야, 내 모든 디자인 템플릿을 볼 수 있고 당신은 그들을 훔칠 수 있습니다, 당신은 그들을 사용할 수 있습니다, 당신은 그들과 함께 무엇이든 할 수 있습니다 하지만 거기에 이런 이미지가 있습니다 그리고 당신은 실제처럼, 알다시피, 이미지와 같은 아이콘을 가질 수 있습니다

이 모든 종류의 물건이 있고 당신도 알다시피, 나는 그것이 당신에게 도움이되기를 바랍니다 귀하의 웹 사이트 디자인과 당신들은 좋은 결과를 얻을 다른 동영상이있는 경우 다른 곳에서 힘들어하는 곳을 알려주세요 [소리] 당신이해야한다고 생각하거나 질문이 있거나 방금 여기에서 다룬 내용에 대한 의견, 명확성이 필요한 경우 계속하십시오 당신이 알고있는 것에 답해주세요, 아래의 코멘트에 무엇인가 넣으십시오

나는 당신과 함께 할 것입니다 채널에서 처음이라면 반드시 구독하셔야합니다 우리는 참여하고 있으며 우리는 당신과 함께하고 싶고 즐거운 시간 보내고 싶습니다 따라서 채널 구독에 시간을 할애하시기 바랍니다 다른 동영상도 확인하십시오

우리와 함께 비디오 스폿 닷넷에 참여해 주셔서 감사 드리며 다음에 보겠습니다 [음악]

Add 360 spins & 3D spins to your WordPress website

WordPress 사이트에서 멋진 360 스핀을 원하십니까? 그럼 거기에는 플러그인이 있습니다! 매직 360 어떻게 시도 할 수 있습니까? 그것은 간단합니다 이동 : wwwmagictoolboxcom> 'Magic 360'클릭 '확장 프로그램'드롭 다운 메뉴를 클릭하십시오 'WordPress'아이콘을 클릭하십시오

이제 'Magic 360 for WordPress'페이지에 있습니다 'WordPress 플러그인 다운로드'버튼을 클릭하십시오 '파일 저장'옵션을 선택했는지 확인하십시오 '확인'을 클릭하십시오 Magic 360 zip 파일이 컴퓨터에 다운로드됩니다

이동 : 대시 보드> 플러그인> '새로 추가'를 클릭하십시오 '플러그인 업로드'를 클릭하십시오 1 '찾아보기'를 클릭하십시오 2

컴퓨터에서 zip 파일을 찾습니다 3 zip 파일을 강조 표시하십시오 4 '열기'를 클릭하십시오

'지금 설치'를 클릭하십시오 '플러그인 활성화'를 클릭하십시오 단순한! Magic 360이 설치되었습니다 다음은? 이미지가 준비되었는지 확인하십시오 시작하기 전에 이미지를 준비했는지 확인하십시오

이미지를 WordPress 페이지에 표시하려는 순서대로 번호 매김해야합니다 360도 회전을 만들기 위해 이미지가 약간만 돌아야합니다 회전, 확대 및 전체 화면 효과를 위해 이미지의 큰 버전 사용 당신의 회전을 창조하십시오 이동 : Magic 360> 회전> '회전 추가'를 클릭하십시오 새로운 스핀의 이름 입력 '이미지'섹션으로 이동 한 다음 '이미지 추가'를 클릭하십시오 '파일 업로드'를 클릭하고 '파일 선택'을 클릭하십시오

1 컴퓨터에서 이미지를 찾으십시오 2 업로드하려는 모든 이미지를 강조 표시하십시오 3

'열기'를 클릭하십시오 이미지가 '미디어 라이브러리'에 업로드됩니다 이미지가 업로드되면 '추가'를 클릭하십시오 이미지는 '이미지'섹션에 표시됩니다 새로운 회전을 저장하려면 '저장하고 닫으십시오'를 클릭하십시오

새로운 스핀이 '내 스핀'목록에 표시됩니다 다음으로 스핀을 페이지 또는 포스트에 삽입하십시오 스핀을 삽입 할 페이지 또는 포스트로 이동하십시오 페이지에 스핀을 표시 할 위치에 커서를 놓습니다 'Magic 360'아이콘> 메뉴에서 스핀 선택 Magic 360 단축 코드가 컨텐츠 영역에 나타납니다

페이지 또는 포스트 미리보기 새로운 스핀이 이제 귀하의 웹 사이트에 나타납니다 기본적으로 스핀 및 전체 화면 효과가 나타납니다 당신이 쉬웠다 고 말 했어요 3D 스핀을 만들고 싶습니까? 할 수있어! 3D 이미지가 준비되어 있는지 확인하십시오 좌 / 우 및 상 / 하로 움직이는 스핀의 예 이 예에서는 왼쪽 / 오른쪽 회전을 만드는 데 사용되는 12 개의 이미지 위 / 아래 움직임을 생성하는 데 사용되는 4 세트의 이미지 총 48 이미지 사용 회전, 확대 및 확대 효과를 위해 이미지의 큰 버전 사용 이것은 '행' 줄은 당신의 회전의 위아래 움직임을 제어합니다

1, 2, 3, 4가 있음을 알 수 있습니다 즉, 이미지가 웹 페이지의 4 개 위치에서 위아래로 이동합니다 행 이미지의 각 세트가 01에서 12까지의 숫자 순서로 표시되는 점에 유의하십시오 이것은 '행 1'(각도의면)입니다 이것은 '행 2'(약간 다른 각도)입니다

이것은 '행 3'입니다 (다시 각도가 다릅니다) 이것은 '행 4'(top view angle)입니다 3D 스핀 만들기 이동 : Magic 360> 회전> '회전 추가'를 클릭하십시오 3D 스핀의 이름 입력 '이미지'섹션으로 이동 한 다음 '이미지 추가'를 클릭하십시오 '파일 업로드'를 클릭하고 '파일 선택'을 클릭하십시오 1

컴퓨터에서 이미지를 찾으십시오 2 업로드하려는 모든 이미지를 강조 표시하십시오 3 '열기'를 클릭하십시오

이미지가 '미디어 라이브러리'에 업로드됩니다 이미지가 업로드되면 '추가'를 클릭하십시오 이미지는 '이미지'섹션에 표시됩니다 '다중 행 회전'옵션을 클릭하십시오 왼쪽 / 오른쪽 회전을 생성하는 이미지 수를 입력하십시오

이 예제는 '12'이미지를 사용합니다 새로운 3D 스핀을 저장하려면 '저장하고 닫으십시오'를 클릭하십시오 새로운 3D 스핀이 '내 스핀'목록에 표시됩니다 이제 3D 스핀을 페이지 또는 포스트에 삽입하십시오 3D 스핀을 삽입 할 페이지 또는 포스트로 이동하십시오

3D 스핀을 페이지에 표시 할 위치에 커서를 놓습니다 'Magic 360'아이콘> 메뉴에서 3D 스핀 선택 Magic 360 단축 코드가 컨텐츠 영역에 나타납니다 페이지 또는 포스트 미리보기 새로운 3D 스핀이 이제 귀하의 웹 사이트에 나타납니다 왼쪽 / 오른쪽 회전을 만드는 12 개의 이미지 행 1, 2, 3 및 4 사이의 스핀 이동보기 전체 화면보기에서 3D 스핀이 놀랍다 다음은? 사용자 정의! 스핀은 자동으로 기본 설정을 사용합니다

새로운 스핀이 생성되면 '기본 설정 사용'옵션이 자동으로 선택됩니다 30 가지 이상의 맞춤 설정 중에서 선택하십시오 Magic 360을 원하는대로 완벽하게 사용자 정의하십시오 선택 사항을 선택하고 설정 저장하기 만하면됩니다 '기본 설정'을 사용하는 모든 스핀은 웹 사이트 전체에서 자동으로 업데이트됩니다

를 통해 Magic 360 Settings 페이지에 액세스 Magic 360> 설정 각 스핀은 개별적으로 맞춤 설정할 수 있습니다 '사용자 설정 사용'을 선택하십시오

변경 사항은이 스핀에만 적용됩니다 이 예제에서는 '힌트' '돋보기'사용 돋보기 모양을 '내부'에서 '원'으로 변경하십시오 변경 사항 확인 준비가되면 '저장 후 닫기'를 클릭하여 새로운 스핀 설정을 저장하십시오 웹 페이지 새로 고침 웹 페이지에 맞춤 설정이 표시됩니다 '힌트'메시지가 더 이상 나타나지 않습니다

돋보기 및 원 모양 변경이 표시됩니다 기본 설정 또는 사용자 정의 설정을 사용하는지 여부 당신은 당신의 스핀을 완벽하게 제어 할 수 있습니다 '평가판'메시지를 삭제 하시겠습니까? 라이센스 페이지로 이동하십시오 이동 : Magic 360> 라이센스> 'Magic 360 라이센스 구매'를 클릭하십시오

Magic Toolbox 웹 사이트로 연결됩니다 지불 과정을 따르십시오 라이센스 키를 이메일 (인보이스 번호로도 표시됨) '라이센스'페이지로 돌아 가기 제공된 필드에 라이센스 키 입력> '등록'을 클릭하십시오 이제 웹 사이트에서 정식 버전의 Magic 360을 사용하고 있습니다 웹 페이지 새로 고침 '평가판'메시지가 사라졌습니다

이미지에 생명을 불어 넣으세요! 잃을 게 하나도 없어 그리고 얻을 것이다 모두 wwwmagictoolbox

com/magic360/modules/wordpress/에서 무료 평가판을 다운로드하십시오

How to Create a Contact Form in WordPress

WPBeginner에 오신 것을 환영합니다 이 비디오에서 나는 당신을 걸을거야

멋지게 만드는 방법을 통해 귀하의 워드 프레스 웹 사이트에 대한 문의 양식 단계별로 설명하겠습니다 모든 코드를 작성하지 않고도이 모든 것을 사용할 수 있습니다 얻으려면 시작하자 저희 웹 사이트에 로그인하고 싶습니다

WordPress 대시 보드는 당신을 데려 올 웹 사이트의 끝 로그인 화면에서 로그인 할 수 있습니다 좋아, 이제 우리는 우리 사이트에 로그인했습니다 플러그 인을 설치하고 정품 인증을 받으십시오 플러그인 영역으로 넘어가십시오 리포지토리에서 새로 추가를 클릭하십시오

플러그인 wordpress에 해당하는 WPForm을 찾고 있습니다 우리가 원하는 것을 우리가 설치하도록 이제 우리는 그것을 활성화 할 것입니다 이제 활성화 됐으니 까 WPForms에 대한이 영역 우리는 새로운 양식을 만들려고합니다

새로운 기능을 추가하려면 여기를 클릭하십시오 계기반 우리가 필요로하는 것들 대부분은 바로 여기에서 템플릿을 선택할 수 있습니다 처음부터 시작하여 필드를 원한다면 제안 양식 우리는 간단한 접촉 양식과 원한다면 업그레이 드를하면 아래쪽에서 볼 수 있습니다 기부 양식을 작성하십시오

청구서 수신 또는 주문 양식 제출 더 많은 전자 상거래 뉴스 레터 귀하와 연결될 가입 양식 이메일 구독 소프트웨어가 아니라 우리를 위해 간단한 문의 양식을 작성하고 이름을 클릭하여 이름을 지정할 수 있습니다 필요한 경우 설명을 추가하십시오 주로 당신을 위해서 추가 할 수도 있습니다 양식에 맞는 특정 CSS를 여기에 원하는 버튼 텍스트를 제출하십시오

유지할 수 있는지 확인하십시오 스팸 함이받은 편지함에 들어 가지 않도록 우리가 얻을 일반 설정으로 가라 알림 및 확인으로 돌아 가기 잠시 후에 나는 다시 필드 영역 또는 오른쪽이 무엇입니까 그것은 지금처럼 보인다 여기 가면 더 많은 필드를 추가 할 필요가 있습니다 그것을 클릭하면 아래로 나타납니다

여기 마지막 상자 아래에 원하는 위치로 드래그하여 클릭하십시오 내가 그걸 제거하려고하는 것처럼 그 여기에서 양식을 조정할 수 있습니다 필드를 조정할 수 있습니다 각 필드의 형식을 선택할 수 있습니다

필요 여부를 결정합니다 나는 어떻게 광산을 조정할 것인가? 그것을보고 싶으면 당신도 똑같이 할 수 있습니다 너를 위해서 그래서 우리가 원하는 다음 일 설정을 살펴 보도록하겠습니다 그리고 통보하에 우리는 확실히 원한다

우리가 원하기 때문에 알림 누군가 이메일을 보내면 이메일을 받는다 기본적으로 관리자가 가져옵니다 귀하의 웹 사이트에 이메일을 보낼 수는 있습니다 실제로 뭔가 구체적인 권리에 넣어 그곳에 이것은 모든 이메일이 이 문의 양식에서 오는 것입니다

이메일 제목란에 관해서 그리고 나서 이것은 이것은 또한 끌어 당기는 형태의 필드 그 형식의 들판에서 그리고 나서 이것은 모든 데이터를 가져온다 그래서 알림은 이제 좋게 보입니다 확인 및 이것이 확인 메시지 그들이 그것을 제출하면 페이지에 나타납니다 좀 더 구체적으로 원하면 특정 페이지로 보내기로 선택 귀하의 사이트에 귀하의 감사의 말을 전하십시오 여기 또는 원하는 경우 선택할 수 있습니다

그들을 다른 웹 주소로 보내기 URL을 선택하여 웹 주소를 입력하십시오 그 (것)들을에 보내고 싶으면 제출을 클릭하면 지금 다른 페이지로 이동 했어 우리의 연락 양식이 우리가 원하는 방식으로 설정되었습니다 내가보기 때문에 구해낼거야 모든 것, 그리고 이제 우리는 실제로 우리 웹 사이트에 넣으십시오

페이지 그래서 나는 나의 모든 나의 페이지에 갈 것이다 우리는 연락 할 페이지가있어 그게 내가 원하는 곳이기 때문에 편집해라 양식을 작성하십시오 내 정보 아래서 새로운 라인을 얻을 예정이었고 여기서 광고 형식을 볼 수 있습니다

버튼을 클릭하십시오 여러 가지 양식이있는 경우 여기에서 선택하십시오 우리가 할거야 양식 제목 또는 양식 표시 우리가 페이지 이름을 가지고 있기 때문에 설명 바로 그거 필요 없어 삽입하면 이것을 볼 수 있습니다

짧은 코드는 당신을 위해 양식을 공유하는 WordPress 너는 그걸 망치고 싶지 않아 완료되면 update 또는 if를 클릭하십시오 당신이 만들고있는 새로운 페이지입니다 게시를 클릭하면 지금 무엇이 보이는지 보겠습니다 보이는 군

이제 어떤 사람들은에 양식을 추가하고 싶습니다 사이드 바 영역을 보여 드리겠습니다 정말 빨리 그걸 어떻게 할 수 있니? WPForms를 사용하면 모양, 위젯 영역 사이드 바 일반적으로 볼 수있는 위젯 영역이 있습니다 여기 우리가 아래로 스크롤합니다 실제로 WPForms 위젯을 찾고있다

그래서 우리는 왼쪽 버튼을 이제 그걸 공개하면 모든 것을 보여주고 여기에서 다시 선택하십시오 저장을 클릭하면 누군가의 블로그를 스크롤하면 사이드 바 영역에 표시됩니다 당신을위한 사이드 바에 너 배웠어? 오늘의 비디오에서 도움이되는 것이 있습니까? 만약 그래서 우리가 YouTube 채널 바로 지금 클릭하십시오 바로 여기 구독 버튼 보고 주셔서 감사합니다

How to Create a Custom Page in WordPress

WordPress에서 사용자 정의 페이지를 만들려고하십니까? 잘 지켜보고 있기 때문에 이 비디오에서는 WordPress에서 정확히 어떻게 할 수 있는지 보여 드리겠습니다 웹 사이트

우리가 시작하기 전에 당신이 만들고 싶은 몇 가지가 있습니다 다운로드했는지 확인하십시오 페이지를 만들려면 텍스트 편집기가 필요합니다 메모장을 사용할 수 있습니다 괜찮 으면 숭고한 텍스트를 사용하게 될 것입니다

내 컴퓨터에 웹 사이트에 연결하고 다운로드하려면 FTP가 필요합니다 페이지 템플릿 나는 이것을 위해 FileZilla를 사용할 것이므로 준비가 되었다면 시작하자 가장 먼저하고 싶은 것은 계속해서 텍스트를 여는 것입니다 우리는 새로운 파일을 만들고 싶습니다

약간의 코드 이것은 PHP라고 말하면서, 우리는 템플릿 파일 커스텀 페이지 t1을 명명하고 있습니다 이제 추가 했으니 계속해서 저장하십시오 이름을 지정할 수 있습니다 원하는 모든 것을

php 파일로 종결 좋아, 이제 우리가 그것을 구 했으니 우리는 실제로 이제 WordPress 테마에 업로드하십시오 FTP 클라이언트를 열면 당신의 테마에 맞는 wp-content 폴더로 이동하고 싶습니다 폴더로 이동 우리가 사용하고있는 테마 폴더 나는 2017 년을하고 있으며 여기에 업로드 할 예정이다

이제 우리 사이트에서 WordPress 대시 보드로 넘어가십시오 페이지를 새로 추가하려면 클릭하고 페이지 속성 아래로 스크롤하려면 템플릿을보고 기본 템플릿이 있고 클릭하면 드롭 다운 우리는 또한 커스텀 페이지 t1을 가지고있다 이제 내가 실제로 가고 있다면 이 템플릿을 사용하여 게시하십시오 표시되는 페이지를 보러 갈 때 거기에 아무 것도 없습니다 왜냐하면 우리가 아무것도 넣지 않았기 때문입니다

거기에는 실제로 작동하고 있습니다 이제 당신은 단지 그것을 조정할 필요가 있습니다 그것은 당신 자신의 것입니다 페이지 템플릿을 맞춤 설정하는 가장 쉬운 방법은 테마 기본 페이지 템플리트 그래서 우리는 지금 그것을 할 것입니다

우리의 FTP 클라이언트로 돌아 가자 우리의 항목 목록 우리는 바로 여기 pagephp를 찾고 있습니다, 우리는 그것을 우리에게 다운로드하고 싶습니다 로컬 데스크탑 폴더에서 텍스트 편집기로 돌아가서 해당 파일을 열고 이거 야 그래서 여기서하고 싶은 것은 우리가 이것을 복사하고 싶지 않다는 것입니다

이것은 템플릿 헤더와 우리는 이미 여기에 있습니다 그래서 우리는 복사하고 싶지 않습니다 그 대신 우리는 이것을 여기 아래로 잡고 싶다 이 모든 것을 복사하십시오

우리는 그것을 잡아서 새로운 라인을 시작합니다 이리 이 파일을 붙여 넣은 후에이 파일을 제거했는지 확인하십시오 바로 여기에 지금 네가하고 싶어 할 일은 그것을 만들기 위해 어떤 것을 바꾸는 것이다 맞춤 설정을 한 다음 저장하고 사이트에 업로드 한 다음 이 템플릿이 새 템플릿이됩니다

그래서 이것을 업로드하고 덮어 씁니다 내 사이트로 이동 한 다음 페이지를 새로 고칠 때 헤더와 내 바닥 글과 여기 지역 이제해야 할 일은 변경 사항을 적용하는 것입니다 사용자 정의 템플릿 페이지에서보고 싶은 것이 가장 쉽습니다 WordPress의 사용자 정의 페이지

오늘 비디오에서 뭔가 배웠어? 그렇다면 YouTube 채널을 구독하시면보다 유용한 팁을 보내 드리겠습니다 WordPress 웹 사이트를 관리하고보고 주셔서 감사합니다