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 웹 사이트를 관리하고보고 주셔서 감사합니다

How to Create an Image Gallery in WordPress

당신은 당신의 WordPress에 모든 이미지를 보여줄 수있는 쉬운 방법을 찾고 있습니까? 웹 사이트? 이 비디오를 계속 시청 해 보겠습니다 두 가지 방법을 보여 드리겠습니다

WordPress에 이미지 갤러리를 추가하는 데 사용합니다 WordPress로 정말 쉽게 업로드 할 수 있습니다 이미지를 게시물이나 페이지로 보내지 만 게시물이나 이미지에서 여러 이미지를 사용하는 경우 그런 다음 갤러리를 사용하여 관리 할 수 ​​있습니다 그럼 기본 WordPress에 실제로 갤러리에 내장되어 있으며 많은 사람들은 그것에 대해 모른다 어떻게 생겼는지 보여주기 위해 우리는 게시물을 추가하고 새 게시물을 추가하고 휴가를 통해 미디어를 추가 할 수 있습니다

여기에서 귀하의 미디어를 추가하거나 미디어 라이브러리 파일을 먼저 업로드해야하므로 찾을 것입니다 내 폴더에서 몇 가지 이미지를 선택하고 드래그 앤 드롭 할 수 있습니다 또는 거기에 업로드 버튼을 사용할 수도 있습니다 여기 아래로오고있어 일단 업로드되면 우리는 그들과 함께 일할 수 있습니다

이제 모든 사용하려는 이미지가 업로드되면 여기를 방문하여 갱도 갤러리 만들기를 클릭하면 자동으로 내가 선택한 갤러리가 선택됩니다 그냥 업로드하면 작은 체크 표시로 선택되었음을 알 수 있습니다 만약 내가 내가 그 바로 저기를 클릭 할 수있는 것을 원하지 않으면 그것을 제거 할 것입니다 우리가 그들을 선택하는 동안 당신은 여기 저기에있는 이미지를 선택할 수 있습니다

제목과 대체 텍스트가 있는지 확인하고 싶습니다 고도 텍스트는 두 가지 이유로 SEO 목적에 중요합니다 검색 엔진 및 더 중요한 것은 도움이 될 이미지의 설명 이미지를 볼 수없는 방문객을 위해 대체 텍스트를 사용하는 것이 중요합니다 어쩌면 브라우저 판독기를 사용하여 화면의 내용을 읽을 수도 있습니다 그래서 모든 이미지에 대해 대체 텍스트를 설정했는지 확인하고 추가하면 갤러리에있는 모든 이미지를 내가 원한다면 나도이 사진을 추가 할 것이다

당신은 여기에 현재 선택되어있는 모든 이미지들을 볼 수 있습니다 일단 우리가 준비가되면 우리가 만드는 갤러리에 새로운 것을 만들 수 있습니다 갤러리를 방문한 다음이 장소로 가져올 것입니다 그래서 당신이 어떻게 결정할 수 있습니다 첨부 파일 페이지, 자체 미디어 파일 또는 아무 것도 연결하지 않으려 고합니다

누군가가 이미지를 클릭하면 첨부되지 않을 것입니다 아무것도 무작위 순서를 표시 할 열의 수를 선택할 수도 있습니다 누군가 다른 사람이 볼 때마다 사진을 다른 순서로 놓기 만하면됩니다 원하는 기본 크기를 선택할 수도 있습니다

일단 행복해지면 모든 것을 클릭하면 갤러리를 삽입하고 그 모습을 볼 수 있습니다 게시하다 여기에서 실제로 어딘가에 클릭하면 상자가 보입니다 이 사진을 올리면 갤러리를 삭제하거나 갤러리를 편집 할 수 있습니다 갱도

이제 제거하면 더 이상 해당 갤러리가 보이지 않을 것이며 그것을 재현하려면 들어가서 편집 할 수도 있습니다 일단 우리가 행복해지면 게시를 클릭하면 실제 상황을 볼 수 있습니다 그래서 꽤 빠른 슈퍼였습니다 이제는 이미지를 클릭 할 때 몇 가지 단점이 있습니다 그것은 그것의 자신의 부착으로 그것을 여는 것을 의미 할 것입니다 그것 자체로 갈 것입니다 페이지를 클릭 한 것처럼 보입니다

이제는 여기에 자체 페이지가 있습니다 사람은 우리가 있던 페이지로 돌아가고 싶어합니다 뒤로 버튼을 클릭하면 사용자 환경에 약간의 연결이 끊어집니다 내가 보여줄 다음 방법은 플러그인과 우리가 사용하는 플러그인을 사용하는 것입니다 화랑을 위해 Envira 화랑이 그것을 사용하는 것을 좋아하십시오 그래서 저것에에 넘어서 가게하십시오 우리의 WordPress 대시 보드

새 플러그인을 추가하고 검색에 플러그인을 추가하겠습니다 Envira Gallery를 찾고 싶은 지역 이것은 우리가 원하는 것입니다 지금 설치하고 일단 설치하면 계속해서 활성화하십시오 이제 활성화되었습니다

우리는 여기에서 갤러리를 만들 수 있으므로 갤러리로 넘어 갑시다 새로 추가하면 어떻게 할 수 있는지 보여 드리겠습니다 여기에 제목을 추가 할 수 있습니다 갤러리에서 여기에서 사용하려면 원주민 Envira를 선택하거나 다른 갤러리처럼 컴퓨터에서 항목을 선택한다는 것을 의미하는 갤러리 이미 업로드 했으므로 다른 출처에서 할 수 있습니다 다른 소스를 선택하고 추가 할 이미지를 선택하십시오

당신을 확실히하기 위해서 그들 모두를 선택했으면 Ctrl 또는 Command를 클릭 한 다음, 클릭해야합니다 그들은 모두 다가오고 있는지 확인합니다 이전에했던 것과 똑같은 일을하고 싶습니다 이미지에는 좋은 제목과 좋은 대체 텍스트가 있습니다 여기서 볼 수도 있습니다

갤러리에 들어가게 될 것들을 선택하십시오 우리가 만족하면 가서 갤러리에 삽입하고 스크롤을 내려 그것은 당신을 조정할 수 있도록 여기에 모든 것을 끌어들이는 것입니다 여기를 클릭하고 드래그하여 이동할 수 있습니다 대체 텍스트를 포함하여 여기에 개별 정보를 편집하는 작은 버튼 여기에서 삭제할 수도 있습니다 이제 우리는 이미지를 보자

앞으로 사용할 열 수를 선택하기 때문에 구성 탭을 수행하십시오 자동으로 귀하의 웹 사이트와 웹 사이트에 가장 적합한 것을 결정하려고 시도합니다 모바일에서 더 쉽게 사용할 수 있습니다 이들 중 많은 것들에 대한 기본 설정은 실제로 정말 좋아요 그래서 우리는 당신이하고 싶은 다른 것들을 위해서 그것을 지킬 것입니다

라이트 박스를 클릭하십시오 라이트 박스를 사용하면 이미지가 사용자가 페이지를 떠나지 않아도 팝업으로 표시되므로 정말 쉽습니다 내가 보여주고있는 이미지를 본 다음 페이지로 돌아갈 수 있습니다 문제가없이 계속 진행 중이며 이제는 선택 가능한 다른 모든 항목이있는 항목이 선택됩니다 이 플러그인으로 성장할 수 있습니다

무료 버전입니다 많은 기능을 추가 할 수있는 프로 기능이 있습니다 그래서 당신이 정말로 사진에 있거나 정말로 당신의 사이트에 많은 이미지를 가지고 있다면 당신은 그것을보고 싶을 수도 있습니다 이제 우리는이 갤러리를 만들었습니다 게시를 클릭하면 Envira 갤러리에서 귀하를 보여 드리겠습니다

한 곳에서 만든 갤러리로 관리하고 편집 할 수 있습니다 거기에서 나는 우리 포스트에 보이는 것을 보여주고 싶습니다 그래서 제가 가겠습니다 우리 포스트에 모든 포스트에가 거든 우리는 휴가에 종사하고 있었다

기본 갤러리 아래로 스크롤하여 이제 새로운 여기에 버튼 하나만 추가하면 갤러리 만 추가됩니다 그 중 하나를 선택하고 삽입을 클릭하면 이제 짧은 코드가 보입니다 그곳에두고 나면이 갤러리를 여기 올려 놓을거야 그러면 우리가 살펴볼 수있을거야 차이점

그래서 우리는 그것을 업데이트 할 것입니다 페이지, 그리고 지금 이것은 갤러리의 워드 프레스 버전이며, 이제 우리는 Envira Gallery가 자동으로 보여주기 때문에 자동으로 보았습니다 그런 것과 당신이 할 수 있습니다 그리고 그것은 당신이 그것들을 스스로 원한다면 그것은 자동적입니다 열을 선택할 수도 있습니다

이 이미지를 클릭하면 오게됩니다 좋은 라이트 박스에서 팝업과 내가 얘기하고있는 것처럼 당신은 이미지를 볼 수 있습니다 당신은 앞뒤로 갈 수 있습니다 매우 쉽고, 매우 사용자가 직관적이며, 여기서 나가거나 페이지의 아무 곳이나 클릭하면 걸릴 수 있습니다 다시 페이지로

그래서 그것들은 우리가 추천하는 두 가지 주요 방법입니다 WordPress 웹 사이트에서 이미지 갤러리를 만듭니다 너 배웠어? 오늘의 비디오에서 나온 게 뭔가? 그렇다면 YouTube 채널을 구독하고 우리는 당신이 당신의 WordPress 웹 사이트를 관리하고 감사 할 수 있도록 도움이되는 팁을 보낼 것입니다 지켜보기 위해