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를 사용하는 경우 최적화하면 빛나는 색상을 얻을 수 있습니다 모든 것이 좋은 것입니다 그래서 저는 슬라이드 파일과 치트 시트를 사용할 수 있습니다

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

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

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

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