Bootstrap – Add a Social Media Share Sidebar To Your Bootstrap or HTML Website

안녕 얘들 아이 비디오에 오신 것을 환영합니다 http://www

system22net 및 http://wwwgreat-webdesigncom/에서 제이미입니다 여기서 우리가 할 일은 부트 스트랩 웹 사이트와 내가 할 일입니다

이 작업의 측면에 소셜 미디어 공유 사이드 바를 추가하고 싶습니다 사람들이 방문하면 사람들은 소셜 미디어에서 공유 할 수 있습니다 프로필을 Facebook Linkedin Pinterest Twitter와 같은 프로필에 추가하면됩니다 어떤 부가가로 추가 되든지, 자유롭게 떠 다니는 아름다운 사이드 바를 가지고 있습니다 바로 여기 예제에서이 비디오 아래에이 링크를 놓습니다

그래서 우리는 무엇을해야합니까? 잘하는가? 그들은 수평 한 것을 가지고있다 그리고 그들은 수직의 것을 가지고있다 이것이있다 하나는 내가 사용하려고합니다 나는이 코드를 여기에 복사 할 것입니다

그 스크립트를 포함하여 사촌 내가 잠시 후에 추가 할거야 내 HTML 코드 여기에서 대괄호 편집기를 사용하고 있습니다 여기에서 무료로 다운로드 할 수 있습니다 대괄호 ドット io 그것은 당신이 원한다면 나는 누군가에게 그것을 권 해드립니다 자유로운 원본 편집자 지금 나는 당신이 그것을 어디에든지두기 위하여 그것을두기 위하여려고하고있다 당신이 원하는 곳에 나는이다 내 발의 바로 위에 놓을 테니 정말 계속 머물러 있어도 상관 없다

옆에 우리가 거기에 넣었을 때 그냥 조금 목표를 정했습니다 우리가 돌아 가면 지금 말할 수 없다 스크립트 어떤 스크립트를 가지고 있는지에 따라 페이지에 다른 스크립트와 함께 넣으십시오 달리기를 위 또는 아래에 넣을 위치를 실험해야 할 수도 있습니다 어떤 다른 스크립트는 상당히 작고 직관적 인 스크립트는 필요하지 않습니다

문제가된다 나는 그것을 내 밑에 넣을 것이다 carousel script 사촌 어디서나 정상적인 위치에있어 나는 정말로 가지고있다 자바 스크립트가있는 모든 것에 붙어 있으므로 그냥 붙여 넣기 만하면됩니다

컨트롤을 저장하고 사이트로 돌아가서 새로 고침 그리고 거기에 그것은 우리의 왼편에 있습니다 정확히 어디 하나 꽤 가까워 내가 할 일은 내가 추가하고 싶은 부분이다 링크 핀 버튼은이 플러스 버튼을 모든 거기에있는 다른 모든 것들은 클릭 또는 메일로 작은 패널을 가져와야합니다 내가해야 할 일은 링크를 추가하는 것입니다 그러면 지금 우리가 옳은 것을 알지 못했다고 가정하십시오

클릭하고 치는 검사는 아직 내가해야 할 일은 항상 linkedin 또는 거기에 linkedin 버튼과 내가 선호하는 다른 일도하고 싶다면 if 내가 좋아하는 웹 사이트가 있다면 잘 알지만, 나는 믿는다 거기에 투명한 배경이있어서 슬라이더가 조금씩 쏴 버립니다 더 많이 생각해 보겠습니다 텍스트 편집기로 돌아 가면 우리가 어디에 있었는지 다시 돌아 가면 쉽게 구현할 수 있습니다 하지만 미래는 내가 믿고 트위터와 우리가 바로 거기에있다

나는 이것을 제거 할 것입니다 그것은 우리에게 위로를 가져다주는 작은 더하기 기호입니다 다른 사람들은 실제로 그것을 제거하지 않을거야 나는 이걸 제대로 할거야 거기 그들은 버튼을 말한다 Pinterest 버튼 구글 플러스 내가해야 할 것 같아요 재미있게 버튼 linkedin에 넣어 학교 거기에 우리가 가서 바로 거기 그렇게해야하고 여기에 인라인 스타일이있어 스타일 스타일이 남았습니다

그게 어디에 있어야하는지 알려주니까 0이 아니니까요 왼쪽과 그것 위에서 150의 사진 나는 정상이다라고 생각한다 내가 그것을 볼 때 나는 다른 속성 배경을 추가 할 것입니다 물론 투명 이건 그냥 여기에 일반 CSS입니다 분명히 당신이 그 색깔을 알기 만하면 특정 색상을 원한다면 거기서 우리는 구원을 얻고 우리 사이트로 돌아가서 새로 고침 그게 낫 네요 그게 우리가 원하는 걸 얻었어요

facebook twitter google + pinterest 및 linkedin 중 하나를 클릭하면 이것들은 프로파일 페이지로 이동하게됩니다 우리가 네가 원했던 것만 큼 멋지다 아직 로그인하지 않았다면 로그인해야 할 수도있는 귀하의 프로필 내가 할 일이 내가 그걸 조금 내려 놓을 것 같아 더 어쩌면 그래서 그것은 그렇게 아래에있다 그러나 또 다른 150 명의 담당자는 우리가가는 것을 시험해 보자

다시 우리의 괄호에 그리고 그 스타일의 물건은 여기에 그것이 얼마나 있는지입니다 순간부터 50까지 시도해보고 무슨 일이 일어나는 지 보자 우리 사이트에 다시 f를 제어하고 새로 고침 예, 조금 더 나아요 녹색이 조금 더 낮게 가려는 것을 의미합니다 어쩌면 300 번 가서 무슨 일이 일어나는 지 알기 만하면 좀 더 중앙 난파이지만 당신은 분명히 우리는 당신의 사이트가 조금 다른 당신일지도 모른다고 생각합니다

꽤 정확하게 당신이 그것을 원한다면 다시 제어 할 수 있습니다 괜찮습니다 약간의 항문은 지금 내가 약 25의 그림의 위로 그것을 잡을 예정이다 그래서 그것은 친절하다 그 화살에 맞춰서 더 빨리 그러나 그것이 우리가 그것을 원하는 곳에서 거의 정확하게있다

그래서 우리는 단지 25를 멀리 가지고 간다 75 물론 당신은 검사관과 미리 정확히 알아 내기 위해 이것을 할 수 있습니다 당신이 그것을 어디에 넣고 싶은지 지금 우리가 조금씩 떠나는 방법을 보여 드리겠습니다 이 권리 중 하나를 클릭하면 너무 많은 러시아가 감찰관에게 클릭 히트 인스펙션은 그걸 조금만 줄여서 사용합니다 Google 크롬은 개발자를위한 것입니다

실제로 이것을 클릭하십시오 그냥 아래에 가입 예 알았어 그러나 275시에 우리는 천천히 결정했다 그래서 나는 그것을 먹기 위해 노력했다 나는 그것을 들었다 오른쪽 패널 나는 그것을 8로 변경하려고합니다

저기서 좀 더 90 정도는 맞을거야 나는이 요정을 했어야했다 이런 식으로 시간을 절약 할 수 있습니다 예를 들어 코드를 넣을 수 있습니다 당신이 정말로 알고 싶어하고, 우리와 일치하여 그것을 얻고 싶으면 나에게 마이애미에 간다

~ 93 나는 지루해 지지만 지금은 아이가 훌륭하다 293은 우리가 원하는 번호입니다 거기서 우리가 돌아 가면 나는 당신의 사이트가 분명히 원하는 나의 사이트를 원하는 숫자가 될 것입니다 완전히 달라서 나는 그 사이트에서 293 quicksave를 다시 바꾼다 새로 고침은 그것이있는 곳에서 정확하게 머물러야합니다

그리고 거기에는 멋진 것이 있습니다 작은 사이드 바가 우리 웹 사이트에 추가되었습니다 이제 저는 지금 갈 것입니다 관련 페이지가 있지만 모든 페이지에 추가 할 예정입니다 물론 공유하고 그 일을 그렇게 거기 당신이 어떻게 그것이있다 부트 스트랩 측면에 떠 다니는 소셜 미디어 공유 사이드 바를 추가하면됩니다

웹 사이트 또는 HTML 웹 사이트이 기능이 유용하게 사용되기를 바랍니다 dan jamieson system 22와 위대한 웹 디자인 com은 시청 해 주셔서 감사합니다 좋은 하루 되세요

Thiết kế Website WordPress A – Z| Bài 24 – Tạo Sidebar

웹 사이트 : Nhaxinh24com의 투자 강좌 및 부동산 중개인을 참조하십시오

웹 사이트 : Nhaxinh24com의 투자 강좌 및 부동산 중개인을 참조하십시오 웹 사이트 : Nhaxinh24com의 투자 강좌 및 부동산 중개인을 참조하십시오 웹 사이트 : Nhaxinh24

com의 투자 강좌 및 부동산 중개인을 참조하십시오 웹 사이트 : Nhaxinh24com의 투자 강좌 및 부동산 중개인을 참조하십시오 웹 사이트 : Nhaxinh24com의 투자 강좌 및 부동산 중개인을 참조하십시오

What is WordPress Sidebar and How to Create It [2019]

WPKlik의 YouTube 채널에 오신 것을 환영합니다 이 비디오에서는 WordPress 사이드 바에 대해 이야기하고이를 만드는 방법에 대해 설명합니다

WordPress에서 사이드 바는 콘텐츠를 구성 할 수있는 테마 기능입니다 그래서 그것은 방문자의 관심을 끌 수 있습니다 기본적으로 세로 열입니다이 세로 열을 사용하면 웹 페이지의 주요 내용 사이드 바의 디자인과 위치는 미리 정의되어 있으며 테마에 따라 다릅니다 대부분의 경우 메인 페이지 콘텐츠의 오른쪽 또는 왼쪽에 위치합니다

사이드 바를 추가하려면 위젯의 형태로 사이드 바를 추가하기 만하면됩니다 대시 보드에 로그인하고 모양으로 이동 한 다음 위젯을 클릭하십시오 화면 왼쪽에는 사용 가능한 모든 위젯이 표시됩니다 사이드 바가 오른쪽에 있습니다 추가하려는 위젯을 표시하고 사이드 바 필드로 드래그하면됩니다

테마가 더 큰 사이드 바 모음과 함께 제공되는 경우 더 많은 것을 볼 수 있어야합니다 여기에 사이드 바를위한 필드 웹 사이트에 위젯을 추가하는 또 다른 방법이 있습니다 모양으로 이동하여 사용자 정의를 선택하십시오 이제 위젯을 선택하십시오

실시간 미리보기 덕분에 사이드 바에 대한 변경 사항을 확인할 수 있습니다 그들을 저장하기로 결정하십시오 그게 전부입니다 이 자습서가 도움이 되었기를 바랍니다 이 주제에 대한 자세한 내용은 설명을 확인하십시오

YouTube 채널을 구독하십시오

สอนทำ Sidebar ให้ลอยค้างใน WordPress แบบเหนียบหนึบ ทำได้อย่างไร

안녕하세요 Palakorn은 웹 사이트를 만드는 법을 가르칩니다

이 비디오에서 나는 그리고 공유 할 좋은 웹 사이트 만들기 보자 아르 찬 가르쳐 웹 사이트 만들기 안녕하세요 이 비디오에서 우리는 배울 것입니다 그것을하는 문제는 어깨를 그 위에 올려 놓는 것입니다 여기서 내부 란 우리가 점수 페이지를 위로 또는 점수 페이지를 내립니다

그것을 옆에 남겨 둘 수있다 해당 웹 사이트의 페이지로 이동하지 않는 항목 어떻게하면 유용할까요? 이렇게하면 우리가 그를 강조하고 싶다면 그 사람이 그것을보기 위해 무엇을 붙잡을 것인가? 소셜 공유 버튼과 마찬가지로 또는 우리의 광고 배너는 바퀴의 정면을 따라 흐르지 않고 잡을 수 있습니다 더 잘하는 방법을 찾으려고 노력할 것입니다 우선 보자 이전에 사용한 테마 워드 프레스를 봅시다

이제는 장소라는 단어의 표준 테마를 사용합니다 그것은 올해의 미친 습관입니다 바닥에, 나는 이런 식으로 바닥에있다 사용할 수 없습니다 여기 브래지어 크기를 고정하기 위해 그것은 측면의 사이드 바에해야합니다

또는 옆의 지원 사이트에서 테마를 사용하십시오 웹 사이트 그 자체의 옆에, 나는 할 것이다 먼저 테마를 변경 한 다음 정렬하십시오 사이드 바에서 자유롭게 만들면됩니다 우선, 우리는 변할 것입니다 우선, 핀란드로 가자

나는 가야 해 그러나 누군가가 올해를 사용한다면 사이트를 지원하고 나에 따라 변경하지 않아도됩니다 이건 내가 몸처럼 보이기 위해 바꿨다 이 SIM은 바로 옆에 사이드 바가 있다고 봅니다 활성화를 누릅니다

이제 SIM을 변경하고 있습니다 잠깐, 우리는 웹 사이트를 조금 봅니다 이제 재설정을 클릭하겠습니다 하나 다음을 클릭하십시오 팀이 바뀌 었습니다

옆에 사이드 바가 있습니다 나는 정련하고 싶다 당신은이 바를 조금 사용한다 우리가 원하는 위젯 만 가져 가세요 우리는 메뉴를 모른다

여기 그대로입니다 우리는 글쎄, 우리는 곧바로 갔다 이제 우리는 물어볼 것입니다 이 마술을하기 전에 조정해라 삭제를 클릭하면 검색 만합니다

최근 게시물, 최근 댓글, 아닌 카메라를 열고 삭제를 누르십시오 이것은 내가 가진 것이 아닙니다 그게 날 데려가지는 않아 우리가 그 이미지를 잡을거야 입력하려면 클릭하십시오

이것을 밝히기 위해 불을 붙입니다 그런 다음 원하는 이미지를 선택하십시오 내 빌보드, 기다릴게 잠깐 만요, 그 wordpress는 정상입니다 사이드 바를 고정시킬 수는 없습니다

네, 도움이 필요합니다 그것은 플러그인 그 자체입니다 잠깐, 우리가 간다 들어가 그런 다음 새로 추가하십시오

새로운 것을 우리에게 추가하십시오 이 단어를 찾으십시오 Fig Fig 네, 고정 된 특별합니다 위젯 그래픽 위젯 그것을 추가하십시오 잠시 기다려주십시오

한 가지는 올 것이다 q2 w WordPress에 37 집 찾기 지금은 공기가 잠겨 있습니다 여기에서 볼 수 있습니다 수많은 사람들이 있습니다 이 플러그인이 충분하다는 것을 보여줍니다

그리고 2 주 전에 마지막으로 업데이트되었습니다 사용할 수 있습니다 자주 업데이트됩니다 예, Instar가 완료되었으며 클릭하여 활성화 할 수 있습니다 지금 내려와

부드럽 네 우리는 100 개의 SDF를 누른 다음 여기로 돌아 왔습니다 play land app 및 v7로 이동합니다 먼저 아래를 클릭하십시오 우리에게는 평범한 과목이 있습니다

잠깐, 나는 웹 사이트를 살펴 본다 내일, 리셋을 기다리 자고 1 T, 아래를 클릭하십시오 여기에 우리가 설치하는 3 개의 위젯이 있다는 것을 나는 기다리고있어, 알았다

우리는 점수를 매기고, 원시 점수를 흘립니다 네, 저는이 세 가지를 할 것입니다 Fik이 그것을 여기에 줘서, 마치 떠 다니게해라 이렇게하면 페이지를 따라 흐르지 않게됩니다 우리는 하나씩 시험을 시도 할 것입니다

이제 우리는 테스트 할 것입니다 첫 번째 검색 위젯은 1T를 클릭하기 때문에 이미 위젯이 있습니다 여기에 진드기가있을거야 Magic을 누른 다음 f 1을 누릅니다 이 중 하나가 완료되면, 나는 웹 사이트를 보려고 노력할 것입니다

자, 우리는 똑딱 여기서 검색 창으로 가십시오 1 T 재설정 우리가 점수를 보았 으니까 보지? 검색 창은 대기 중이지만 나머지는 그것은 간다 많은 사람들이 여기에 공기를 물을지도 모릅니다

우리가 3 명 모두를 갖고 싶다면 할 수 있을까요? 예, 그대로 있습니다 나는 무엇을해야하는지 봅니다 이 방법은 간단합니다 그리고 카메라를 열고 17 번을 맞 췄어 3 명 모두 최근 게시물입니다

이 이미지를 선택하고 위젯을 닫고 누릅니다 이걸 저장하면 웹 사이트를 보러갔습니다 예,이 페이지에서 추가 기능은 적합합니다 잠시 후 재설정 1을 누릅니다 T : 나는 충분히 좋다

점수를 즉시 내린다 그것을 모두보십시오 더 점수를 매길 수 있습니까? 스코어 보드는 평소와 다르다 웹의 상단으로 돌아 가기 그럼 보통 볼 수 있니? 사이드 바를 만드는 것입니다 또는 위젯을 고정시키는 것 측면에서 다음 페이지로 이동하지 않음 우리는 그 전에 그것을 잡을 수 있습니다

하지만 우리가 간판 게시, 그는 영원히 볼 수 있습니다 이것은 그가 걱정해야 할 기회입니다 결론적으로, 나 자신이 더 많을 것입니다 이 비디오는 위젯을 만드는 방법 또는 신체의 왼쪽이 만들어 졌는지 여부 어떻게 할 수 있습니까? 신청하는 것을 잊지 마십시오 예, 질문이 있으시면 질문하십시오

동영상 아래의 댓글에 대해 살펴 보겠습니다 구독하거나 팔로우하는 것을 잊지 마십시오 좋은 비디오, 다음 에피소드,여보세요 예 아르 찬 가르쳐 웹 사이트 만들기 ~이다 그것을하는 방법에 대해 좋은 기술을 위해 그것을하는 방법 누구든지 질문이 있으면 wordpress로 웹 사이트 동영상 아래의 댓글에서 서로에게 질문 할 수 있습니다

구독하는 것을 잊지 마십시오 우리의 비디오를보기 위해 따라야 할 채널 좋아, 다음 에피소드 안녕

How To Make A WordPress Website 2019 | For Beginners

안녕 얘들 아, 내 이름은 Ferdy이고이 비디오에서 나는 당신이 어떻게 만들 수 있는지 단계별로 보여줄 것이다 무료 도구를 사용하는 놀라운 웹 사이트

WordPress처럼 Elementor라고하는 페이지 빌더와 같습니다 아스트라 테마처럼 무료 이미지 등 이 튜토리얼에서 다루는 내용을 설명하겠습니다

우리는 로고와 메뉴가있는 직관적 인 헤더를 사용하여 놀라운 웹 사이트를 만들 것입니다 그 아래 사람들은 우리가 누구인지, 우리가 제공하는 것이 무엇인지, 어떻게 조치를 취할 수 있는지를 알 수 있습니다 Elementor를 사용하여이 페이지를 처음부터 만드는 방법을 단계별로 보여 드리겠습니다 WordPress에 대한 최고의 무료 페이지 빌더 또한 리메이크 템플릿을 가져 와서 원하는대로 조정할 것입니다

그래서 우리는 엄청난 시간을 절약 할 수 있습니다 Elementor의 템플릿과 무료 템플릿 라이브러리의 템플릿을 사용할 수 있습니다 그리고 물론 우리는 모든 장치와 검색 엔진을 위해 웹 사이트를 최적화 할 것입니다 그 외에도 blogpost, 포트폴리오 항목, 사이드 바 위젯, 바닥 글 위젯 및 무료 플러그인을 사용하십시오 그리고 사람들이 그 튜토리얼을 좋아할 것 같은 의견을 들여다 보면

따라서이 비디오를보고 내가 보여주는 것을 적용하면 프로가됩니다 webdesiger 그리고 당신이 원한다면 당신은 심지어 생활을 위해 이것을 할 수 있습니다 비디오 설명에서 타임 스탬프를 볼 수 있습니다 따라서 튜토리얼의 특정 부분으로 이동하려면 타임 스탬프를 클릭하십시오 튜토리얼에서 내가 너무 빨리 지나면 여기에있는 아이콘을 클릭하고 속도를 낮출 수 있습니다

튜토리얼의 지금까지 본 내용이 마음에 들면이 비디오를 좋아하고 언제든지 구독 해주십시오 WordPress에 관한 더 많은 비디오를 보려면, 자신의 사업을 시작하고 종을 치십시오 아이콘을 클릭하면 새 비디오를 업로드 할 때 알림이 표시됩니다 그런 말로 : 시작합시다!

How to Make a Drag & Drop WordPress Website 2019 – BEGINNERS!

얘들 아 내 이름은 호간이고이 튜토리얼에서는이 놀라운 것을 만드는 법을 보여 주겠다 드래그 앤 드롭 빌더를 사용하는 WordPress 웹 사이트

그래서 그것이 당신에게 의미하는 바는 당신이 쉽게 할 수 있다는 것입니다 Apple, Tesla, Google 등 인기있는 웹 사이트의 레이아웃을 다시 만듭니다 거의 코드없이 온라인으로 보는 모든 웹 사이트 그래서 누구나 할 수 있습니다 모든 것을 단계별로 보여주고 싶었 기 때문에 이것은 10 분 튜토리얼이 아닙니다

그리고 10 분짜리 튜토리얼을 만들면 좋은 웹 사이트를 만들 수 없을 것입니다 그 사람들은 실제로 관심이 있습니다 그리고이 웹 사이트를 만들면 사람들은 귀하의 웹 사이트를 클릭 만하고 돌아 오지 않을 것입니다 기본적으로 처음부터 웹 사이트를 가질 필요가 없습니다 그래서 이것이 왜 2 시간이 걸리는지입니다

한 걸음 한걸음 한걸음 한걸음 한 걸음 다 보여 주겠지 만 몇 시간 만에 자신 만의 웹 사이트를 만들어 운영 할 것입니다 그래서 나는 당신의 웹 사이트를 온라인으로 만드는 것 최고의 무료 이미지를 얻을 수있는 곳을 알려줍니다 웹 사이트를 구축하는 데 사용한 모든 도구를 보여 주며, 대부분은 무료입니다 나는 또한 어떻게 빌더 자체를 사용하기 때문에 웹 사이트를 스스로 구축하는 데 압도 당하지 않습니다 방법을 보여줄거야

정말 멋진 웹 사이트를 디자인했는지 확인하십시오 당신의 인생에서 전에 아무것도 디자인 한 적이 없더라도, 아마도 이것이 가장 중요한 부분이라고 생각합니다 나는 또한 당신에게 몇 가지 멋진 것들을 보여줄 것입니다 그래서 이것은 사람들이 첫 번째 웹 사이트 구축 이것은 WordPress를 설치 한 사람들에게 적합하지만 어디서부터 시작해야할지 모릅니다 그것은 또한 프리랜서, 중소기업 소유자, 또는 단지 재미로 웹 사이트를 만들고 싶을 때도 좋습니다

그럼 이건 그냥 끝내 주네 그래서 기본적으로 저는 여러분에게 오늘 우리가 무엇을 만들지 보여주기 위해 웹 사이트 투어를 제공 할 것입니다 좋아 근데 기본적으로 웹 사이트 자습서 텍스트 및 이미지와 같은 것을 추가하는 방법을 보여 드리겠습니다 하지만 정말 특별하게 만들고 싶었으므로이 타자기 효과를 만드는 방법을 보여 드리겠습니다

많은 웹 사이트에는 없지만 경쟁에서 눈에 띄게 만들 것입니다 아래로 스크롤 이 추천 섹션을 추가하는 방법을 보여 드리겠습니다 아름다운 그라디언트를 추가하는 방법을 보여줍니다 정말 귀하의 웹 사이트를 신선하고 현대적으로 만들어줍니다

정말 멋집니다 이 입자 효과와 같은 멋진 것들을 보여 드리겠습니다 그것은 좋은 작은 손길을 가지고있다 정말 쉽지만 어쨌든 그리고 내가 보여줄거야 블로그 섹션을 추가하는 방법을 알려 드리겠습니다

블로그 섹션은 실제로 정말로 중요합니다 왜냐하면 사람들이 적극적으로 찾고있는 무료 콘텐츠를 만들 수 있습니다 그래서 귀하는 귀하의 웹 사이트에 대한 타겟이 분명한 트래픽을 유도 할 것입니다 그런 다음 판매하려는 상품을 판매 할 수 있습니다 많은 사람들이 소셜 미디어에 집중하고 있습니다

페이 스북 광고와 같은 것들이 있지만 실제로 스크롤하면 알 수 있습니다 Facebook을 통해 친구의 결혼식 사진이나 그들이 주말에 한 일들을보고 싶습니다 광고를 실제로 클릭하고 싶지는 않습니다 그러나 블로깅으로 사람들은 실제로 그 정보를 찾고 있습니다 그래서 그들은 올바른 사고 방식을 취하고 있습니다

그래서 그것은 확실히 당신의 웹 사이트에있어서 정말로 중요한 것입니다 이제 내가 드릴 방법을 보여 드릴 다음은이 시차 시차 효과를 추가하는 것입니다 그래서 당신은 그것이 아주 멋지다는 것을 알 수 있습니다 많지 않은 웹 사이트 해봐

근데 진짜 갈거야 제품과 서비스에 대해 흥미로운 이야기를 나눌 수 있습니다 이중 시차 효과로 그런 다음 비디오 및 갤러리와 그 모든 것들을 추가하는 방법을 보여 드리겠습니다 바닥 글 섹션에 소셜 미디어를 추가하는 방법과 그 후 레이아웃 가져 오기를 통해 간단한 about 페이지를 만드는 방법을 보여 드리겠습니다 그래서이 빌더의 멋진 기능들을 보여 드리겠습니다

이것은 나다 그리고 나는 그것을 모두 올바르게하는 방법을 당신에게 가르 칠 것이다 우리가 서비스를 클릭하면 어떻게해야하는지 또한 보여줄 것입니다 사전 작성된 레이아웃 및 사전 작성된 행을 가져옵니다 건물 이것은 웹 사이트의 프로세스를 실제로 가속화 할 것입니다

하지만 사람들이 물건을 가져올 때 대부분의 시간이 걸리기 때문에 레이아웃 테마를 가져오고 싶지 않았습니다 그들은 실제로 제대로 배치하는 법을 모릅니다 그리고 결국에는 끝날 것입니다 지연 시켜서 웹 사이트를 완성시키지 마십시오 그래서 나는 너에게 그걸 보여줄거야

그러나 실제로 중요한 기능을 실제로 사용하는 방법을 보여줍니다 그런 다음 블로그 페이지를 추가하는 방법을 보여 드리겠습니다 구성 방법을 알려 드리겠습니다 이 위젯 섹션에서는 원하는 모든 것을 실제로 표시 할 수 있습니다 당연하지 문의 양식이 포함 된 연락처 페이지를 작성하여 사람들이 메시지를 제출하고 또한지도

그래서 당신 중 일부는 중소 기업 일 수 있으며 당신이 어디에 있는지 등등 이 웹 사이트는 모바일 대응 형입니다 그래서 그것은 모바일 태블릿, 컴퓨터 또는 그와 유사한 어떤 장치에도 적합합니다 그래, 그게 다야 내가 지적하고 싶은 것은 당신이 어떤 말썽이라도 의견을 떨어 뜨릴 수 있는지 확인하는 것입니다

아래에, 나는 그들 모두에게 대답하려고 노력한다 뭔가 더 있으면 개인적인 support@hoganchuacom으로 이메일을 보내 주시면 도와 드릴 수 있습니다 훨씬 더 신경 쓰지 않고 나는 우리가 실제로 시작해야 할 것에 대한 개관부터 시작할 것입니다 그래서 저는 웹 사이트를 만들 때 필요한 것의 개요부터 시작하겠습니다

따라서 가장 먼저 필요한 것은 도메인 이름이며 기본적으로 도메인 이름은 웹 주소입니다 Google의 도메인 이름은 googlecom입니다 귀하의 이름이나 사업체 이름 만있을 것입니다 두 번째로 필요한 것은 호스팅 계정

따라서 호스팅은 이미지와 같은 웹 사이트 파일을 저장할 위치입니다 또한 텍스트 또는 원하는 파일을 저장하고 싶습니다 사람들은 전 세계 24/7에 액세스 할 수 있습니다 이제 세 번째로 필요한 것은 WordPress를 설치하는 것입니다 따라서 WordPress는 콘텐츠 관리 시스템이며 웹 사이트의 약 30 %가 웹에서 사용합니다

나는 그것을 나의 웹 사이트에 사용한다 기본적으로 코드 작성 방법을 알지 않아도 웹 사이트를 만들 수 있습니다 그런 다음 테마를 설치합니다 기본적으로 테마는 드래그 앤 드롭 빌더입니다 또한, 테마는 우리가 원하는대로 우리의 웹 사이트를 사용자 정의 할 수 있습니다

네 번째로 우리는 웹 사이트를 만들 것입니다 도메인 이름은 약 $ 1500 / year입니다 쿠폰 코드가 있어요 어느쪽으로 갈 건데 1 년에 5

99 달러 듭니다 그럼 당신의 호스팅 보통 월 $ 1000 정도이지만 쿠폰 코드가 있습니다 약 $ 8

00 정도 될 것입니다 WordPress는 실제로 무료로 다운로드 할 수 있습니다 또한 테마는 무료입니다 하지만 유료 지원을받을 수있는 옵션이 있습니다 웹 사이트 제작은 무료입니다

따라서 웹 사이트를 시작하려면 그것은 당신에게 수 천 달러 또는 수백 달러의 돈을주지 않을 것입니다 $ 1400의 비용 만 지불합니다 그러나 그것을 만드는 데 몇 시간이 걸릴 것입니다 하지만 정말로 가치있는 일이라고 생각합니다

왜냐하면 당신은 다른 것에 그 돈을 쓸 수 있기 때문입니다 이제 우리가 할 일은 도메인 이름을 얻고 같은 장소에 호스팅하는 것입니다 따라서 웹 브라우저를 열고 Hostgator를 입력하십시오 그래서 hostgator com을 입력 한 다음 enter를 클릭하십시오

그래서 Hostgator는 내가 내 도메인 이름을 얻는 곳이며, 또한 내 웹 사이트를 호스팅하는 곳입니다 그래서 나는 지금 약 7 ~ 8 년 동안 그들과 함께 해왔다 그리고 그들은 정말로 좋았습니다 그들에 대한 정말 좋은 점 그들은 라이브 채팅 지원을하고 있습니까? 또한 문제가있을 경우 45 일 환불 보증을받습니다 또한 가동 시간 보장도 있습니다

그래서 많은 무료 호스팅 회사, 때로는 웹 사이트를 호스팅하는 경우 항상 올라가지 않을 수도 있습니다 계정이 너무 많아서 웹 사이트에 충분한 리소스를 할당하지 못합니다 그리고 많은 사람들이 당신의 웹 사이트에 간다면 그렇다면 귀하의 웹 사이트가 망가질 것입니다 귀하는 귀하의 웹 사이트를 원하지 않을 것입니다 따라서 귀하의 웹 사이트에 유료 호스팅을 제공하는 것이 중요합니다

그래서 내가하고 싶은 것은 여기 웹 호스팅을 클릭하는 것입니다 보시다시피 몇 가지 옵션이 있습니다 하지만 초보자를위한 웹 호스팅은 우리가 시작하기 위해 필요한 것입니다 기본적으로 사업 계획, 아기 계획 및 Hatchling 계획의 세 가지 계획이 있습니다 따라서 사업 계획은 현재 당신이 필요로하는 것에 대해 아마도 너무 많은 양입니다

그리고 조금 더 비싸다 그래서 부화와 아기의 차이는 아기가 무제한 도메인 그러면 도메인 이름, 엄마의 도메인 이름을 호스팅 할 수 있다는 것입니다 친구의 도메인 이름 및 클라이언트가있는 경우 클라이언트 도메인 이름을 모두 가질 수 있습니다 동일한 가격으로 한 곳에서 호스팅 따라서 hatchling 계획을 사용하면 하나의 도메인 만 호스팅 할 수 있습니다

그래서 대부분의 사람들은 당신이 하나의 도메인을 선택할 것입니다 한 웹 사이트로 시작할 가능성이 큽니다 실제로 무제한 도메인을 호스트해야하는 경우 나중에 업그레이드 할 수 있습니다 또는 일부 고객 및 당신은 아기 계획을 위해 갈지도 모르지만, 나는 단지 hatchling 계획을 클릭하고 나서 지금 구매를 클릭 할 것입니다 따라서 아직 도메인 이름이없는 경우 그런 다음 여기에 도메인 이름을 입력해야합니다

그리고 도메인의 소유자 인 경우 여기를 클릭해야합니다 GoDaddy 또는 Namecheap에서 도메인을 구입 한 다음 여기에 도메인 이름을 입력해야합니다 그리고 튜토리얼을 따르십시오 그러나 새로운 도메인 이름을 원하면 탭을 클릭하십시오 그리고 당신은 당신이 당신의 웹 사이트를 지명하고 싶은 무슨을 파악할 필요가있을 것이다

예를 들어, 당신의 꿈 웹 사이트를 방문한 다음 여기를 클릭하십시오 기본적으로 사용할 수 있는지 확인합니다 녹색 눈금이 있다면 그것은 사용할 수 있음을 의미합니다 당신은 그것을 선택할 수 있습니다 그것이 빨간색으로 변하면 다른 누군가가 이미 있음을 의미합니다

그 도메인 이름을 등록 했으므로 그 도메인 이름의 다른 변형을 찾아야 할 수도 있습니다 그래서 나는 일반적으로 com을 찾으러 간다 왜냐하면 그것은 단지 가장 일반적인 것이고 사람들은 보통 무엇을 입력하는지 하지만 org 또는 co를 찾으러 갈 수도 있습니다

그것은 정말로 당신에 달려 있습니다 여기로 내려 가면 나는 도메인 프라이버시 보호 기능을 가지고 있는데, 기본적으로 그것이 무엇을 의미하는지는 우리가 그런 다음 그것을 선택하면 실제로 Hostgatorcom 또는 그와 비슷한 것으로 표시됩니다 너의 이름을 숨길거야 주소 귀하의 이메일 주소와 같은 것들 따라서 당신이 벽돌과 박격포 사업이고 이메일과 주소를 표시하고 있다면 귀하의 웹 사이트에있는 모든 것을 어쨌든 그럼 아마 필요 없어,하지만 당신이 익명을 유지하려면 도메인 개인 정보 보호를 선택하는 것이 좋습니다

이건 그냥 예제 일 뿐이니까 그냥 체크하지 않을거야 그러나 당신이 그것을 얻고 싶다면 당신이 그것을 얻기 위해 당신을 추천합니다 그 정보가 WhoIs 데이터베이스에 공개 될 때 실제로 나중에 추가 할 수는 없습니다 좋아, 그래서 여기 아래로 스크롤해라 결제주기를 살펴보면 그걸 클릭하면 월별로 선택하거나 장기간을 선택할 수 있습니다

일반적으로 더 장기적으로 당신은 더 큰 할인을받을 것입니다 그러니 오래 갈 경우 더 많은 돈을 절약 할 수 있습니다 그러나 그것은 당신에 달려 있습니다 그래서 저는이 예제를 위해 한 달에 한 달 간 진행할 것입니다 여기에 사용자 이름을 입력하면됩니다

보안 핀을 입력하면됩니다 여기로 스크롤하면 결제 정보를 입력해야하므로 귀하의 권리가 있음을 확인하십시오 여기에서 이메일을 보내십시오 또한 지불하시는 경우 신용 카드 세부 정보 또는 PayPal로이 섹션을 작성하십시오 귀하의 페이팔 일단 당신이 그것을 채우면 여기 아래로 스크롤하십시오

이제 추가 서비스가 있습니다 따라서 나중에이 항목을 추가 할 수 있으므로 선택을 취소하고 싶습니다 실제로 웹 사이트를 백업하려는 경우 실제로 무료로 백업하는 방법을 보여주는 무료 자습서가 있습니다 그리고 다음을 만들 수도 있습니다 전문 이메일 주소 cPanel 자체에서 도메인 이름을 사용하므로 동영상도 만들 것입니다

여기를 아래로 스크롤하면 쿠폰 코드를 입력해야합니다 보너스 코드를 입력하고 유효성 확인을 클릭하면 그것은 기본적으로 당신에게 더 큰 할인을 줄 것입니다 내 쿠폰 코드입니다 그리고 그걸 사용하면 작은 수수료를받을거야 이 튜토리얼은 무료 튜토리얼 작성에 도움이됩니다

우리가 여기 아래로 그리고 우리는 모든 것이 올바른지 확인합니다 그래서 우리는 도메인 이름을 가지고있다 우리는 한달에 한 번씩 해츨링 계획을 세웠습니다 $ 1366 그래서 도메인 프라이버시를 가끔 갖게되면 실제로 위로 스크롤하면 가끔 실제로 다시 추가 할 수 있습니다

하지만 괜찮은 것은 아닙니다 여기 아래로 스크롤하십시오 그리고 나서 당신이해야 할 일은 내가 읽은 것을 클릭하고 서비스 조건에 동의 한 것입니다 그런 다음 지금 체크 아웃을 클릭해야합니다 그러면 체크 아웃됩니다

그리고 나서 페이팔 (Paypal)로 지불하거나 축하 카드를 받으십시오 이미 Hostgator 계정이 있습니다 그래서 나는 정말로 다른 것을 창조하고 싶지 않습니다 이제 우리가해야 할 일은 이메일과 이것은 실제로 우리가하는 곳입니다 cPanel에 로그인하여 WordPress를 설치하십시오

그래서 Hostgator는 귀하의 계정 정보를 이메일로 보내드립니다 기본적으로 이런 모습입니다 그렇다면 제어판의 URL을 클릭하고 기본적으로 사용자 이름을 복사하고 비밀번호를 복사해야합니다 그래서 당신은 실제로 제어판에 로그인 할 수 있습니다 일단 로그인을 클릭하면 그래서 WordPress를 설치하려면 새로운 WordPress 웹 사이트를 클릭하십시오

또는 소프트웨어 섹션까지 아래로 스크롤하여 빠른 설치를 클릭하십시오 때로는이 섹션의 레이아웃이 변경 될 수도 있지만 빠른 설치를 시도하십시오 그러면 괜찮을거야 그래서 우리는 새로운 WordPress 웹 사이트를 구축하려고합니다 이제 WordPress를 웹 사이트에 설치할 수있는이 섹션으로 이동하게 될 것입니다

도메인을 클릭하십시오 도메인을 선택하십시오 보통 너희들 대부분은 단지 하나만 가질 것이기 때문에 나는 이것을 여기에서 선택할 것이다 이 부분을 비워두고 블로그 제목을 위해 다음을 클릭하십시오 회사 이름 또는 이름 일 수 있습니다

예를 들어 로고 만 입력하면 언제든지 변경할 수 있습니다 관리자 사용자의 경우 로그인 사용자 이름이됩니다 이름, 성, 유효한 이메일 주소 일단 완료됩니다 전자 메일이 올바른지 확인하십시오 서비스 약관에 동의하고 설치를 클릭하려면 여기를 클릭하십시오

그래서 WordPress가 새 도메인에 설치됩니다 좋아요, 그래서 몇 초 걸립니다 설치가 완료되었다고합니다 한 번 완료되면 여기에 설치 정보가 있습니다 그래서 내가 무엇을하기 전에 일반적으로 먼저하고 싶은 것은 암호를 내 클립 보드에 먼저 복사하는 것입니다

일단 그렇게하면 당신은 사용자 이름이 Hogan Chua임을 압니다 내가 입력 한 사용자 이름을 알면 로그인을 클릭 할 수 있습니다 일단 로그인을 클릭하면 그러면 WordPress로 이동합니다 로그인 페이지 그래서 가끔은 당신이 방금 도메인을 구입하고 그것을 호스팅하지 않을 수도 호스팅 아직 전파되지 않았고 기본적으로 그것이 의미하는 바는 HostGator는 아직 백엔드에서이를 설정하지 않았으며 때로는 15 분 또는 20 분이 걸릴 수도 있습니다

최악의 시나리오, 그렇지 않은 경우 아마 몇 시간이 걸릴 것입니다 아직 작업을 시작한 다음 HostGator 라이브 채팅 지원에 문의 할 수 있습니다 그래서 사용자 이름을 넣은 다음 방금 복사 한 비밀번호를 붙여 넣은 다음 클릭하십시오 로그인 좋아, 대시 보드 영역에 대해서도 이야기하기 전에이 페이지를 즐겨 찾기에 추가하십시오 로그인 URL입니다

해당 URL을 복사하고 새 창을 열어 보겠습니다 실제로 URL에 붙여 넣으면 그러면 로그인 페이지로 이동합니다 여기에 입력해야하는 것은 모두 WP-admin이며이 페이지로 이동하게됩니다 그렇게하십시오 좋아, 그럼 이건 WordPress 대시 보드 야

그것은 많은 것들을 가지고 있지만, 우리는 많은 것들을 상당히 깨끗하게 할 수 있습니다 그럼 지금은 분명히하고 이 부분을 닫고이 부분을 닫으십시오 방법을 보여 드리겠습니다 당신의 워드 프레스를 설정하십시오, 그래서 우리는이 모든 것을 닫을 것입니다 이 모든 것을 닫으십시오

그 것처럼 그래서 조금 덜 압도적 인 것처럼 보입니다 먼저 암호를 변경해야합니다 따라서 사용자를 여기에서 가리키면 모든 사용자를 클릭 할 수 있습니다 이제 기본적으로이 섹션은 여기에 있습니다

실제로 새 사용자를 추가 할 수 있습니다 예를 들어, 블로그 작성자 또는 뭔가를 작성한 다음 새 사용자를 만들 수 있습니다 그리고 그들은 로그인 할 수 있으며 블로그 게시물에 추가하거나 페이지와 같은 것을 편집 할 수 있습니다 이게 당신의 사용자입니다 수정을 클릭하면 비밀번호가 변경됩니다

그래서 아래로 스크롤하십시오 계정 관리에 아주 밑바닥에, 새로운 암호는 암호를 생성하고 숨기기를 클릭하면 새 비밀번호를 설정하게됩니다 알았어 약한 암호의 사용을 확인하십시오 바라기를 당신은 더 강한 무엇인가를 생각해 낼 수있다 그리고 프로파일 업데이트를 클릭하십시오

그냥 닫을거야 그게 내가 업데이트 할거야 좋아요, 그럼 우리가 할 일은 퍼멀 링크 구조를 바꿀 것입니다 그래서 설정 위로 마우스를 가져 가면 permalinks를 클릭하십시오 좋습니다

근본적으로 의미하는 것은 무엇입니까? 이 이름을 게시 이름으로 변경하고 싶습니다 블로그 게시물에 추가하거나 새 페이지를 추가 할 때마다 제목이 있습니다 그래서 그 제목이 실제로 URL에 나타나기를 원합니다 그래서 당신은 p = 123과 같은 것을 원하지 않습니다 사람들은 그 페이지가 무엇을 말하는지 모릅니다

검색 엔진 및 Google 순위 따라서 이름을 게시하도록 변경 한 다음 변경 사항 저장을 클릭하십시오 그 다음에 플러그인을 클릭 할 수 있습니다 그래서 플러그인은 기본적으로 비슷합니다 귀하의 기능을 향상시키는 응용 프로그램 워드 프레스 웹 사이트

휴대 전화에 소셜 미디어, 데이트 앱, 게임 앱 등의 앱이 있습니다 생산성과 그 모든 것을 플러그인은 기본적으로 WordPress 웹 사이트와 동일하지만 그래서 그것은 약간의 물건으로 미리 설치되어 온다 그래서 내가하고 싶은 것은 같은 페이지에서 모두를 얻으려면 모든 것을 비활성화하는 것입니다 알았어 그래서 우리는이 모든 것들을 필요로하지 않는다

그래서 나는 단지 무엇을 할 것인가 다시 선택하고 삭제하십시오 적용 및 확인을 클릭하십시오 일단 우리가 다음에 할 일은 테마를 설치하고 튜토리얼에 필요한 플러그인을 설치하는 것입니다 테마를 설치하려면 모양 위에 마우스를 올려 놓고 테마를 클릭하십시오

그래서 이것은 WordPress에 현재 설치되어있는 기본 테마입니다 따라서 집 아이콘에서 아이콘 위에 실제로 마우스를 가져간 다음 마우스 오른쪽 버튼을 클릭하여 웹 사이트를 방문하면 그렇다면 웹 사이트가 다음과 같이 보일 것입니다 그래서 이것은 기본 WordPress 테마입니다 그것은별로 가지고 있지 않다 사용자 정의 가능성

따라서 사용자 정의 할 수 없으며 드래그 앤 드롭 빌더가 없습니다 그럼 우리가 뭘 할거야 다시 우리의 웹 사이트로 돌아가서 새로운 것을 추가하십시오 여기에는 무료 테마가 많이 있습니다 하지만 내가 사용하는 주제는 내가 강력히 추천하는 주제 그것이 드래그 앤 드롭 빌더를 가지고 있기 때문에 Themify의 울트라 테마인가요? 원하는 웹 사이트를 거의 만들 수 있습니다

그래서 우리는 업로드 테마를 클릭 할 것입니다 그래, 일단 그렇게하면 테마를 다운로드해야합니다 따라서 설명에서이 비디오 아래를 보면 더보기를 클릭해야 할 수도 있습니다 테마를 다운로드해야합니다 따라서 그것을 클릭하여 컴퓨터에 다운로드하십시오

그런 다음 이미지와 플러그인을 컴퓨터로 다운로드해야합니다 자습서와 함께 따라 할 수 있습니다 그래서 당신이 그것을 한 후에 당신은 기본적으로 두 개의 파일을 가져와야합니다 그래서 그들 중 하나는 Themify_Ultrazip이고 다른 하나는 이미지와 플러그인이 될 것입니다

때로는 Safari가 자동으로 압축을 풀어이 폴더처럼 보일 수도 있습니다 그래서 당신은이 폴더에 있기를 원하지 않습니다 원하는 작업을 마우스 오른쪽 버튼으로 클릭하여 압축 한 다음 zip 파일로 다시 압축합니다zip을 업로드하려고하기 때문에 이제 이미지와 플러그인을 위해 실제로 압축을 풀고 싶습니다 따라서 Mac을 사용하는 경우 Windows에서 더블 클릭하면됩니다 압축을 풀려면 일부 소프트웨어를 다운로드해야 할지도 모르겠다 나는 100 % 확실하지 않다 폴더를 클릭하면 그런 다음 모든 이미지가 포함되어 있으며 튜토리얼과 함께 따라야 할 필수 플러그인이 있습니다

우리가 지금 우리 웹 사이트로 돌아 가면 실제로 파일 선택을 클릭해야합니다 Themify_Ultrazip을 선택해야하므로 thiszip인지 확인하십시오 열기를 클릭하십시오

지금 설치 왼쪽 하단에 진행률 표시 줄이 있습니다 그래서 네가 실제로 wwwhoganchuacom으로 이동하십시오

그래서 이건 내 웹 사이트 야 나는 또한 FAQ 데스크가있어, 때때로 질문이 있으면 내 FAQ 페이지에 답변을 넣었을 수도 있습니다 그래서 FAQ 섹션을 클릭하면 그런 다음 자주 묻는 질문입니다 지금 기본적으로 테마 설치로 이동하는 경우 따라서 문제가있을 경우 여기를 참고해야 할 수도 있습니다 예를 들어 여기를 클릭하면 때로는 파일 크기가 초과되었다고 말할 수 있습니다

호스트가 실제로 금액을 제한했기 때문에 테마가 너무 커질 수 있습니다 실제로 WordPress 웹 사이트에 업로드 할 수 있습니다 업로드 제한을 늘리려면 호스트에 실제로 문의해야합니다 또는 내 FAQ 페이지로 이동하여 업로드 파일 초과를 클릭 할 수 있습니다 기본적으로이 비디오를 따라 cPanel 섹션을 통해 테마를 업로드하십시오

그래서 너희들 대부분을 위해, 그것은 모두 좋고 갈 준비가되어 있어야한다 그런 다음 활성화 버튼을 클릭해야합니다 그러면 새 테마가 활성화됩니다 좋아요, 스킨과 데모가 나타납니다 우리는 그 어떤 것도 원하지 않는다

X 아이콘을 클릭하면됩니다 기본적으로 우리가 실제로 웹 사이트를 새로 고침하면 모양이 변경된 것을 볼 수 있습니다 이제 우리가 할 일은 대시 보드 영역으로 돌아갈거야 우리는 플러그인을 설치할 것입니다 플러그인을 클릭하십시오

그런 다음 새로 추가를 클릭하십시오 그런 다음 업로드 플러그인을 클릭하고 파일을 선택한 다음 이미지와 플러그인 폴더를 클릭해야합니다 그래서 우리는 건축업자를 찾으러 갈거야 타자기 지퍼

그러니 그 파일을보고, open을 클릭하십시오 지금 설치를 클릭하십시오 그 플러그인을 활성화 시키십시오 이제 우리가 설치할 다음 플러그인은 문의 양식 플러그인입니다 추가를 클릭하십시오

그런 다음 플러그인을 검색 할 것이므로 입력 해 보겠습니다 양식 7 문의하기 몇 초 안에로드해야합니다 우리는 7 번 문의 양식을 설치하고자합니다 타카유키 그리고 지금 설치 그런 다음 활성화를 클릭하십시오 다른 플러그인을 추가하려면 예를 들어 귀하의 웹 사이트에 대한 플러그인을 예약하면 약속을 수락 할 수 있습니다

당신은 예를 들어 예약을 검색 할 수 있습니다 그러면 무료 및 유료 플러그인의 범위가 여기에 있습니다 대부분은 자유형이므로 자유 다하지만 좀 더 원한다면 프로 기능을 지불해야하거나 실제로 Google에 갈 수 있습니다 그런 다음 WordPress 용 최고의 예약 플러그인을 입력 할 수 있습니다

일반적으로 그들은 웹 사이트를 좋아할 것입니다 그런 다음 어느 것이 당신에게 적합한 지 체크 아웃 할 수 있습니다 그래서 꽤 많이 있습니다 이제 우리가 할 일은 페이지를 추가하는 것입니다 페이지 위로 마우스를 가져 가면 모든 페이지를 클릭하게됩니다

먼저 샘플 페이지를 지우려고합니다 그러면 샘플 페이지를 지울 것입니다 우리는 또한 휴지통으로 이동하여 영구 삭제하십시오 그래서 우리가해야 할 일은 새로운 페이지를 추가하는 것입니다 추가 할 첫 번째 페이지는 홈 페이지입니다

여기에 집이라는 제목을 입력 한 다음 게시를 클릭하십시오 다시 클릭 할 것입니다 그것이 여기에 출판 되었음이 밝혀 졌는지 확인하십시오 그런 다음 다시 추가를 클릭하십시오 추가 할 다음 페이지는 그런 다음 게시를 클릭합니다

다시 할 그것이 제대로 게시되지 않으면 게시되었음을 확인하십시오 따라서 우리는 서비스, 블로그 및 연락 양식을 신속하게 추가 할 것입니다 우리가 할거야 서비스

나중에 필요할 때마다 많은 페이지를 추가 할 수 있습니다 그리고 또 다시 블로그 페이지 게시 그런 다음 새로 추가를 클릭하면 연락처 페이지에 추가됩니다 모든 페이지를 확인하려면 옆에 모든 페이지를 추가하고 올바르게 클릭했습니다 집, 약, 블로그 연락처 및 서비스가 있어야합니다 이제 우리 웹 사이트를 보자

여기에 나열된 페이지를보아야합니다 우리가 할 일은 메뉴를 정렬하는 것입니다 그래서 우리가해야 할 일은 click on customize입니다 테마 옵션으로 이동하여 여기에 뒤로 아이콘을 클릭하고 싶습니다 제일 먼저 할 일은 홈 페이지 설정을 클릭하는 것입니다

그런 다음 고정 페이지를 선택하려고합니다 그래서 페이지가 사라진 것을 볼 수 있습니다 모바일 메뉴로 들어갔다 방법 그래서 당신이 실제로 할 수있는 일은 당신이 Mac에 있다면 명령을 클릭 한 다음 – 기본적으로 화면이 축소됩니다 Windows를 사용하는 경우 Windows 키를 클릭 할 수 있습니다

그리고 -를 클릭하면 축소되고 +를 누르면 다시 확대됩니다 그래서 우리가하고 싶은 것은 여기에 홈 페이지가 있는지 확인하기 위해서입니다 도메인 URL만으로 설정하십시오 홈 페이지의 경우 홈 및 그런 다음 게시를 클릭합니다 그래서 기본적으로 의미하는 것은 지금 당장 그것을 닫자는 것입니다

이제 실제로 홈 페이지를 클릭하면 그러면 실제로 그 홈페이지를 만들 것입니다 실제 기본 도메인 이름 자체로 설정합니다 그래서 클릭하면 그 다음에는 그곳에있을 것입니다하지만 집을 클릭하면 거기에 여분의 확장이 없습니다 그래서 내가 할 일은 메뉴를 올바르게 정렬하는 것입니다

여기를 다시 클릭하십시오 메뉴를 클릭하면 새 메뉴가 생성됩니다 메뉴 이름을 클릭하면 상단 탐색을 위해 상단 탐색에 설정합니다 메인 네비게이션을 설정할 메뉴 위치 여기가 위입니다 바닥 글 탐색을 선택하면 하단에 표시됩니다

다음을 클릭하십시오 좋아요, 그래서 우리는 그것을 설정했습니다 이제 우리는 페이지를 추가하고 항목 추가를 클릭하십시오 약 페이지에 추가하고 싶습니다 서비스, ​​블로그 및 콘택트 렌즈

그래서 홈 페이지에 추가하지 않을 것입니다 그 이유는 사람들이 로고를 클릭하는 대부분의 경우 자동으로 어쨌든 홈페이지로 안내합니다 그래서 꼭 필요한 것은 아닙니다 그래서 그들을 재정비하기 위해 정말로해야 할 일은 그것을 클릭하십시오 그런 다음 드래그하여 정렬 한 다음 배치하고 다시 정렬합니다

보시다시피 따라서 실제로 드롭 다운 메뉴를 만들려면 그것이 실제로 서비스를 드래그하면 무엇을 의미합니까? 일종의 넣어, 내가 들여 쓰기라고 생각합니다 그렇게 그러면 약 페이지 위로 마우스를 가져 가면 서비스가 드롭 다운됩니다 그래서 당신은 또한 블로그를 위해서도 그렇게 할 수 있습니다 예를 들어 서비스에 다시 적용 할 수 있습니다

그럼 네가 떠들면 무슨 일이 일어날거야 서비스 위로 마우스를 이동하면 블로그가 팝업됩니다 그럼 그냥 돌려 놓자 게시를 클릭하십시오 그런 다음 사용자 정의를 닫습니다

다음 부분에서는 Themify 설정을 보여 드리겠습니다 페이지의 기본 레이아웃을 다시 정렬하고 여기에서 하단 섹션에 소셜 미디어를 추가하십시오 우리 대시 보드로 돌아 가자 그런 다음 Themify 설정을 편집하려고합니다 왼쪽 아래로 스크롤하여 Themify 설정을 클릭하십시오

따라서 기본적으로 모든 테마 설정을 편집 할 수 있습니다 일반 탭을 클릭하면 이것은 favicon이며 기본적으로 favicon은 탭의 로고입니다 favicon을 업로드하려면 업로드를 클릭하십시오 기본적으로 이미지 폴더에있는 favicon을 업로드 할 수 있습니다 이전에 다운로드 했어야하는 파비콘의 크기는 32 x 32 픽셀이며 기본적으로

png 파일이어야합니다 그것은 투명한 파일입니다 따라서 open을 클릭하면 기본적으로 여기에 업로드됩니다 그래서 파비콘이나 로고를 얻고 싶다면 그렇다면 제가 wwwfiverr

com에 가도록 권유합니다 그래서 이것은 일종의 로고 및 그래픽 및 모든 종류의 것들을 얻을 수있는 프리랜서 웹 사이트 $ 500부터 시작합니다 예를 들어 클릭하면 – 로고 디자인을 입력 한 다음 검색을 클릭하는 것을 의미합니다 아래로 스크롤하면 수백 가지가 있습니다

로고를 디자인하는 사람들 많은 사람들이 $ 500부터 시작합니다 그들 중 일부는 조금 비싸다 그래서 그 중 하나를 클릭하십시오

Google 또는 Facebook 계정으로 로그인해야합니다 가입하십시오 따라서 설명에 링크를 남겨 두겠습니다 너는 로고를 얻을 수 있고 favicon을 요구할 수 있는다 파비콘은 아마도 귀하의 로고와 같습니다

하지만 텍스트는 없습니다 여기서 아래쪽으로 내려 가면 클릭하려는 Google 글꼴은 모든 Google 글꼴을 표시합니다 그래서 기본적으로 더 많은 글꼴을 보여줍니다 저장을 클릭하여 선택할 수 있습니다 그런 다음 기본 레이아웃 탭을 클릭합니다

우리가 실제로하고 싶은 것은 실제로 우리 웹 사이트를 다른 창에서 열어보기를 원할 때입니다 집 아이콘 위로 마우스를 이동 한 다음 마우스 오른쪽 버튼을 클릭하고 새 탭에서 엽니 다 피 버르를 닫을거야 이것은 우리의 웹 사이트입니다 지금

좋아, 그럼 우리가 여기서 아래로 내려 가면 여기를 클릭하면 지금 페이지입니다 아래쪽에서 기본 페이지 레이아웃 섹션까지 아래로 스크롤해야합니다 페이지 사이드 바 옵션에 사이드 바를 선택하지 않으려합니다 그래서 예를 들어 사이드 바를 선택하려고합니다

모든 페이지에서 제목을 숨기려면 예를 선택하십시오 그리고 모든 댓글을 비활성화 한 다음 저장을 클릭하고 싶습니다 한 번 저장하면 해당 페이지를 새로 고칠 수 있습니다 너는 제목 및 사이드 바가 사라집니다 따라서 실제 웹 사이트를 디자인 할 빈 캔버스가 있습니다

여기서 다시 돌아가서 테마 설정을 클릭하십시오 상단 섹션으로 다시 스크롤하여 테마 모양으로 스크롤합니다 여기서 헤더 디자인과 바닥 글 디자인 등을 변경할 수 있습니다 그래서 헤더 디자인 현재 현재 기본 설정입니다 그것은 꽤 크다, 지역

너는이 거대한 지역을 여기에서 원하지 않는다 당신은 그것을 얇고 최소한의 것과 같이 만들고 싶습니다 왜냐하면 사람들은 웹 사이트의 실제 콘텐츠로 스크롤하지 않아도되기 때문입니다 다시 여기를 클릭하십시오 내가 좋아하는 것은 머리글 상단 막대입니다

헤더 가로로 갈 수도 있습니다 꽤 비슷해 이건 더 얇은 디자인 일 뿐이므로 그걸 선택하겠습니다 그런 다음 여기로 스크롤하여 여기에서이 아이콘을 제거하고 싶습니다 이것은 RSS와 검색 아이콘입니다

계속 지키고 사이트 태그 라인을 제거하고 싶을 수도 있습니다 그래서 여기로 돌아가 사이트 태그 라인을 제외하고 검색 제외, RSS 제외 꼬리말 디자인으로 스크롤 그래서 여기 바닥 글 섹션을 선택할 수도 있습니까? 바닥 글을 어떻게 보일지 그래서 바닥 글에서 사이트 로고를 제거하고 싶습니다 그게 전부예요

그래서 나는 다른 모든 것을 기본값으로 남겨 둘 것입니다 우리가 할 일은 여기로 내려 가서 그럼 숨기고 싶다 WordPress에 의해 제공 그리고 Themify 테마와 같은 것들 그래서 하나는 꼬리말 텍스트입니다 2 그래서 그것을 숨기려면 클릭하고 싶습니다

그런 다음 저장을 클릭합니다 페이지를 새로 고침해도 괜찮습니다 헤더 디자인이 단순한 디자인으로 바뀔 것입니다 또한 WordPress 및 Themify 테마로 구동됩니다 그래서 그것은 멋지게 보입니다

이제 우리가 뭘 할거야? 우리는 사회적 연결을 추가 할 것인가? 여기에서 소셜 링크를 클릭 할 것입니다 내 모든 소셜 URL을 빨리 열어 줘야 해 자, 우리가해야 할 일은 트위터 링크에 붙여 넣는 것입니다 우리가해야 할 일은 여기를 클릭하는 것입니다 URL을 복사 한 다음 여기에 붙여 넣으십시오

페이스 북 페이지와 동일 그래서 당신이 내 페이지를 따르도록하십시오 그것이 내가 업데이트를 게시하는 곳입니다 그래서 여기에 다시 붙여 넣습니다 그건 내 URL이야 아래로 스크롤하십시오

예를 들어 Google+를 사용하지 않는 경우 비워 둘 수 있습니다 그리고 그것은 나타나지 않을 것입니다 YouTube의 경우 YouTube 채널 URL에 붙여 넣기를 원합니다 그 다음에 복사하십시오 그걸 여기에 붙여 넣으세요

Pinterest 나는 Pinterest가 없다 하지만 예를 들어 Instagram을 가지고 보자 볼 수있는 곳이 없다 링크 추가 클릭 제목을 입력하십시오

그래서 예를 들어 인스 타 그램 당신의 링크를 위해 우리는 가서 Instagram 프로필 URL을 복사 할 것입니다 그런 다음 여기에 붙여 넣으십시오 아이콘을 삽입하도록 선택하십시오 그런 다음 Instagram 아이콘을 검색하여 Instagram을 입력합니다

Instagram을 클릭하고 저장을 클릭하십시오 그래서 기본적으로 모든 링크에 저장되었습니다 그러나 바닥 글 섹션에 표시되기를 원합니다 그러기 위해서 우리는 실제로 가야합니다 위젯 위에 마우스를 올려 놓은 다음 위젯을 클릭하십시오

위젯은 기본적으로 귀하의 웹 사이트 및 추가 할 수 있습니다 이 모든 위젯을 당신이 그것을 넣을 수있는이 모든 다른 섹션들 우리가 할 일은 우리가 볼 것입니다 Themify를위한 소셜 링크 위젯은 여기에 있습니다 그래서 그것을 클릭하고 위로 드래그하십시오

그렇게해서 우리는 그것을 footer social widget 영역에 넣을 것입니다 좋습니다 외부 링크이기 때문입니다 그들은 예를 들어 wwwTwitter

com과 같은 외부 링크에 연결됩니다 내가 평소에하는 일은 새 창에서 링크를 엽니 다 그리고 아이콘 크기는 중간 정도로 유지하고 저장합니다 따라서 우리 페이지를 새로 고치면 그런 다음 해당 소셜 링크가 여기 아래에있는 푸터 위젯에 표시됩니다 좋아, 예를 들어, 헤더 영역에 넣고 싶다면 그런 다음 클릭하여 사회 위젯 섹션으로 드래그해야 할 수도 있습니다

나는 사람들이 당신의 웹 사이트에있을 때 그렇게 생각하기 때문에 그렇게 추천하지 않습니다 너는 팔고 싶은 물건이나 물건을 팔아야한다 전자 메일을 수집하여 소셜 프로필로 보내지 말고 그래서 우리가 다음에 할 일은 우리가 네비게이션 메뉴를 스타일링하는 것입니다 꼬리말 영역 로고 등을 추가하면됩니다 그래서 여기와 전 호간이에요

실제로 웹 사이트를 만드는 방법을 보여줍니다 나는 당신이 실제로 사용할 수있는 몇 가지 디자인 요령을주고 싶다 귀하의 웹 사이트를 전문적으로 마무리하고 그것이 정말 좋게 보이는지 확인하십시오 이전 튜토리얼에서, 아마 3 년 전 두 번 너와 함께이 일을 정말로 끝내지 않았어 사람들이 얻은 결과가 별로 좋지 않았다

그래서 웹 사이트를 만드는 것이 한 가지이지만 디자인은 웹 사이트를 생각할 때 또 다른 일입니다 집과 같은 종류 당신은 실제로 집을 설계하지 않고 동시에 건축합니다 당신은 일종의 그것을 먼저 설계하는 건축가 그리고 그 집을 실제로 만든 개발자에게 전달합니다 그래서 나는 당신들을 위해 디자인 준비가되어 있다는 것을 알고 있습니다 그리고 당신은 정확히 단계별로 따라갈 수 있습니다

하지만 아마 글꼴과 모든 것을 색과 레이아웃을 바꿀 것입니다 당신의 사업에 맞게 이 팁과 마찬가지로 실제로 사용할 수 있으므로보다 신속하게 의사 결정을 내릴 수 있습니다 그래서 당신은 미루는 것을 좋아하지 않을 것입니다 때때로 당신은 "오 어떤 색상을 선택해야할지, 어느 글꼴을 사용할 지 모르겠다 "고 말한 다음 임의의 글꼴을 선택하고 일종의 엉망진창이야 그래서 저는 전문적이지 않습니다

따라서 당신이 전문가라면이 비디오를 건너 뛰거나이 섹션을 건너 뛸 수 있습니다 하지만 초보자에게는 정말 좋다고 생각합니다 따라서 옳고 그름은 없습니다 그래서 당신은 그것을 조정할 수 있습니다 이것들은 제가 도움이 될만한 10 가지 팁입니다

그래서 첫 번째 것은 하나의 메인 컬러를 선택하는 것입니다 따라서 너무 많은 색상을 사용할 필요가 없습니다 웹 사이트에 중성 색이나 음영을 사용할 수있는 것처럼 Apple이하고 정말 좋은 이미지를 가지고있는 것처럼, 당신은 정말 좋은 웹 사이트를 가질 수 있습니다 그러나 당신이 할 수있는 것은 당신이 색 의미 웹 사이트에 갈 수 있다는 것입니다 귀하의 비즈니스를 대표하는 색상을 선택하십시오

예를 들어 어두운 회색을 선택합니다 아니면 거의 검은 색이라고 할 수 있습니다 왜냐하면 나는 특정 비즈니스를 구축하지 않기 때문입니다 법률 회사는 남색 또는 진한 파란색과 같이 갈 수도 있습니다 그러나 내가 구체적이지 않은 데모 웹 사이트처럼 구축하고 있기 때문에 나는 단순하고 깨끗하고 현대적인 것처럼 보이기를 원합니다

그래서 내가 애플처럼 중립적 인 그늘의 표정으로 갔다 그래서 Flat UI Colors라는 웹 사이트에 갈 수 있습니다 색상을 선택하십시오 이 화면에 링크를 올리겠습니다 두 번째 팁은 강조 색상을 선택하는 것입니다

따라서 강조 색상은 특정 영역을 강조하는 데 사용할 수있는 색상입니다 예를 들어, 버튼, 클릭 유도 문안 (call-to-action) 영역 및 사람들의 시선을 끌고 싶은 곳 어디든지 관심을 끌 수 있습니다 그래서 나는 그 중 하나를 골랐다 내가 골랐던 것은 핑크색 또는 밝은 색이었다 나는 그것이 정말로 신선한 느낌과 같은 느낌을주고 그것이 실제로 두드러지기 때문에 생각한다

팁 # 3은 웹 사이트에서 많은 중성 색이나 음영을 사용하는 것입니다 따라서 어떤 색상이나 기본 색상을 모르거나이 강조 색상을 사용해야하는 경우 아니면 그냥 연한 회색 또는 짙은 회색처럼 붙어 있습니다 아이콘의 경우, 예를 들어, 다른 섹션을 구분하려면 밝은 회색 배경처럼 웹 사이트의 여러 섹션을 구분할 수 있습니다 그리고 그것은 정말로 좋아 보일 것입니다 그래서 정말 좋은 예는 www

zerocom입니다 그들은 실제로 당신이 실제로 많은 영감을 얻을 수있는 잘 정돈 된 홈페이지를 가지고 있습니다 팁 # 4는 웹 사이트의 기본 색상이나 강조 색상의 음영을 사용하는 것입니다 그래서 예를 들어 단추를 사용하는 것과 비슷하고 해당 단추가 분홍색 인 경우 해당 분홍색 색을 원하지 않습니다

한 번 올려 놓으면 완전히 다른 색상으로 변경됩니다 그 기본 색상의 음영을 사용하여 호버링 효과를 줄 수 있으며, 상황을 일관되게 유지할 수 있습니다 때로는 웹 사이트의 여러 요소를 구분해야 할 때도 있습니다 파란색은 사용할 수 없습니다 그런 다음 다시 똑같은 파란색으로 당신이 어쩌면 그 푸른 색이나 더 어두운 그늘의 더 밝은 그늘을 선택한다면 여전히 정말 잘 어울리 며 모든 것을 일관되게 유지합니다

벨트가 달린 흰색 티셔츠와 청바지 같은 옷을 입고있는 것과 같습니다 네이비 블루 같이 갈 수도있어 그리고 여전히 멋져 보일 것입니다 팁 # 5는 머리글과 바닥 글 섹션에 중성 색을 사용하는 것입니다 그 이유는 아마도 대부분의 사람들은 전문적인 이미지를 완성하지 못했기 때문입니다

예를 들어 색이 지정된 머리글을 선택한 경우 파란색처럼 아래 사진과 잘 일치해야하며 온라인에서 이미지를 찾는 경우 이미지를 찾는 데 더 오래 걸릴거야 이것은 적합하고 정말로 잘 어울립니다 많은 웹 사이트가 실제로 밝은 배경 헤더를 사용합니다 어두운 배경 머리글 및 바닥 글 부분 그들은 밝은 회색처럼 사용하여 멋지고 섬세하며 모든 것이 정말 잘 어울립니다

그리고 그것은 정말로 일치하기 쉽습니다 그래서 흰 티셔츠처럼 입고있는 것 같아요 당신은 그것으로 어떤 색깔의 청바지를 입을 수 있습니다 그리고 여전히 멋져 보일 것입니다 팁 # 6은 하나의 글꼴을 사용하는 것입니다

따라서 웹 사이트에 멋진 글꼴이 많이 필요하지 않습니다 애플은 단지 하나만 사용한다 또한 WhatFont라는 Chrome 확장 프로그램을 사용하여 실제로 검사 할 수도 있습니다 사람들이 실제로 자신의 웹 사이트에 사용하는 글꼴 기본적으로 두 가지가 있습니다

서체 하나는 serif 서체라고하고 다른 하나는 sans serif 서체라고합니다 차이점은 문자로 볼 수있는 serif 서체입니다 그들은 문자의 끝에 같은 가장자리를 가지고 있으며 또한 이러한 스트로크는 두껍고 얇은 있습니다 산 셰리프 서체로 가장자리가 평평하고 획도 짝수입니다 따라서 산 셰리프 서체는 훨씬 간단하고 현대적이며 대부분의 웹 사이트에서 사용합니다

그것 serif 글꼴 더 우아하게 보이고보다 전통적인 손수 느낌 그래서 당신이 속한 사업에 달려 있지만 대부분의 웹 사이트는 산 세리프체 예 : Google Tesla, Uber, 그리고 심지어 당신의 전화 또한 귀하의 컴퓨터에서 활자체 그들은 산 셰리프를 사용합니다

그래서 제가 추천하는 것은 산세 리프를 사용하는 것입니다 그리고 가장 추천 된 Google 실제로 사용할 수있는 폰트 중 하나만 선택하면됩니다 팁 # 7은 직접 가져가는 것입니다 당신이 정말로 좋아하는 다른 웹 사이트의 영감 그래서 당신은 당신이 정말로 좋아하는 몇 개의 탭을 열 수 있습니다

정확하게 레이아웃 이미지를 변경하고 텍스트를 변경 한 다음 나중에 좋아하는 것으로 조정할 수 있습니다 왜냐하면 그것은 정말 좋은 레이아웃처럼 보장하기 때문입니다 많은 사람들이 가서 일을 마치고 아주 좋아 보이지 않습니다 팁 # 8은 사용하는 것입니다

본문 글꼴 크기는 16에서 18 픽셀 사이입니다 글꼴 유형에 따라 다릅니다 따라서 약간 조정해야 할 수도 있습니다 하지만 너무 크거나 작지는 마세요 크기가 완벽하다고 생각합니다

하지만 헤드 라인과 하위 헤드 라인은 모든 크기가 될 수 있습니다 하지만 일종의 계층 구조가 같아서 헤드 라인이 커야합니다 부제 표제는 조금 작아야하고, 그러면 당신의 몸이 있습니다 당신의 본문 텍스트는 굵게 표시되지 않을 것입니다 거대한 단락에 대담한 느낌 인 경우 그러면 이상하게 보일거야

따라서 특정 영역을 과감하게 강조하여 특정 사물을 강조 할 수 있습니다 그러나 정말로 일관되게 유지하십시오 팁 # 9는 선 길이입니다 그래서 예를 들어 단락이 화면의 한면에서 다른면으로 가고 싶지 않습니다 사람들이 이쪽에서 저쪽으로 읽는다면 읽기가 더 힘들어지기 때문입니다

그래서 그것을 부수기 위해 거기 어딘가에 웹 사이트는 가로 모드와 같습니다 너는 그것들 사이에 유지하고 싶다 너비가 45에서 약 90 자까지이며 정말 좋은 독서를 제공합니다 경험

팁 # 10은 콘텐츠를 분리하는 것입니다 따라서 공백만으로 콘텐츠를 분리 할 수 ​​있으며, 간단하게 보입니다 구분선을 사용할 수도 있습니다 중간색과 같은 배경색을 사용할 수도 있습니다 또한 이미지와 아이콘을 사용하여 웹 사이트의 여러 섹션을 구분할 수 있습니다

당신은 한 입 크기의 덩어리처럼 모든 것을 지키고 싶어합니다 그래서 사람들은 쉽게 귀하의 웹 사이트를 스캔하여 읽으십시오 너는 다만 아래로 그리고 가로 건너서가는 거대한 텍스트 블록을 원하지 않는다 좋아, 당신은 일을 망치고 쉽게 읽을 수 있도록하고 싶다 그리고 팁 # 11 인 마지막 팁 우리는 끝이야,하지만 당신은 그라디언트를 사용할 수있어

그래디언트를 사용하여 이미지 위에 올려 놓습니다 모든 것을 읽을 수 있는지 확인하기 위해 텍스트를 더 많이 표시하려면 또한 그라디언트를 사용할 수도 있습니다 당신이 정말로 좋아하는 이미지를 찾을 수 있다면 당신 귀하의 색 구성표를 동기화 상태로 유지하기 위해 그 위에 그라디언트 색을 칠할 수 있습니다 웹 사이트의 모든 내용을 그 색체 구성표와 훌륭하고 일치합니다 그라디언트 색상을 그 위에 놓을 수 있습니다

그래, 팁을위한 것입니다 다시 스크린으로 뛰어 들어갈거야 웹 사이트 구축을 계속하고, 그러나 당신은 또한 인쇄 할 수있는 PDF 치트 시트를 다운로드 할 수 있습니다 여기서는 머리글 섹션과 바닥 글 섹션을 사용자 지정합니다 그렇게하려면 사용자 정의를 클릭하면됩니다

그러면 자동으로 Themify 옵션이 표시됩니다 다시 클릭하면 다음은 이것이 당신에게 필요한 곳입니다 Themify 옵션을 클릭하고 고급 옵션을 클릭하십시오 따라서 더 많은 옵션을 제공하여 웹 사이트의 모든 영역을 편집 할 수 있습니다 좋아, 그럼 한번로드 된 다음이 헤더 섹션과 바닥 글입니다

그래서 우리가 뭘 할거야? 헤더를 클릭하면됩니다 배경을 여기에서 바꾸면 헤더 랩을 클릭 할 것입니다 전에 말했듯이 머리글과 바닥 글 섹션에 중간 색상을 사용하는 것이 좋습니다 이미지와 일치시키기가 더 쉽기 때문에 특히 자신의 이미지를 가지고 있지 않으면 잠시 시간이 걸릴 것이기 때문에 일치하는 이미지를 찾습니다 당신이 실제로 당신의 주된 색깔이 푸른 색이라면 어쩌면 넣었습니까? 여기서 우리가 할 일은 색 코드를 정해 놓을거야

어두운 회색처럼 6 2s 기본적으로 6 개의 F 인 흰색을 선택할 수도 있고 16 진수 코드를 넣을 수 있습니다 실제로 가벼운 머리글을 선택하려면 따라하십시오 한 번 끝나면 여기를 아래로 스크롤해야합니다 여기서 실제로 머리글 글꼴 색과 머리글 링크 색을 여기에서 편집 할 수 있습니다 여기 모든 링크는 헤더 링크입니다

그러나 이것은 로고이며, 여기에는 실제로 또한 주요 항법 링크가 있습니다 따라서 지금이 섹션을 편집하지 않을 것입니다 그래서 나는 그것을 최소화 할 것입니다 다음으로 우리가 편집 할 섹션은 로고입니다 사이트 로고 및 태그 라인, 사이트 로고를 클릭하십시오

그래서 여기에서 로고 제목을 설정할 수 있으며 글꼴뿐만 아니라 크기도 설정할 수 있습니다 그래서 나는 로보트를 세울거야 그래서 제가 사용하게 될 주요 글꼴입니다 이 데모 웹 사이트의 전체 자습서 따라서 Roboto를 설정하면 변경 사항을 볼 수 있으므로 앞면을 굵게 표시해야합니다 알았어 그리고 우리는 그 색과 똑같은 하얀 색으로 꾸밀 것이다 그래, 로고가 없으면 사이트 제목을 넣고 멋진 글꼴을 선택하십시오

쉽게 읽을 수 있습니다 로고 이미지가있는 경우 로고 이미지를 클릭 할 수 있습니다 예를 들어 Fiverrr로 이동 한 다음 로고 디자인을 검색하십시오 여기를보고 탐색 할 수 있으며 기본적으로 필터링 할 수 있습니다 나는 약간이 $ B이다라고 생각한다, 약간은 당신이 볼 수있는 것에 따라 조금 비싸다

하지만 그걸 클릭하면 그런 다음 로고를 얻으십시오 끝난 시간이 오래 걸리므로 직접 디자인 할 필요가 없습니다 아래 링크도 있습니다 로고가 있으면 더하기 아이콘을 클릭하고 파일 업로드를 클릭하고 파일을 선택하십시오

또한 이미지 및 플러그인 폴더에 실제로 데모로 업로드 할 수있는 로고가 포함되어 있습니다 이전에 다운로드 했어야하는 그래서 이것이 여러분이 여기있는 것입니다 여러분이 볼 수 있듯이 그것은 png 파일이므로 그것이 투명하다는 것을 의미합니다 가로 250 픽셀이므로 가로 및 세로 높이 64

기본적으로 비슷한 크기의 정렬을 사용할 수 있습니다 커스터마이져를 사용하여 실제로 크기를 조절할 수 있기 때문에 그래서 나는 open을 클릭 할 것이다 그런 다음 이미지를 삽입하면 볼 수 있듯이 높이만 편집 할거야 그래서 저는 높이를 32로 바꿀 것입니다 기본적으로 비례하여 크기를 조정합니다

그래서 이것을 비워 두어 32로 변경하십시오 정말 잘 들어 맞습니다 다음으로 사이트 로고 위치를 클릭하십시오 보시다시피 여기 조금 더 많은 공간이 있습니다 그래서 우리는 그것을 약간 위로 움직이기를 원합니다

친척을 클릭하면 다음을 클릭 할 수 있습니다 하단에 4 픽셀, 그리고 볼 수 있듯이 위로 이동합니다 바로 그거야 게시하려면 클릭하십시오 그러면 실제로는 해당 섹션을 닫고 여기에서이 섹션을 수정하십시오

그래서이 섹션은 메인 네비게이션입니다 그래서 이들은 모두 링크입니다 메뉴 링크를 클릭하면 색상을 흰색으로 설정합니다 네가 배경이 흰색이면 222222 (6 2s)로 설정해야합니다 나는 올려 놓을 것이고, 메뉴 링크 호버를 아래로 스크롤 할 것이다

보시다시피 지금은 빨간색입니다 우리가 그것을 바꾸고 싶은 것은 약간의 밝은 회색이므로 미묘한 느낌을줍니다 효과 따라서 예를 들어 Apple 링크 위로 마우스를 가져 가면 멋진 회색이됩니다 미묘한 효과, 그래서 그것이 링크임을 알 수 있습니다

우리는 여기로 돌아갈거야 제가 일반적으로하고 싶은 것은 www0to255com이라는 웹 사이트에 가고 싶습니다 그런 다음 색상 입력을 클릭하십시오

이제 내가 링크를 위해 설정 한 색상이 FFFF 나는 그것이 너무 많이 생각한다 오케이, 색 입력을 클릭하십시오 그렇다면 나는 하나, 둘, 셋, 네, 다섯개의 음영을 선택하는 것을 좋아한다 다시 여기로 그리고 배경색에 넣지 않도록하십시오 그것이 배경을 말하기 때문입니다

색상으로 설정하려고합니다 그 안에 붙여 넣으세요 그래서 당신이 그것을 잡을 때 정말로 미묘한 회색 효과처럼 보일 때를 가정 해 봅시다 사람들은 그것이 링크라는 것을 알고 있습니다 알았어, 메뉴는 활성 링크

기본적으로 의미하는 것은 about 페이지를 실제로 클릭하면됩니다 현재 활성 링크 색상이 빨간색입니다 그래서 그것을 변경하고 싶은 것은 일종의 더 진한 회색입니다 메뉴 활성 링크 0에서 255로 돌아 갑시다 이 색상 코드는 여기 너무 조금 가볍기 때문에 여기서는 설정하지 않을 것입니다

당신은 정말로 말할 수 없습니다 그래서 나는 어쩌면 5, 4 음영을 더 어둡게 만들거야 그걸 클릭하고 그럼 거기에 넣어 좋아요, 여섯 개 정도면 활성 링크 색상입니다 알았어 활성 링크를 마우스로 가리키면 색상이 표시됩니다

그거야 나는 그걸 백인으로 만들거야 바로 그거야 좋아, 실제로 드롭 다운 메뉴가있는 경우 드롭 다운 컨테이너 색상을 설정할 수 있습니다 여기 링크와 호버가 여기에 있습니다 좋아, 게시를 클릭하십시오

이제 우리는 모바일 메뉴에서 설정할 수 있습니다 여기에있는 스타일 지정 로봇 아이콘을 클릭하십시오 클릭하면 모든 것을 잠시 닫습니다 모바일 메뉴를 클릭하십시오 그래서 이것은 메뉴 아이콘이고 우리는 색을 흰색으로 바꿀 것입니다

알았어 더 눈에 잘 띄지 그러면 내가 바꾸고 싶은 것은 아마도 모바일 메뉴 링크 일 것이다 어쩌면 2222 년으로 모바일 메뉴 링크를 가리 키려면 실제로 마우스를 올려 놓을 수는 없다고 확신합니다 모바일,하지만 어쨌든 설정할 수 있습니다

그래서 나는 그걸 어쩌면 여기에 넣을거야 당신의 색깔을 입력하십시오 바로 그거야 그리고 나서 우리는 5 가지 색조를 더 밝게 할 것입니다 그래서 1, 2, 3, 4, 5 그리고 클립 보드에 복사하십시오 그걸 여기에 붙여 넣으세요

그래서 그들이 그 위에 마우스를 가져 가면 우리에게 멋진 미묘한 효과가 생깁니다 좋아, 그렇게 많이 끝났어 이제 끝내고 바닥 글 섹션을 편집 해 보겠습니다 좋아, 여기 바닥 글을 클릭 한 다음 바닥 글 랩을 클릭하십시오 우리가 뭘 할거야? 그것을 밝은 회색으로 변경하십시오

애플의 바닥 글과 똑같은데, 애플의 바닥 글을 보면 정말 멋져 보인다 또한 중성 색입니다 우리가 여기로 돌아 가면 내가 F6F6F6로 바꿀거야 보시다시피 변경되지 않지만 기본적으로 변경 한 색상입니다 그러니 걱정 마세요

지금 당장 변경 한 다음 바닥 글 글꼴 색상을 변경할 수 있습니다 그래서 여기 아무거나 이것은 링크가 아니며, 우리가 바꿀 색입니다 그래서 바닥 글 글꼴을 클릭하십시오 우리는 이것을 222로 바꿀 것입니다 그 것처럼 저것을 최소화해라

그런 다음 바닥 글 링크로 이동하십시오 그래서 이것은 사회적 아이콘과 같은 꼬리말 링크입니다 그들은 모두 링크입니다 또한 어두운 회색으로 변경하려고합니다 또한 색상 위로 마우스 오버를 변경하려고합니다

그래서 바닥 글 링크를 가리 키면 다음으로 변경됩니다 어쩌면 1, 2, 3, 4, 5 음영 그 내용을 붙여 넣기하고, 그 위에 마우스를 가져 가면 정말 미묘한 회색 효과와 같은 효과가 있다고 해봅시다 좋아, 그래서 나는 그것이 꽤 많이 있다고 생각한다 우리는 지금 출판 할 것입니다 이제 우리는 실제로 어느 곳에 나 가기 전에

우리가 실제로 몸을 클릭 할거야 좋아요, 그래서 이것은 바디 폰트를 바꿉니다 그러나 실제로 헤더 섹션과 바닥 글 섹션의 글꼴도 변경됩니다 그래서 우리는 신체 글꼴을 클릭 할 것입니다 그래서 제가 사용하려고하는 글꼴은 Roboto입니다 그래서 sans-serif입니다

멋진 현대적인 서체 당신이 볼 수있는 것처럼 서체 이제 우리가 할 수있는 일은 당신이 볼 수 있듯이, 그것은 바뀌었고 그것은 정말로 멋져 보였지만, 조금 너무 얇게 보였습니다 그래서 글꼴 너비를 보통으로 변경하려고합니다 나는 그것이 나에게 꽤 좋게 보인다라고 생각한다 기본적으로 선택한 글꼴을 설정합니다

기본적으로 하나의 글꼴 만 선택하십시오 내가 초보자이고 WhatFont Google 크롬을 사용할 수 있다면 이것이 내가 추천하는 것입니다 확장 기능으로 어떤 글꼴을 체크 아웃 할 수 있습니까? Apple이 실제로 사용하고 있습니다 그래서 이것은 WhatFont 일입니다 그런 다음 원하는 글꼴을 찾아보고 실제로 사용하는 글꼴을 볼 수 있습니다

당신이 할 수있는 것은 google에 가서 입력하는 것입니다 유사한 Google 글꼴 SF Pro 디스플레이를 클릭하면 Google에서 알려주고 여기에서 하나를 선택하여 시도 할 수 있습니다 그러나 일반적으로 Roboto 라토 Open Sans, 그 것들은 여러분이 사용하기에 정말 좋습니다 닫기, 홈페이지 구축을 시작할 준비가되었다고 생각합니다 그래서 우리는 홈페이지를 구축 할 것입니다

이것은 더 긴 섹션입니다 뿐만 아니라 튜토리얼의 가장 중요한 부분 우리는 이미지와 텍스트로 작업하고 빌더의 중요한 기능을 배우면서 전문적인 웹 사이트 그래서 우리가해야 할 일은 이미지를 얻는 것입니다 그래서 당신이 할 수있는 이미지가 없다면 내가 그렇게 강력히 추천하는 전문가 모든 이미지는 예를 들어 조명과 같은 모양으로 보입니다 웹 사이트의 색조가 똑같아 보이고 더 독특한 이미지를 얻을 수도 있습니다 웹상에서 찾지 못한 이미지 그러나 차선책은 Unsplash입니다

기본적으로 수천 개의 이미지가 있습니다이 이미지는 실제로 고품질이며 꽤 좋은 그리고 사람들을 신용 할 필요없이 개인적 및 상업적 목적으로 사용할 수 있습니다 그래서 당신이 여기에 왔을 때 다음으로해야 할 일은 정말 좋은 이미지를 찾는 것입니다 실제로 텍스트를 삽입 할 수 있습니다 예를 들어, 당신이 애플에 가면 여기에 주요 주제와 텍스트가 있습니다

정말 분명합니다 Upwork의 웹 사이트 그들은 여기에 사람을 데리고 왼쪽에 텍스트가 있습니다 Google 드라이브, 중간에있는 텍스트 및 그 주위의 모든 것들 그래서 당신이 이미지를 찾고있을 때 이것은 정말 멋진 이미지 일 것입니다 텍스트를 왼쪽에 넣을 수 있기 때문에 아래로 스크롤하면, 좋지 않은 것을 보여 드리겠습니다

나는이 것이 좋다고 생각하지 않습니다 왜냐하면 당신이 그것 위에 텍스트를 놓으면 그 이미지에 약간의 세부 사항이 있기 때문입니다 정말 어두운 그라디언트를 넣지 않으면 그것은 그 이미지의 대부분을 덮고 나서 텍스트가 튀어 나올 것입니다,하지만 나는 이미지를 망칠 것이라고 생각합니다 아래로 스크롤 당신이 왼쪽에 텍스트를 넣을 수 있기 때문에 이것과 비슷한 것이 꽤 좋습니다

이런 건 정말 좋네 그리고 나서 기본적으로 멋진 것을 찾았습니다 조금 더 내려가 보자 좋습니다 예를 들어 여기에서이 이미지를 선택한다고합시다

그런 다음 다운로드하려면 여기를 클릭하고 컴퓨터에 저장할 수 있습니다 정말 품질이 좋아서 다음에 자르는 법을 보여 드리겠습니다 그래서 나는 이미지를 이미 이미지 폴더에 넣을 것입니다 다운로드해야 할 것이므로 지금해야 할 일은 wwwFotor

com입니다 그래서 이것은 무료입니다 온라인에서 사용할 수있는 이미지 편집 소프트웨어로 Photoshop이나 그와 같은 것이 필요 없습니다 따라서 편집을 클릭하면됩니다 나는 그것을 닫고 여기서 열어 볼 것입니다

컴퓨터에서 열기 이제 해당 폴더에서 영웅 이미지를 볼 수 있습니다 그래서 그것을 선택하고, open을 클릭하면, 여기로드 될 것입니다 그래서 자습서를 모두 건너 뛸거야 내가 어떻게하는지 보여 줄거야 그래서 여기에 이미지가 있습니다

꽤 큽니다 웹 사이트에 큰 이미지를 넣으면 로드하는 데 시간이 오래 걸리고 때로는 알지 못할 수도 있습니다 그러나 당신은 정말로 작은 이미지를 가질 수도 있습니다 그리고 그것은 정말로 낮은 품질의 흐릿한 것들을 만들 것입니다 그리고 그것은 정말로보기 흉하게 보이고 당신의 웹 사이트를 망칠 것입니다

이제 우리가 할 일은 크기를 클릭하고 여기에 크기를 설정하고 싶지만 실제로하기 전에 그 자물쇠 아이콘을 클릭하십시오, 그렇게 잠겨 있습니다 그래서 당신이 여기 번호 1,800이면 유형이 자동으로 1200 그런 다음 적용을 클릭하십시오 적용을 클릭하면 여기에서 변경해야합니다 뒤로 스크롤하여 자르기를 클릭하십시오

그런 다음 여기에 1800을 다시 설정하십시오 그런 다음 높이를 1000으로 설정하십시오 원하는 위치를 선택할 수 있습니다 그래서 나는 그것을 어딘가에 넣고 싶다 그곳에

나는 기본적으로 텍스트를 중간에 넣을거야 그런 다음 적용을 클릭합니다 그래서 내가 알아 차린 것은 실제로 당신을 구하기 전에 그것을 끌고 싶다는 것입니다 이미지 가장자리로 이동하여 저장하면 1800이고 1000입니다 그런 다음 저장을 클릭하십시오

정상적으로 저장하거나 높은 것으로 저장할 수 있습니다 페이스 북 계정을 최고로 저장하려면 페이스 북 계정에 로그인해야합니다 일단 그렇게하면 다운로드를 클릭 할 수 있습니다 영웅 이미지로 폴더에 저장 한 다음 저장을 클릭하십시오 그래서 내가 먼저 할 일은 먼저 닫는 것입니다

내가하고 싶은 것은 페이지를 새로 고치는 것입니다 좋아 그럼 빌더 켜기를 클릭 해 여기서 마우스를 가져 가면 행 옵션을 클릭 할 것입니다 그 작은 연필 아이콘을 클릭하십시오

행 너비의 경우 이쪽에서 저쪽으로 모든 것이 들어가기를 원합니다 그래서 너는 실제로 전체 너비의 행 컨테이너를 설정할 수 있고 거기서 건너 뛰어야한다 전체 너비 콘텐츠를 설정하면 콘텐츠의 종류가 여기에 표시됩니다 그리고 그것은 모든 길을 가로 질러 움직일 것입니다 그래서 나는 그것을 괜찮게 설정할 것입니다

그런 다음 스타일링을 시작하십시오 그런 다음 배경을 클릭하고 이미지, 그라디언트, 비디오 또는 슬라이더를 설정할 수 있습니다 동영상의 경우 실제로 YouTube 동영상을 넣는 것이 좋습니다 그래서 비디오를에 업로드하십시오 YouTube는 먼저 누군가의 웹 사이트에로드 할 때 YouTube 서버에서로드합니다

자신의 호스팅 계정보다는 YouTube 서버는 훨씬 빠릅니다 그래서 이미지를 클릭하십시오 여기 이미지를 클릭 한 다음 찾아보기 라이브러리를 클릭하십시오 업로드를 클릭하지 마십시오 업로드를 클릭하면 그러면 WordPress는 실제로 이미지를자를 것입니다

그리고 그것은 질이 떨어질 것입니다 그래서 도서관 찾아보기, 파일 업로드, 파일 선택 영웅 이미지를 선택하십시오 열기를 클릭하십시오 파일 삽입 배경 모드, 전체 표지 선택 또는 스크롤 재개 시차 스크롤은 다음과 같지 않습니다 모바일 장치에 반응하므로 영웅 이미지에만 사용하지 않을 수 있습니다

오히려 그 아래에있는 이미지 때문입니다 그래서 이것을 위해 확대 / 축소 스크롤을 선택하겠습니다 또한 정말 좋은 효과입니다 그럼 내가하고 싶은 것은 당신이이 물건을 실제로 끌고 갈 수 있다는 것입니다 실제로 드래그 한 다음 오른쪽으로 드래그하면 좋아,이 보라색 물건이 나올거야 그런 다음에 그냥 놓아두면 오른쪽에 팝업으로 나타납니다

좋아, 다시 돌려 놓을 수도있어 하지만 여기서 돌려 줄거야 이제 패딩을 클릭하면됩니다 그 이미지를 늘리기 위해 약간의 간격을 추가하고 싶습니다 그래서 우리는 선택을 취소하고 모두에게 적용 할 것입니다

우리는 175 % 상단에와 바닥에 대해 동일한 작업을 수행합니다 175 그저 바닥에 그래서 우리는 거기에 텍스트를 넣을 것이므로 걱정하지 마십시오 더 나아질거야

일단 그렇게하면, 완료를 클릭 할 수 있습니다 그래서 우리가 할 일은 여기에 하얀 간격을 없애는 것입니다 그렇게하기 위해 우리는 실제로 먼저 save를 클릭 할 수 있습니다 백 엔드에서 수정을 클릭하십시오 그러면 백 엔드 섹션으로 이동합니다

테마 사용자 정의 패널로 스크롤합니다 페이지 옵션을 클릭하십시오 콘텐츠 너비에 대해 전체 너비를 선택하면 전체적으로 확장됩니다 그런 다음 업데이트를 클릭하면 업데이트 될 때까지 기다리십시오 보기 페이지 또는이 링크를 클릭하십시오

그걸 제거해야합니다 그래서 우리는 다시 빌더를 켜야합니다 그런 다음 여기에 마우스를 가져갑니다 그래서 이것들은 당신이 끌어서 움직일 수있는 모든 다른 모듈입니다 실제로 자물쇠 아이콘을 클릭하면 그 것을 거기에 보관합니다

그렇지 않으면 뒤로 물러 설 것입니다 그걸 돌려 놔 그리고 거기에 텍스트 모듈을 드래그하자 이제 콘텐츠를 추가해 보겠습니다 그래서 나는 다음에 타이핑 할거야

곧 따라서 귀하의 이미지 및 귀하의 비즈니스와 관련된 내용을 입력하십시오 무작위로 아무것도 쓰지 마라 1 위를 차지할 것입니다 보시다시피, 그 변화 더 많은 옵션을 보려면 토글 도구 모음을 클릭 할 수도 있습니다

그러면 내가하고 싶은 것은 스타일 탭으로 가고 싶다 여기서 당신은 실제로 색과 재료를 바꿀 수 있습니다 글꼴을 클릭하십시오 흰색으로 변경하여 표시되도록 좋아요 그래서 거기 머물러 있는지 확인하십시오

그런 다음 텍스트 정렬의 경우 모든 것을 가운데로 정렬하려고합니다 그 것처럼 그리고 내가하고 싶은 것은 그 텍스트 아래에 그 간격의 일부를 제거하고 싶습니다 그래서 우리는 마진으로 갈거야 여백을 선택 취소하고 세 가지 모두에 적용하면 마이너스가됩니다

3 %가 그렇게 좋아 그래서 그 공간의 일부를 빼앗 깁니다 텍스트 모듈 아래에 그래서 우리가 그 다음에 텍스트를 넣을 때 그것은 그렇게 멀리 떨어져 있지 않을 것입니다 그래서 우리는 done을 클릭 할 것이다

일단 당신이 그렇게하면, 우리는 타이프라이터 모듈에 빠지게 될 것입니다 그래서 내가 전에 보여준 플러그인을 설치했는지 확인하십시오 저것을 거기에 버려라 전에 입력 한 텍스트는 A 만들기 그 다음에 내가 설정하려고하는 텍스트 웹 사이트 여기에 타자기 텍스트를 입력하면 시각적으로 놀라운 그래서 우리는 여기서 스타일링을 클릭 할 것입니다

그리고 글꼴 글꼴을 흰색으로 바꿀거야 그것을 클릭하여 거기에 머물도록하십시오 한 번 그렇게 해보면 타자기로 갈 수 있습니다 배경을 클릭하십시오

그래서 이것이 실제로 다음과 같이 강조됩니다 배경 색상을 내가 선택한 억양 색상 인 자홍색 색상으로 변경하고 싶습니다 그래서 당신이 넣은 억양 색을 선택하거나 그냥 따라 할 수 있습니다 그래서 색상 코드는 다음과 같습니다 FC72F0 그것은 그런 것과 나는 그것이 꽤 좋게 보인다라고 생각한다

그럼 글꼴 색상, 나는 우리가 단지 흰색으로 설정할 수 있다고 생각합니다 그런 다음 완료를 클릭합니다 좋아, 네가 알아 차리면 내가 너에게 무언가를 보여주고 싶기 때문에 아직 중간에 놓지 않았다 우리가 다음에 할 일은 우선 버튼을 먼저 추가하는 것입니다 버튼 모듈에서 드래그하십시오

그래서 당신은 작은 버튼, 큰 버튼과 같은 다른 크기를 바꿀 수 있습니다 나는 정상에 가서 제곱으로 갈거야 어쩌면 그런 것 같아 그리고 나서 버튼 텍스트를 위해 다음으로 변경합니다 지금 시작하십시오

따라서 여기에있는 링크의 경우 기본적으로 의미하는 것은 사람들이 URL을 클릭하면 URL이 설정된 위치로 링크됩니다 예를 들어,이 URL을 복사하면됩니다 새 탭을 열어 붙여 넣으십시오 서비스 페이지를 클릭하여 서비스를 클릭하고 싶습니다 나는 URL을 복사한다

그런 다음 여기에 붙여 넣기 만하면됩니다 누군가가 클릭하면 내 서비스 페이지로 연결됩니다 그래서 정상적으로 동일한 도메인에 있기 때문에 동일한 창에 보관합니다 외부 링크가 마음에 들면, 예를 들어 나는 애플의 웹 사이트에 연결하고있다 아마 새로운 탭에서 열릴 것이다

색상을 동일하게 유지하고 아이콘을 삽입 할 수 있습니다 그러나 나는 그것이 필요하다고 생각하지 않는다 스타일링으로 가자 버튼 링크로가 봅시다 버튼 배경색과 링크 색상을 설정합니다

배경색은 그냥 흰색으로 설정할 것입니다 좋아, 그럼 그건 중립적 인 색이야 대부분 검정 또는 흰색 배경 버튼을 사용하는 것이 좋습니다 일치하기가 쉽지만 때로는 액센트 색상을 사용할 수도 있습니다 주위의 뒤쪽에 따라 여기에

따라서 배경을 가리 키기 위해, 실제로 버튼 위로 마우스를 가져 가면 약간의 효과가 나타납니다 예를 들어 Google 드라이브로 이동 한 경우입니다 실제로 여기 버튼 위로 마우스를 이동하면 어두워집니다 좋아, 여기가 어두워지고 많은 웹 사이트가 어두워 지거나 가벼워진다 이 예제에서는 어두워 질 것입니다

그래서 백그라운드 호버를 위해 우리가 할 일은 다음과 같습니다 0 ~ 255 따라서 0에서 255까지입니다 그런 다음 색상을 입력하십시오 우리는 흰 색으로 꾸밀거야 6 F가 될거야

때로는 동일하면 3을 입력하고 색상을 클릭하십시오 그래서 우리는 아마 1,2,3,4,5를 선택할 것입니다 그것을 시도하고 다시 여기로 가자 거기에 붙여 넣으십시오 너무 어둡다

링크를 위해 예를 들어 우리는 어두운 회색 인 222를 설정합니다 링크를 가리 키기 만하면됩니다 좋아 그러면 국경에 갈거야

그래서 나는 어떤 경계도 원하지 않는다 나도 선택하지 않을거야 보시다시피, 축소됩니다 끝난 저장하고 우리가 할 일은 모든 것을 중간에 옮기는 것입니다 이제 옵션을 클릭하고 스타일을 클릭하십시오

글꼴을 클릭하면 텍스트를 중간에 정렬 할 수 있습니다 그래서 그것은 무엇입니까? 이 행에있는 모든 것은 중간으로 옮길 것입니다 그래서 완료를 클릭하십시오 예를 들어, 이걸 여기로 옮기면 그 행에 있지 않기 때문에 기본 위치를 유지할 것입니다 그러나 실제로 실행 취소를 클릭하면 그것이 여기에있을 때, 당신은 중간에 들어갈 것입니다

그래서 이것은 정말 멋진 기능, 실행 취소 및 다시 실행 기능입니다 저장을 클릭하고 머리글 1 글꼴을 보편적으로 설정해 보겠습니다 이렇게하면 닫을 수 있습니다 맞춤 설정하러 가자 머리글을 클릭하고 머리글 1을 클릭하면 95로 설정됩니다

픽셀, 그런 식으로 Roboto 글꼴인지 확인하십시오 글꼴 너비는 보통으로 설정할 수 있습니다 아마도 500 파운드가 조금 더 컸을 것입니다 나는 그것이 꽤 멋지다라고 생각한다

게시를 클릭하십시오 괜찮아 따라서 여기에서 볼 수 있듯이 실제로 아래로 스크롤하면 헤더가 표시됩니다 끈적한 헤더이고 흰색으로 변합니다 그래서 우리는이 제목 섹션을 마쳤습니다 우리는 그것을 최소화 할 것입니다

그래서 우리는 끈적한 헤더,이 끈적한 헤더 랩으로 갈 것입니다 배경 색상의 경우 기본 머리글을 감싸는 것과 같은 색상으로 설정합니다 바로 그거야 따라서 아래로 스크롤하면 같은 색상으로 유지됩니다 하지만 우리가 할 일은 조금 투명하게 만들거야

그런 것 나는 훨씬 더 멋지게 보인다 어쩌면 75 % 불투명 한 다음 게시를 클릭하십시오 닫아 그리고 나는 그 웹 사이트가 지금 꽤 잘 보인다 고 생각한다 좋아, 너무 어둡다

그래서 버튼을 조금 더 가볍게 바꿀 수도 있지만 괜찮아요 나는 나중에 그것을 바꿀 것이다 이제 내가 보여 드리고 싶은 것은 투명 헤더를 설정하는 방법을 보여 드리고 싶습니다 투명 헤더를 변경하고 싶습니다 때때로 전체 웹 사이트가 아니기 때문에 실제로 좋아하는 경우가 있습니다

블로그 페이지로 가보겠습니다 블로그 페이지에 영웅 이미지가 없을 수도 있습니다 또는 귀하의 블로그 게시물 그래서 그것이 의미하는 것은 당신이 그것을 가지고 있지 않다면, 그렇다면 당신은 흰 텍스트 그러면 링크를 볼 수 없습니다 그래서 우리가하는 일은 개별 페이지에 맞게 변경하는 것입니다

홈 페이지의 편집 페이지를 클릭하십시오 테마 패널의 테마 변경으로 스크롤합니다 페이지 모양, 아래로 스크롤 백그라운드 유형은 투명하게 설정하십시오 필요한 경우 텍스트 색상을 설정할 수도 있습니다 그런 다음 업데이트를 클릭하십시오

그래서 일단 당신이 그것을하면 당신은 돌아갈 수 있습니다 홈페이지 보기 페이지를 클릭하십시오 당신이 지금 볼 수 있듯이 링크가 눈에 보이지 않는 것을 제외하고는 꽤 괜찮아 보입니다 따라서 실제로 Google 드라이브로 이동하면이 이미지를 여기에서 보면 오버레이가 추가됩니다

그 이미지 위에 그라디언트를 넣어 텍스트를 조금 더 튀어 나오게하십시오 그래서 우리가 실제로 할 수있는 일은 똑같은 일입니다 따라서 귀하의 웹 사이트로 돌아가서 작성기를 켜십시오 그래서 이것은 정말 유용합니다 왜냐하면 많은 시간 동안 이미지 위에 텍스트를 추가하고 때로는 텍스트를 추가하기 때문입니다

이것은 보이지 않으며 더 눈에 띄게 만들 필요가 있으므로 행 옵션을 클릭하십시오 스타일을 클릭 한 다음 행 오버레이를 클릭하십시오 따라서 실제로 설정 한 경우 – 검정으로 설정하면 그것은 그렇게 보입니다 그런 식으로 설정하십시오 그런 다음 전체 이미지를 변경하고 그 이미지가 정말 멋지 기 때문에 전체 이미지를 완전히 망치고 싶지는 않습니다

상단에 조금 어둡게 만들고 싶을뿐입니다 그래서 당신은 단지 그라데이션을 설정했습니다 그래서 우리가 뭘 할거야? 이 두 번째 버튼을 여기 드래그하면 약 25 % 그런 다음 불투명도를 0으로 드래그합니다 그래서 조금 어둡기 때문에 첫 번째 버튼을 클릭하십시오 우리가 원하면 불투명도를 어쩌면 낮추세요

50 %를 말한 다음 완료를 클릭하십시오 저장해 그것을 닫으면 조금 더 튀어 나오게됩니다 그렇게 멋지게 보이고 로고가 튀어 나옵니다 이제 우리가 할 일은 실제로 텍스트를 이동하는 방법을 보여 드리겠습니다 그래서 예를 들어 때때로 당신이 가지고 있을지도 모르는, 당신의 주된 주제를 여기에서 왼쪽으로 옮기고 싶다

그래서 빌더를 돌리면됩니다 예를 들어, 여기의 옵션을 보려면 스타일 지정으로 이동하십시오 글꼴 너는 그것과 같이 왼쪽으로 정렬 할 수있다 좋습니다

실제로 할 수있는 일은 클릭 할 필요가 없다는 것입니다 실제로이 모듈로 바로 전환 할 수 있습니다 그래서 여기 실제로 클릭하면됩니다 직접 전환되며 자동으로 저장됩니다 스타일링, 글꼴 그것을 왼쪽으로 정렬하십시오

그리고 실제로 행으로 돌아가고 싶다면 나는 처음에 끝까지 클릭하자 우리는 왼쪽에 약간의 공백을 넣고 싶습니다 그래서 우리가 행할 수있는 일은 행 옵션 스타일링에 대한 것입니다 심 어쩌면 왼쪽에 추가하고 싶습니다 5 % 또는 아마 10 % 나 그 비슷한 것을 알 것입니다

그래서 그것이 당신이 실제로 그것을 움직일 수있는 방법입니다 왼손쪽에는 피사체가 오른편에 있으니 그걸 가지고 놀 수 있습니다 완료를 클릭하십시오 좋아, 그럼 내가 실제로 취소하고 저장을 클릭 할거야 이제 내가하고 싶은 일은 빌더의 다른 기능을 정말 빨리 보여주는 것입니다

나는 그것이 정말로 멋지다라고 생각하기 때문에 50 % 물건을 클릭하면 기본적으로 페이지를 축소하고 그렇게 할 때 수행 할 수있는 작업 귀하의 웹 사이트에서 요소를 쉽게 옮길 수 있습니다 그래서 때로는 어떤 것을 아래쪽으로 끌어 내려야 할 수도 있습니다 드래그하기가 어렵습니다 왜냐하면 지금까지는 멀기 때문입니다

스크롤해야합니다 따라서이 값을 50 %로 설정해야하므로 작고 이동하기가 쉽습니다 따라서 Builder를 끄는 미리보기 기능을 사용하여 모양을 볼 수도 있습니다 저장 및 닫기를 클릭하는 것보다 훨씬 빠릅니다 이것은 기본적으로 내가 나중에 보여 줄 모바일 응답 스타일링입니다 이것은 정말 멋진 실행 취소 및 다시 실행입니다

그리고이 페이지를 다른 웹 사이트로 가져 오기위한 zip 파일로 내보낼 수도 있습니다 Themify가 설치되어 있다면 나중에 진행할 레이아웃을로드하고 저장할 수도 있습니다 페이지를 복제 할 수도 있습니다 도움말을 클릭하면 Themify 문서로 이동합니다 그래서 그것은 빌더 기능과 같은 모든 것을 자세히 설명합니다 우리가 여기로 돌아 가면 그럼 내가 여기에이 기능을 보여주고 싶습니다

개정판으로 저장을 클릭하십시오 예를 들어 여기에서 홈페이지를 완성한 경우 영웅을 입력하고 확인을 클릭하십시오 따라서 실수를하면 실제로 여기를 클릭하여 수정본을로드 할 수 있습니다 그러면 저장 한 설정으로 돌아갑니다 이 시간 프레임은 여기에 있습니다

헤더와 로고 등을 복원하지 않습니다 페이지의 레이아웃 만 복원 할 것입니다 그래서 우리는 그것을 닫고 저축 할 것입니다 또 다른 멋진 기능은 애니메이션 기능입니다 따라서 여기에서 모듈을 더블 클릭하면 애니메이션을 클릭하십시오

어쩌면 페이딩 애니메이션으로 설정해 봅시다 기본적으로 0 지연을 설정합니다 여기 다음을 클릭합시다 애니메이션, 페이드 인으로 설정합시다 우리는 0

5에 앉을거야 지연 또한 버튼 생기 페이드 인, 1 초 지연, 완료 저장해 그것을 닫아 보자 그러면 애니메이션이 어떻게 생겨나고 정말 멋지게 보이는지 알 수있다 다음 섹션에서는 기능별 모듈을 사용하여 서비스 섹션을 작성하려고합니다

그것은 정말로 시원하다 우리의 건축업자를 다시 켜 봅시다 두 번째 행까지 아래로 스크롤하십시오 우리가 할 일은 우리가 텍스트 모듈에 들어가는 것입니다 우리가하는 일을 타이핑 할거야

따라서 서비스 나 원하는 것을 입력 할 수 있습니다 텍스트 강조 표시 이 태그를 제목 2 태그로 설정합니다 그리고 우리는 스타일을 고쳐서 글꼴로 갈 것입니다 그 텍스트를 가운데로 정렬합니다 그냥 그런 다음 완료를 클릭하십시오

그러면 우리가해야 할 일은 기능을 갖춘 모듈을 떨어 뜨려서 그 제목 아래에 놓는 것입니다 지형지 물 제목에 넣을 수 있습니다 비어 있는 자습서 그리고 여기에있는 내용을 위해, 나는 몇 가지 잡을거야 Lorem ipsum 거기에 드래그하자

그런 다음 그 텍스트를 임의의 텍스트에 붙여 넣으십시오 레이아웃을 변경할 수 있습니다 그리고 서클을 변경할 수도 있습니다 그래서 그 서클을 지우고 스트로크를 지우고 색을 지울거야 아래로 스크롤하면 크기를 변경할 수 있습니다

나는 매체에 맞추어 놓을 것입니다 그런 다음 아이콘을 클릭하면 삽입 아이콘을 클릭 할 수 있습니다 내가 찾는 대상은 아마도 비디오 플레이어 일 것입니다 좋아, YouTube가 재생됩니다 나는 그것이 그것에 잘 어울리는 것이라고 생각한다

색상은 나는 그것을 회색으로 표현할 것입니다 그래서 중립적 인 색깔입니다 어떤 색상을 선택해야할지 모르는 경우 중립적 인 색상으로 전환하십시오 모든 것이 훌륭하고 전문적인지 확인합니다 그 종류가 좋더라도 이상하게 들릴 수 있기 때문에 임의의 색상을 선택하지 마십시오

그러나 임의의 색상을 선택한 다음 모든 것이 무작위 인 경우처럼 모든 곳에서 그렇게 보일 것입니다 최고는 중립적 인 것입니다 그래서 저는 D4D에 갈 것입니다 그 것처럼 또한 링크 할 수 있습니다

그래서 예를 들어 무료 자습서에 대해 더 자세히 이야기하는 다른 페이지가있을 수 있습니다 당신은 거기에 링크를 넣을 수 있고, 사람들이 그것을 클릭하면, 그 페이지에 링크 할 것입니다 좋아, 너는 또한 할 수있다 이미지를 선택하십시오 나만의 아이콘을 업로드 할 수 있습니다

원하는 경우 Google 이미지로 이동하여 아이콘을 찾으세요 같은 종류의 아이콘을 찾는 것이 좋습니다 그렇지 않으면 정말 이상하게 보일거야 아니면 Fiverr에 가서 전문적인 일을 할 수 있습니다 실제로 여기에 링크를 설정했다면, 제가 지적하고자하는 것은 그것이 실제로 말하게 될 것입니다

초 동안 그 사본을 복사해라 우리가 끝내고 그것을 저장하면 닫아 그러면 링크 색상이 빨간색으로 바뀝니다 그래서 우리는 그것을 돌릴거야 다시 한 번, 두 번 클릭하십시오 스타일링을하고 링크로 이동할 수 있습니다

그러면 텍스트의 색을 어쩌면 바꿀 수 있습니다 4D4D 그런 것 같아 그래서 좀 더 미묘하고 그것은 더 좋아 보인다 그래서 우리는 실제로 그 링크를 삭제 한 다음 완료를 클릭하십시오

이제 우리가해야 할 일은 세 가지를 더 만드는 것입니다 기능 모듈 위로 마우스를 가져 가면 3 개의 열이있는 모듈을 선택할 수 있습니다 4 개의 열이있는 경우 4 개의 열을 선택할 수 있습니다 3 개 밖에 없기 때문에 3 개를 선택합니다 그런 다음 두 번 복제하여 복제합니다

복제 그런 다음 끌어다 놓습니다 그 것처럼 좋아요 그럼 여기를 두 번 클릭하면됩니다 제목을 변경하여 드래그 앤 드롭한다고 해봅시다

끌어서 놓기 빌더 그러면 아이콘을 FA로 바꿀 수 있습니다 큐브는 이미 내가 원하는 것을 알고 나서 완료를 클릭하기 때문에 이 하나를 클릭하면이 지원을 무료로 변경할 수 있습니다 다시 문제가 있으면 support@Hoganchuacom으로 이메일을 보내주십시오 그럼 여기서 아래로 스크롤 할 수 있습니다

FA 사용자 완료를 클릭하십시오 그것은 꽤 많이 있습니다 그래서 우리가해야 할 일은 여기와 맨 아래에 간격을 두는 것입니다 wwwxero

comau로 가면 웹 사이트보기 그리고 그들은 도처에 간격을 두었습니다 정말 멋지고 깨끗하며 단순하게 보이게합니다 모든 것은 정말 멋지게 꾸며져 있습니다 따라서 실제로 레이아웃을 만들 때부터 영감을 얻으려면 정말 좋은 웹 사이트입니다

그래서 우리는 다시 여기로 가서 행 옵션으로 갈 것입니다 스타일링, 패딩 모두에게 적용을 선택 취소하십시오 상단에 5 %를 더할 것입니다 5 %가 바닥에 오르기 때문에 정상적으로 추가 할 수 있습니다 나는 내가 틀린 것을 추가했을지도 모른다라고 생각한다, 내가 단지 점검하게한다 좋아요, 그래서 저는 그것들을 두 개의 다른 행에 넣었습니다

그래서 내가 뭘 할거야? 그걸 아래에 끌어다 놓고 거기에 놓아 라 이제는 모두 한 줄로 구성됩니다 전에는 세 번째 행에 들어갔다 행 옵션을 클릭합니다 스타일을 지정하면 패딩으로갑니다

그 것처럼 여기 5 %, 5 % 완료를 클릭하십시오 구하다 그것을 닫자 나는 그것이 가기에 꽤 좋다라고 생각한다 그래서 내가 바꾸고 싶은 것은 h2 태그뿐입니다

저는 이것이 우리가 원하는 로보트 글꼴이 아니라고 생각합니다 따라서 맞춤 설정할 수 있습니다 그런 다음로드 될 때까지 기다립니다 headings 태그를 클릭하십시오 제목 2 글꼴

나는 그것을 Roboto로 바꾸고 싶다 좋아요, 그래서 모든 것이 일관되게 유지됩니다 나는 정상으로 바꿀거야 나는 그것이 꽤 좋다고 생각한다 게시하다 닫는다

그래서 내가 할 일을 보여줄 다음 부분은 그라디언트를 추가하고 정말 멋진 입자 효과를 추가합니다 그라디언트는 콘텐츠를 분리하는 데 정말로 도움이되며 웹 사이트에도이 멋지고 신선한 분위기를 더합니다 이미지 위에 추가하는 것이 좋습니다 텍스트를 팝업으로 만들거나 그 정렬을 유지하려는 경우 그래디언트를 추가하면 웹 사이트의 색 구성표와 사용중인 이미지 어떤 색이 당신의 메인 컬러와 비슷할 지, 모든 것을 정말 잘 어울립니다 따라서 빌더를 켜고 그라디언트를 추가 할 준비가되었습니다

그럼이 세 번째 줄입니다 아래로 스크롤하여 옵션을 클릭 한 다음 스타일을 클릭하십시오 따라서 배경을 클릭하면 그라디언트를 그 방법으로 추가하거나 그라디언트를 추가 할 수 있습니다 행 오버레이를 사용합니다 차이점은 배경 그라디언트를 실제로 설정 한 경우입니다

그런 다음 배경 이미지를 추가 한 다음 더 이상 그 위에 그라디언트를 추가 할 수 없습니다 따라서 이미지를 배경으로 정렬하고 싶다면 그리고 나서 그 이미지 위에 그라디언트를 놓고 배경을 설정해야합니다 여기에 이미지를 입력하고 나중에 입자 효과를 추가하기 때문에 여기에 그라데이션이 있습니다 오버레이를 추가하지 않으려면 입자 효과를 덮어 씁니다 그러면 배경 유형을 다음과 같이 설정합니다

배경 섹션의 그라디언트 그래서 우리가 그라디언트의 색을 선택할 때, 웹 사이트에서 실제로 사용한 색상을보고 싶습니다 당신은 꽤 많은 색을 볼 수 있습니다 또는 당신이 불렀다고 생각하는 도구를 다운로드 할 수 있습니다 Colorzilla 또한 Chrome 확장 프로그램이기 때문에 선택할 수 있으며 페이지에서 색상을 선택하는 데 사용할 수 있습니다 나는 당신이 건축업자를 첫째로 끄고 그 후에 당신을 선택해야 한 ㄴ다고 생각한다

그 이미지의 원하는 부분을 클릭하면 색상이 모두 표시됩니다 또 다른 좋은 자원은 wwwuigradientscom입니다 여기를 클릭하면 모든 그라디언트 표시를 클릭 할 수 있습니다

여기에 녹색의 파란색과 같은 이미지가 있다고 가정 해 보겠습니다 그럼 너 여기 갈 수있어 녹색을 클릭하면 해당 색상과 일치하는 그라디언트를 찾을 수 있습니다 우리가 실제로 빨간 색을 선택한다면 이 배경색과 실제로 일치하지 않습니다 그리고 그것은 이상하게 보일 것입니다

그래서 우리는 색상을 일치시키기를 원합니다 그리고 웹 사이트를 실제로 멋지게 만들 것입니다 그래서 이것을 선택하고 무지개색을 골랐다 고 가정 해 봅시다 여기에서 색상 코드를 클릭 할 수 있습니다 복사가 두 번 발생하므로 여기에서 첫 번째 것을 클릭 한 다음 해당 색상 코드를 붙여 넣을 수 있습니다

그냥 그런 다음 UI 그라디언트로 돌아가서 두 번째 색상 코드를 클릭하십시오 더블 클릭 그런 다음 두 번째 버튼을 클릭하십시오 그리고 그걸 붙잡아 라 그래서 그것은 비슷한 모습입니다 그것은 좋게 보이지 않으므로 실제로 조금만 조정할 수 있습니다

실제로 어떤 색상 코드인지 알고 있습니다 나는 그렇게 사용하고 싶다 4시에 타이핑 할거야 CDB 7 C 그럼이 사람이 여기있을거야 38AHF2 그런 것

그리고 나서 회전을 다음과 같이 변경하고 싶습니다 125도를 클릭하고 Enter를 클릭하십시오 그럼 내가 원하는 것은 약간의 간격을 두는 것입니다 예를 들어 패딩을 추가하려면 어쩌면 상단에 10 %를 추가하고 바닥에 10 % 그런 것 나는 그 색깔이 괜찮다고 생각한다

내 말 좀 들어 봐 어쩌면 조금 더 가볍게 만들거나 다른 것을 만들자 조금 더 어둡다 좋아, 그거 좋을 것 같아 너도 그걸 바꿀 수있어

그렇게 바꾸십시오 방사형으로 설정할 수도 있습니다 알았어, 나는 선형으로 유지할거야 나는 그것이 너무 초록색일지도 모른다라고 생각한다 그래서 나는 그것을 클릭 할 것입니다

조금 더 녹색으로 만들자 좋아요 그런 다음 완료를 클릭하십시오 그래서 내가 뭘 할거야? 지금 당신이 증언자 슬라이더를 추가하는 방법임을 보여주십시오 따라서 + 아이콘을 클릭 한 다음 찾아보십시오

회원 평가 슬라이드 및 드롭 따라서 귀하의 웹 사이트가 회원 증강에 추가하는 것이 중요합니다 따라서 고객으로부터 평가를 얻지 못하면 고객으로부터 몇 가지 사례를 구하십시오 왜냐하면 당신이 제공해야하는 것을 실제로 사는 사람들에게 이것이 정말로 중요하다고 생각하기 때문입니다 그래서 평가 표제를 위해 나는 그것을 실제로 삭제하려고합니다 내용에 관해서는, 아마 lorem ipsum을 잡을거야

거기에 붙여 넣기 나는 어떤 것을 더할지도 모른다 인용 부호 그렇게 우린 이미지를 찍을거야

따라서 찾아보기 라이브러리를 클릭하십시오 파일 업로드하다 파일을 선택하고 나는 거기에 이미지가있다 그리고 그걸 그래서 이미 업로드 했으므로 여기를 클릭 할 것입니다 그리고 내가 설정 한 크기는 약 300×338입니다 그것은 약 41 킬로바이트이므로 실제 크기는 아닙니다

로드에 오래 걸리지 않습니다 파일 URL 삽입 좋아, 그 이미지가 아마 너무 큰 것 같아 우리는 아래로 스크롤 할 것이고 그 사람의 이름, 직책 및 어느 회사를 변경할 수 있습니다 ABC 앵커 그런 것 회사 웹 사이트에 추가 할 수도 있습니다

이것은 회원 평가 슬라이더이기 때문에 추가 행을 추가하여 다른 사람의 행을 추가 할 수도 있습니다 증언 등 이제 그걸 지울거야 아래로 스크롤하면 이미지 너비를 150 정도로 변경하고 싶습니다 비례 적으로 규모가 축소 될 것이므로 높이를 벗어날 수 있습니다

슬라이더 표시 옵션으로 여기에서 놀아보십시오 그것은 슬라이더이기 때문에 속도와 효과, 기본적으로 모든 것을 변경할 수 있습니다 그러면 실제로 나타날 것입니다 그래서 당신은 그 설정으로 놀 수 있습니다 그래서 내가 바꾸고 싶은 것은 스타일을 바꾸고, 글꼴을 바꾸고, 글꼴 색을 바꾸는 것입니다

~ 하얀색 좋아, 그렇게 나쁘진 않네 우리는 증언자 슬라이더로 돌아갈거야 회원 평가 제목을 추가합시다 그래서 나는 놀라운 지원을 할 것입니다 그런 것 같아

나는 그것이 꽤 좋게 보인다라고 생각한다 원하는 경우 삭제할 수도 있습니다 그런 것 같아 그리고이 섹션을 실제로 사용할 수 있습니다 존 스미스, 그리고 나서 너는 할 수있어

이탤릭체로 표시한다 나는 그것이 꽤 좋게 보인다라고 생각한다 존 스미스, 아마 캐나다 출신인데 나는 그것이 꽤 좋게 보인다, 실제로 생각한다 그래서 우리는 done을 클릭 할 것이다 그것은 꽤 좋다

이제 입자 효과를 추가한다는 것을 보여 드리겠습니다 너를 여기에 추가하고 싶지 않을거야 하지만 어떻게하는지 배우고 싶다면 할 수있는 방법을 보여 드리겠습니다 정말 쉽고 정말 멋집니다 그래서 우리가하고 싶은 것은 Google에 가서 아마도 Themify를 입력하는 것입니다

입자 효과 Enter를 클릭하고 첫 번째 결과를 클릭하십시오 아래로 스크롤하여이 노란색 섹션으로 스크롤하여 여기에 모든 내용을 복사하십시오 클립 보드에 복사하십시오 좋아, 우리는 빌더를 구해서 첫 번째 빌더에서 빠져 나올거야

로고 위로 마우스를 가져 가서 대시 보드 영역을 클릭하십시오 그런 다음 Themify ltra, Themify Settings를 거치게됩니다 아래로 스크롤하여 머리글 코드로 이동하십시오 그런 다음 해당 코드를 헤더 코드 영역에 붙여 넣습니다 저장을 클릭하십시오

완료되면 사이트 방문으로 돌아갑니다 작성기를 켭니다 여기로 스크롤하여 옵션을 클릭하십시오 이제 추가 CSS 클래스를 사용하여 실제로 추가하려는 작업 만 수행하면됩니다 Particles-js 그래서 이걸 복사 할거야

그것을 여기에 붙여 넣으십시오 바로 그거야 그런 다음 완료를 클릭하십시오 우린 그것을 구할거야 그것을 닫으면 입자 효과가 새로 고쳐지면 나타납니다

좋아, 그래서 나는 그것이 매우 시원해 보인다라고 생각한다 영웅 이미지에 이미지를 추가 할 수 있습니다 예를 들어 기술 회사 또는 그와 비슷한 사람과 나는 그것이 정말로 알고 있다고 생각한다 다음 부분에서는 블로그 게시물을 추가하는 방법과 추가하는 방법을 보여 드리겠습니다 홈페이지의 추천 블로그 게시물 따라서 블로그 게시물은 실제로 중요합니다

왜냐하면 실제로 무료 콘텐츠를 만들 수 있기 때문입니다 사람들이 적극적으로 검색 중입니다 Google 예를 들어, 6 팩을 얻는 방법을 배우는 방법을 배우려면 6 팩 수천 명의 사람들이 매일이 핵심 문구를 검색합니다 예를 들어 페이지 1에서 순위를 매기려면 여기를 클릭하십시오

수천 명의 사람들이이 블로그 게시물을 읽으려는 여기를 클릭하십시오 그렇게하면 트래픽이 발생하고 트래픽이 발생하면 그럼 당신은 당신이 제휴 링크를 가질 수있는 것처럼 당신이 원하는 거의 아무것도 팔 수 있습니다 사람들이 뉴스 레터에 가입하도록 유도 할 수 있습니다 너는 네가 네 가게에있는 물건을 사는 걸 사람들에게 알릴 수있다 블로깅은 웹 사이트에 대한 권한을 실제로 구축하는 좋은 방법입니다

실제로 다른 키워드 관련 순위를 매겨줍니다 당신의 웹 사이트를 위해서도 그래서 블로깅에 대해 조금 더 배우고 싶다면 스마트 블로거에가는 것이 좋습니다 SEO 및 트래픽에 대해 배우고 싶다면 wwwneilpatelcom에 갈 수 있습니다

여기로 스크롤하여 블로그로 이동할 수 있습니다 그는 정말 좋은 블로그 게시물을 많이 가지고있다 온에어 생성 트래픽 전환, 소셜 미디어 등 또한 좋은 웹 사이트는 wwwbacklinkocom이며 여기에서 블로그를 클릭 할 수도 있습니다

그래서 저는 WordPress에서 블로그 게시물을 추가하고 홈페이지에 추가하는 방법을 보여 드리겠습니다 따라서 여기에 마우스를 가져 가야 할 블로그 게시물을 추가하려면 대시 보드를 클릭하십시오 그런 다음 게시물을 클릭합니다 그래, 기본적으로 당신은 안녕하세요 세계 게시물을 볼 수 있어야합니다 우린 그걸 실제로 날려 버릴거야

그래서 쓰레기 그런 다음 휴지통으로 들어가 영구히 삭제하고 싶습니다 그럼 휴지통을 클릭하자 영구히 삭제하다 그런 다음 새 게시물을 추가 할 예정이므로 여기를 클릭하십시오 그래서 우리는 블로그 게시물 제목으로 설정할 것입니다 예를 들어 Let Go and 당신의 꿈을 쫒아 라 여기 텍스트 편집기가 있는데, 일부 lipsm ipsum 텍스트를 붙여 넣을 것입니다

그래서 그 중 일부를 복사 해 보겠습니다 Ctrl + C를 눌러 거기에 붙여 넣으십시오 바로 그거야 좋아, 그래서 링크를 추가하려면 정말 쉽습니다 예를 들어,이 텍스트의 어딘가에 연결하고 강조 표시하려고합니다

그런 다음이 아이콘을 클릭하십시오 그런 다음 연결하려는 URL에 붙여 넣을 수 있습니다 정상적으로 링크 옵션을 클릭합니다 예를 들어, lorem ipsum에 연결하려면 URL을 복사하여 여기에 붙여 넣습니다 외부 링크이기 때문에 새 탭에서 열기 위해 링크 할 것입니다

웹 사이트의 기존 콘텐츠에 링크 할 수도 있습니다 일반적으로 여기에 나타납니다 또는 검색 할 수도 있습니다 링크 추가를 클릭하십시오 일단 당신이 그 일을하면 그 링크를 만들 것입니다

그래서 이미지를 추가하는 것은 정말 간단합니다 미디어 추가를 클릭 할 수 있습니다 파일 업로드, 파일 선택 실제로 추가 할 수있는 블로그 게시물 이미지도 있습니다 여기에서이 이미지를 추가하고 이미지 1을 게시합니다 게시물을 연 다음 게시물에 삽입하십시오

비디오를 추가하려면 보시다시피, 그렇게 높은 품질은 아닙니다 사실 저는 돌아가서 편집 할 것입니다 그 크기의 경우 전체 크기를 선택하겠습니다 최신 정보

훨씬 좋아 보인다 동영상을 추가하려면 클릭 들어가서 약간의 공간을 만드십시오 예를 들어 동영상을 업로드 할 예정입니다 그냥 URL 복사 그런 다음 여기로 돌아가서 바로 붙여 넣으십시오 그래서 약 1 초를 기다려라

그리고 그것은로드 될 것이고 그것은 모두 좋은 것입니다 좋아, 그럼 다음 일은 카테고리에 넣기를 원한다는거야 새 카테고리 추가를 클릭하십시오 예를 들어, 이것은 라이프 스타일이나 패션 카테고리 또는 그와 비슷한 것일 수 있습니다 새 카테고리를 추가하십시오

선택되어 있는지 확인하십시오 태그, 예를 들어,이 블로그 게시물은 인도로 이동하여 태그가 인도가 될 수도 있습니다 이것은 당신의 꿈을 쫓는 것에 대한 이야기일지도 모르니, 그래서 그들 중 하나가 될 수도 있습니다 꿈을 쫓고 추가를 클릭하십시오 그래서 우리는 특집 이미지를 설정하려고합니다

따라서 추천 이미지 설정을 클릭하고 파일 업로드를 클릭하십시오 파일 선택 그래서 우리는이 추천 이미지 1을 업로드하고 열기를 클릭합니다 그래서 내가 자른 파일 크기는 약 1000 x 667 픽셀이고 크기는 약 129 킬로바이트입니다 그래서 기본적으로 사진을 업로드하기 전에 모든 이미지를 자른 것입니다 훨씬 더 간단하고 모든 크기가 동일합니다

그래서 '홈 페이지에 표시 할 때마다 제대로 정렬됩니다 그래서 당신도 이것을 클릭하면됩니다 이것도 같은 크기입니다 블로그 게시물의 경우 동일한 크기의 이미지를 가질 필요는 없지만이 크기의 이미지는 꽤 좋습니다 그러나 추천 이미지의 경우 동일한 크기를 모두 사용하고 추천 이미지를 설정하는 것이 좋습니다

나는 그것이 꽤 많이 있다고 생각한다 당신은 또한 소식 옵션 예를 들어 각 블로그 게시물 설정에 대한 게시물 레이아웃 또는 Themify Settings에서 설정할 수 있습니다 기본 게시물 레이아웃으로 초를 표시합니다 일단 게시를 클릭하면 게시합니다

실제로 업데이트 될 때까지 기다리십시오 따라서 실제로 게시 된 게시물이 표시됩니다 게시물보기를 클릭하십시오 이것은 귀하의 블로그 게시물이 실제로 지금 보이는 것입니다 좋아, 그럼 내가 할 일은 다른 두 개의 게시물을 추가 한 다음 홈 페이지에 추가하는 방법을 보여줄 것입니다 새 소식 위로 마우스를 가져간 다음 소식을 클릭 할 수도 있습니다

지금 빨리 추가 할 것입니다 나만의 장소에 추가 할 수도 있습니다 그래, 내 마지막 블로그 게시물 이었어 그리고 실제로 모든 게시물을 클릭하면 그것을 볼 수 있고 게시물이 설정되었습니다

이제 우리가 할 일은 우리 홈 페이지로 이동하는 것입니다 그래서 우리 홈페이지를 방문 할 것입니다 우리는 빌더를 켜야합니다 그런 다음 여기에서이 섹션으로 스크롤하겠습니다 어쩌면 텍스트 모듈로 떨어질 것입니다

어쩌면 우리는 우리의 최신 1 번 제목으로 설정하거나 1 번 제목으로 설정하지 않을 수 있습니다 2 번, 미안, 스타일 지정 글꼴을 클릭하십시오 센터에 맞 춥니 다 완료를 클릭하십시오 그러면 우리가 할 일은 포스트 모듈에 넣는 것입니다

제목 아래 놓으세요 그런 다음 게시 레이아웃을 변경할 수 있습니다 그래서 내가 할 일은 내가 3 개의 게시물을 가지고 있기 때문이다 그리드 3을 선택하겠습니다 설정을 가지고 놀 수는 있지만, 이것이 제가 권장하는 것입니다

귀하의 홈페이지 아래로 스크롤하면 특정 카테고리와 같은 항목으로 설정할 수 있습니다 콘텐츠 게시, 변경할 수 있습니다 당신이 좋아하는 무엇이든 오버레이, 실제로 미리보기를 클릭 할 수 있습니다

그런 식으로 할 수 있습니다 폴라로이드로 변경하십시오 미리보기를 클릭하십시오 그것은 꽤 멋지다 그것은 당신이 그것을 어떻게 표시하길 원하는지에 달려 있습니다

내가 할 일은 기본값으로 설정하는거야 사후 필터의 경우 사후 필터입니다 내가 선택하지 않을거야 또한 포스트 거터는 간격을두고 있습니다 나는 그것을 기본값으로 남겨 둘 것입니다

게시물 수 나는 3으로 표시 할 것입니다 그런 다음 아래로 스크롤하십시오 따라서 여기에서 각각의 설정으로 놀 수 있습니다 발췌 내용을 표시하거나 표시하지 않을 수 있습니다 아니면 그 모든 내용을 표시 할 수도 있습니다

그래서 저는 약간의 짧은 요약처럼 표시 할 것입니다 이미지 숨기기, 크기 변경, 게시일 숨기기 게시물 메타 숨기기 저자와 카테고리, 태그와 같은 것들이 있습니다 원한다면 숨길 수 있습니다 나는 그것이 꽤 많이 있다고 생각한다 여기 스타일링에 가면 따라서 모듈 제목, 게시물 제목 및 그 모든 것을 스타일 지정하는 옵션이 있습니다

따라서 done을 클릭하면 그럼 나는 그것이 꽤 많은 것 같아 그래서 우리가 할 일은 위에 간격을 두는 것이다 그리고 바닥에 간격을 추가하십시오 패딩을 클릭하고 상단 5 %, 하단 5 % 완료를 클릭하십시오 나는 그것이 꽤 좋게 보인다라고 생각한다

그래서 당신은 그것을 구할 수 있습니다 그것을 닫고 그것이 어떻게 보이는지 먼저보십시오 그냥 내려 가라 아주 좋아 보인다 블로그 게시물 중 하나를 클릭하면 링크가 실제로 빨간색임을 알 수 있습니다

우리가 할 일은 실제로 바디 링크 색상을 변경하는 것입니다 좋아요 이제 맞춤 설정하겠습니다 그래서 우리가 선택할 링크 색은 파란색입니다 파란색은 실제로 정말 좋은 색상입니다

대부분의 웹 사이트에서 실제로 볼 수 있습니다 사람들이 파란색을 쉽게 구별 할 수 있기 때문에 정말 좋습니다 그리고 그들이 알고있는 텍스트 주위에 그것은 링크입니다 대부분의 사람들은 실제로 모릅니다 그러나 남성의 8 %는 색맹이며 0

5 %의 여성이 색맹이며 가장 흔한 결핍은 빨간색과 녹색입니다 그래서 그것은 색맹 인 사람들이 쉽게 읽을 수있게 만들고, 어쨌든 좋은 것처럼 보입니다 그러나 당신의 주된 색깔이 붉은 색일 수 있다면 내 말은 아직도 사용할 수 있지만 파란색을 선택할 수 있다면 파란색을 선택하십시오 여기에서 몸을 클릭하고 본문 링크를 클릭하십시오 색상 코드는 2DA0E3입니다

Enter를 클릭하십시오 그래서 그 변화 이제 몸 링크 호버를 변경하면됩니다 여기이 색상 코드를 복사 할 것입니다 내 클립 보드에

0 ~ 255로 이동합니다 색상을 입력하십시오 색상 및 나는 어둡게 2 가지 음영을 선택할 것입니다 나는 그것이 약간의 효과를 준다을 추측한다 테슬라를 보면 그들이 선택한 빨간색이 이미 상당히 어둡다고 생각하기 때문에 더 가벼워졌습니다

어두워지면 너무 어둡습니다 그래서 우리는 파란색으로 갈 것입니다 그 안에 붙여 넣기 사람들이 그 위에 마우스를 올려 놓으면 어두워 져야합니다 나는 그것이 꽤 멋지다라고 생각한다 세 가지 음영으로 갈 수도 있습니다

그것은 당신에게 달려 있습니다 그래서 나는 그것을 바꿀지도 모른다 사실, 세 가지 음영을 게시를 클릭하십시오 좋아 그리고 그걸 닫아라

우리 홈 페이지로 가자 나는 너에게 뭔가를 보여주고 싶다 그래서 사람들은 실제로 더 읽기를 추가하는 방법을 묻고 있습니다 여기 대시 보드에 갈 필요가 있다니

Themify Ultra, Themify 설정 위로 마우스 이동 기본 레이아웃으로 이동 그런 다음 기본 보관 포스트 레이아웃으로 이동하십시오 더 많은 텍스트로 스크롤하면 더 많은 링크를 표시 할 수 있습니다 발췌 모드 그래서 그것을 선택하십시오 당신은 어쩌면 더 많은 것을 입력 할 수 있습니다

저장을 클릭합시다 희망을 갖고 우리가 여기 웹 사이트를 방문한다면 실제로 그렇게 나타날 것입니다 그게 다야 이제 내가 보여줄 수있는 것은 이중 시차 효과를 만드는 방법을 보여줄 것입니다 정말 시원합니다

경쟁에서 눈에 띄게 될 것입니다 재미있는 이야기를 말할 수 있습니다 어떤 용도로든 사용하십시오 필요 따라서 이중 시차 효과 우리는 두 개의 이미지를 얻어야 할 것입니다

첫 번째 이미지는 전경을위한 것입니다 랩톱이나 책이나 또는 쉽게자를 수있는 것과 같은 것을 얻으십시오 그래서 정사각형과 같은 종류의 너는 산이나 그런 것을 원하지 않는다 때로는 잘라내 기가 정말 어렵지만 할 수 있습니다 시간이 오래 걸린다

아래로 스크롤 당신이 쉽게자를 수 있기 때문에 아마도 이것은 정말 좋은 것일 수도 있습니다 책이나 그와 비슷한 것을 선택할 수도 있습니다 이것도 정말 좋습니다 그래서 저는 이미 노트북 인 전경 이미지를 선택한 다음 Pixlrcom으로 이동해야합니다

그럼 PIXLRcom을 누른 다음 아래로 스크롤하십시오 Pixlr 편집기는 Photoshop과 매우 비슷합니다 무료이며 온라인이므로 누구나 액세스 할 수 있습니다 한 번 열면 컴퓨터에서 열린 이미지를 클릭하십시오

컴퓨터에서 랩톱 이미지를 다운로드해야합니다 그러나 당신이 그때 아니라면 나는 그것을 실제 폴더에 포함 시켰습니다 Pixlr에서 자르려면 전경을 클릭하십시오 그걸 열어 당신이해야 할 일은 여기 올가미 도구를 클릭해야합니다

따라서 이미지가 크게 확대되지 않으면 조금 더 확대하고 싶을 것입니다 그러면 어쩌면 30 % 그렇게하고 그것을 위로 움직여 라 좋아, 잘라내거나 보는데 조금 쉬워 따라서 올가미 도구를 클릭하십시오 그리고 다각형 올가미 도구를 클릭하십시오

그래서 우리가 할 일은 노트북의 배경 이미지 커서를 가리 키기 만하면됩니다 그런 다음 한 번 클릭하면 기본적으로 해당 선이 표시됩니다 그런 다음 다시 클릭 한 다음 한 번 더 클릭하십시오 거기에 한 번 더 해보고 시작 지점에 정확히 합류하십시오 좋아

그러면 선택해야 해 한 번 선택을하면 오른편에서 여기를 클릭해야합니다 잠금 장치를 두 번 클릭하십시오 그래서 레이어를 잠금 해제합니다 레이어 0으로 표시됩니다

레이어 0으로 표시되면 삭제 버튼을 클릭해야합니다 그래서 배경을 지우고 투명하게 만듭니다 지금 우리가해야 할 일은 이미지 크기를 변경해야한다는 것입니다 로드하는 데 오랜 시간이 걸릴 것입니다 이미지, 이미지 크기를 클릭하십시오

이미지를 바꿀 크기는 대략 다음과 같습니다 너비가 1600이고 자동으로 높이가 변경되었습니다 그래서 나는 그걸로 떠날거야 1067을 입력하고 OK를 클릭하십시오 따라서 이미지를 내보낼 준비가되었습니다

우리가 할 일은 파일을 클릭하는 것입니다 구하다 우리는 그것을 PNG 포맷으로 저장하려고합니다 이것은 전체 품질입니다 그리고 OK를 클릭하십시오 그런 다음 그것을 저장하십시오

휴대용 퍼스널 컴퓨터 자른 이미 저장했는데 다시 저장합니다 한 번 완료되면 배경 이미지를 찾습니다 예를 들어 어쩌면 산 같은 것 또는 얼굴을 사용할 수도 있습니다 그것은 정말로 당신이 보여주고 싶은 것과 이야기하고 싶은 이야기에 달려 있습니다 이미지를 다운로드하여 컴퓨터에 저장하십시오

그런 다음 사진으로 이동 한 다음 크기를 수정할 수 있습니다 1600 X 900 또는 1600 X 1000입니다 여기에 내 보낸 크기와 비슷한 것이 있습니다 왜냐면이 노트북 이미지 뒤에 그 배경을 보여줄거야 당신이 포토샵에 능숙하다면, 실제로 할 수있는 일은 실제로 그 이미지를 얻으십시오

이것이 원래 이미지입니다 사실 원본 이미지를 잘라 냈습니다 원본 이미지는 조금 뒤로 가자 그것은 그런 것입니다 기본적으로, 나는 그것을 잘라 냈다

왜냐하면 나는이 영역이 필요 없기 때문에 그것을 잘라 낸다 영역은이 섹션에서 실제로 다루고 있습니다 Photoshop에서 이미지를 작게 만들면 이미지를 더 작게 만들 수 있습니다 그런 다음 이미지를 붙여 넣으면됩니다 필요없는 것이기 때문에 그냥 여백 만 남기고 저장하면됩니다

그런 다음 지금 웹 사이트로 돌아갈 수 있습니다 아래로 스크롤하여 이중 시차를 삽입합니다 작성기를 켭니다 옵션을 클릭해야만 전체 내용을 설정할 수 있습니다 스타일 지정으로 이동 배경

그리고 우리는 배경 이미지를 설정하므로 찾아보기 라이브러리를 클릭하십시오 컴퓨터에서 해당 파일을 업로드했는지 확인하십시오 따라서 선택 파일을 클릭하면 실제로 업로드 할 수있는 꽃 파일이 있습니다 따라서 열기 및 업로드를 클릭 할 수 있습니다 전에 이미 업로드했습니다

그래서 여기에 그것은 파일 크기에 관한 것입니다 높이 1600 x 900 141 킬로바이트가 그렇게 크지는 않습니다 정말 좋습니다 그래서 삽입 파일 URL 배경 모드의 경우 시차 스크롤링을 선택합니다 그럼 우리가 할 일은 그냥 치워 버릴거야

이제 우리는 전경에 설 것입니다 왼쪽에 실제로 여기 가면 이 스타일링 페인트 브러시 아이콘이 나타납니다 그래서 그것을 클릭하십시오 그것은 열 스타일을위한 것이므로 열의 배경으로 설정할 수 있습니다 이제 랩톱 이미지를 설정합니다

배경을 클릭하십시오 그런 다음 라이브러리를 찾아보고 자른 랩톱을 업로드하십시오 png이어야합니다 여기에 저장할 때 체크 상자가 표시되는지 확인하십시오 여기로 돌아가서 파일 URL을 삽입하십시오

그래, 그 이미지가 그 랩톱에서 약간 볼 수있게 하지만 이미지를 조금 더 늘려야합니다 먼저해야 할 일은 풀 커버로 바꾸는 것입니다 배경 모드의 경우 패딩의 경우 선택을 취소하고 싶습니다 나는 약 25 %를 치고 싶다

상단에 추가하고 하단에 동일한 작업을 수행하려고합니다 좋아요, 그렇게 잘 보입니다 좋아 그럼 우리가 할 일은 약간의 텍스트와 버튼을 추가해서 더하기 아이콘을 클릭하는 것입니다 텍스트 모듈에서 드래그 그런 중간에 넣어보십시오

파란색 줄이 나타나야합니다 좋아, 그래서 우리는 서로 다른 타입으로 타이핑 할거야 그래서 저는 여러분에게 전에 보여 줬던 오른쪽에있는 텍스트를 어떻게 배열하는지 보여 드리겠습니다 하지만 너를 다시 보여 줄거야, 그래서 우리는 그걸 2 번에 놓을거야 그럼 스타일링을 위해 내가 할 일은 스타일 탭, 글꼴을 클릭하십시오

우리는 그것을 오른쪽으로 정렬 할 것입니다 패딩의 경우 화면 끝에 너무 가까이 있지 않기를 원하기 때문에 5 % 오른쪽에 패딩하여 약간의 공간을줍니다 나는 그것이 좋아 보인다라고 생각한다 그리고 나서 우리는 이 단추를 얻고 그것을 복제하십시오 그래서 우리가 할 일은 여기에 타는 것입니다

확대하려면 50 %를 클릭하십시오 이동하기 쉽습니다 이제 버튼을 클릭하고 클릭 만하면됩니다 이 하단부 아래에 끌어서 다르게 그걸 더블 클릭하면 우리가 할 일이 생길거야 do는 실제로 우리의 액센트 컬러로 그 색을 바꾸기 때문에 우리의 배경 꽃 이미지와 잘 어울립니다

또한 배경이 흰색이기 때문에 흰색 배경으로 남기고 싶지 않습니다 어두운 색상의 단추 배경색을 사용하거나 악센트 색상을 사용하십시오 그래서 우리가 뭘 할거야? 실제로 다시 스크롤하여 여기에서 사용한 색상 코드를 얻습니다 두 번 클릭하면 실제로 타자기 모듈이 열립니다 스타일을 선택하고 타자기를 클릭하십시오

배경을 클릭하십시오 그런 다음 그 색상 코드를 클릭 한 다음 다시 아래로 스크롤하면됩니다 여기에 버튼을 클릭하고 해당 버튼을 두 번 클릭하십시오 따라서 자동으로 다른 모듈을 저장하므로 웹 사이트를 수정하는 것이 훨씬 빠릅니다 이제 우리가 할 일은 스타일을 정하는 것입니다

버튼 링크, 버튼 링크를 편집 중이므로 배경색을 변경하고 있습니다 그래서 우리는 흰색에서 그 fuschia 또는 핑크색으로 편집하고 싶습니다 배경 놓기, 우리가 할 일은 우리가 갈거야 0 ~ 255 좋아요, 그래서 당신은 그녀에게 색을 칠할 수 있습니다 이미 붙여 넣기로 입력했습니다

해당 해시를 삭제해야합니다 색상을 입력하십시오 그리고 나서 우리는 아마도 두 가지 음영을 더 어둡게 만들거나 밝은 색조로 갈 수 있습니다 그러나 나는 더 어두운 옵션이 더 좋을 것이라고 생각한다 해당 색상 코드를 클릭하십시오

과 그럼 우리가 할 일은 우리 웹 사이트로 돌아갈거야 링크를 붙여 넣은 다음 링크를 클릭하십시오 해당 링크 색상을 진한 회색에서 흰색으로 변경하고 싶습니다 색상 호버를 흰색으로 변경하십시오 우리가 할 일은 일반 탭을 클릭하는 것입니다

우린 그걸 오른쪽 편으로 옮길거야 그래서 텍스트는 오른쪽으로 정렬됩니다 패딩, 우리는 5 %를 더할 것입니다 이것은 5 %를 오른쪽으로 그리고 5 %를 오른쪽으로 클릭하고 done을 클릭합니다 나는 우리가 그것을 구할 수 있다고 생각한다

그것을 닫은 다음 약간의 미리보기를 해봅시다 좋아, 그렇게 생각해 거기에 약간의 간격을 줄여야 할 수도 있습니다 그건 너에게 달렸어하지만 너를 빨리 보여 줄게

그래서 빌더를 켜십시오 우리가 할 일은 그걸 두 번 클릭하는 것 뿐이라고 생각해 스타일을 지정하고 여백을 클릭하십시오 그런 다음 선택을 취소하고 마이너스를 넣으려고합니다 1% 글쎄, 어쩌면 2 % 좋아, 나는 2 %가 좋다라고 생각한다

따라서 마진과 패딩의 차이점은 내가 한 가지 예를 보여 드리겠습니다 그래서 패딩은 실제 상자 안에 있으므로 보이지 않는 라인 박스가 보이면 패딩은 상자 안에 있습니다 그래서 마진은 실제로 그 상자 밖에 있습니다 그래서 영웅 이미지에 패딩을 추가했습니다 내부 공간입니다

그래서 그것이 실제로 할 수있는 것은 내가 바깥 쪽 패딩을 바꾸고 싶다면입니다 그런 다음 옵션 스타일을 클릭하면 선택을 취소하고 20 % 위쪽으로 보이지 않는 상자 바깥 쪽의 간격을 편집합니다 그래서 그 차이가 있습니다 그래서 만약 당신이 일종의 감소를 원한다면 텍스트 모듈과 다른 모듈 사이의 간격은 마이너스 여백을 사용할 수 있습니다 바닥이나 꼭대기까지 좋아, 이제 저장 후 닫기를 클릭하겠습니다

다음 섹션에서는 추가하는 방법을 보여 드리겠습니다 비디오 배경뿐만 아니라 비디오 모듈 사용 우리가 실제로 당신의 작품과 그런 것들을 선보일 수있는 갤러리를 추가하는 방법을 보여줍니다 그래서 나는 뭔가를 알아 차렸다 나는 아래로 스크롤하고 있었다 따라서 스크롤 할 때 여기에 공백이 있음을 볼 수 있습니다

우리는 그것을 원치 않습니다 그래서 우리는 계속 진행하기 전에 그것을 바로 잡을 것입니다 그래서 Builder와 그런 다음 여기에서 행 옵션을 클릭하십시오 스타일, 배경으로 이동 배경 모드가 시차로 설정되어 있지만 배경 첨부가 고정되어 있는지 확인하십시오 좋아요, 그렇게 한 후에는 완료를 클릭하면 공백이 더 이상 나타나지 않습니다

그리고 그것은 여전히 ​​좋거나 좋지 않은 것처럼 보입니다 저장하고 닫습니다 기본적으로 동영상에 추가하는 두 가지 방법이 있습니다 첫 번째 방법은 동영상 배경으로 추가하는 것입니다 행 옵션으로 이동할 수 있습니다

스타일링, 배경, 동영상을 클릭 한 다음 YouTube로 이동하십시오 동영상을에 업로드해야합니다 자신보다 YouTube 서버에로드되므로 YouTube가 먼저로드되므로로드 속도가 빨라집니다 여기에 URL을 붙여 넣으십시오 그런 다음 외부를 클릭하면 표시됩니다

따라서 오디오를 비활성화하십시오 재생중인 반복 재생을 사용 중지 할 수도 있습니다 배경 이미지를 설정해야합니다 모바일에서는 동영상을 표시하지 않기 때문에 여기를 통해 업로드 한 배경 이미지가 표시됩니다 당신이 할 수있는 것은 약간의 패딩을 추가하는 것입니다

상단 20 %, 하단 20 % 그리고 나서 텍스트를 추가하고 버튼을 추가 할 수 있으며 여기에 표시 할 항목을 추가 할 수 있습니다 그래서 당신은 당신의 홈페이지를위한 영웅 비디오와 같은 종류로 사용할 수 있습니다 그래서 다른 방법은 비디오 모듈을 사용하는 것입니다 do가 먼저 완료되면 클릭하고 지금은 삭제할 것입니다 그런 다음 비디오 모듈을 드래그하여 거기에 넣습니다

좋아요, 그래서 당신이해야 할 일은 동일한 비디오 URL에 붙이기 만하면됩니다 그래, 완료를 클릭하면 실제로 두 열로 정렬 할 수 있습니다 여기에 비디오를 올릴 수 있습니다 여기에 텍스트를 넣을 수 있습니다 동영상이 무엇인지 설명하거나 영화 효과와 같은 일을 할 수 있습니다

그래서 저는 이것을 정말로 빨리하는 법을 보여 드릴 것입니다 그럼 여기를 클릭하십시오 하나의 열로 표시하려면 옵션을 클릭하십시오 스타일링 그런 다음 패딩을 클릭 할 것이므로 먼저 패딩을 설정하고 일부 간격을 둡니다 나는 5 %를 정상에 올릴거야

이 하나 나는 바닥에 3 % 할거야 좋아, 일단 끝나면 우리는 배경색을 할거야 그래서 예를 들어 우리는 뭔가 어둡게 갈 것입니다 222 시도하자

저렇거나 조금 더 가벼운 것 정말 의존합니다 그렇다면 지금은 222에 가서 행 오버레이를 클릭하십시오 오버레이 호버를 사용하면 실제로 어두운 색상으로 설정됩니다 그래서 우리는 그저 100 % 흑인에 대해서 그렇게 할 것입니다 좋아, 우리가 실제로 그것 위에 마우스를 가져갈 때, 그것은 더 어둡게된다

그것은 내가 한 짓과 같습니다 저장하고 그런 다음 닫으십시오 좋아요, 그러면 동영상으로 섹션으로 스크롤합니다 그래서 지금 당장 당신이 그것 위로 공중 선회하지 않을 때 그것은 일종의 어두운 회색과 비슷하지만 사람들이 마우스로 가리켜 들고있는 비디오를 보았을 때 그때 그것은 그것 주위에 어둡게된다

그래서 멋진 영화 효과를 만들어냅니다 또 다른주의 사항은 자신의 동영상을 업로드하는 경우입니다 비디오가 하나뿐입니다 그런 다음 동영상에 사용할 미리보기 이미지를 고려해야합니다 그래서 저는이 비디오를 골랐습니다

왜냐하면이 녹색 파란색 배경이 나머지 내 웹 사이트, 그라디언트 영역 및 내 영웅 이미지 따라서 디자인과 관련하여 생각하는 것이 좋습니다 그래서 우리는 빌더를 켜야합니다 그런 다음 갤러리 모듈을 사용하는 방법을 빠르게 보여 드리겠습니다 따라서 더하기 아이콘을 클릭하십시오 갤러리 모듈에 놓기 꽤 비슷한 그래서 나는 그것이 자동적으로 튀어 올랐다라고 생각한다

그러나 만일 그렇지 않으면 그것은 여기에서이 물건을 보여준다 삽입 갤러리를 클릭해야합니다 파일 업로드, 파일 선택 나는 또한 포함시켰다 실제로 업로드 할 수있는 6 개의 갤러리 이미지와 사진에 미리 잘라 냈습니다

그래서 이미 업로드했습니다 당신이 볼 수 있듯이, 그리고 그것을 자른 크기는 약 1,000 X 666입니다 그래서 중요합니다 그것들을 모두 똑같은 크기로 자르므로 홈페이지에 올릴 때 제대로 줄을 잡습니다 그래서이 6 개의 이미지를 선택합니다

갤러리에 추가 갤러리를 업데이트하면 다음과 같이 표시됩니다 좋아, 그럼 여기서 설정을 가지고 놀 수있다 예를 들어 3 열로 설정 따라서 이미지 모양으로도 놀 수 있습니다 하지만 필요하다고 생각하지는 않습니다 그러면 완료를 클릭하고 텍스트 모듈을 원할 경우 갤러리 제목을 추가 할 수 있습니다

그래서 우리는 지금 그것을 삭제할 것입니다 또한 이미지 모듈을 추가 할 수도 있습니다 이미지 모듈을 여기에 놓습니다 이미지를 업로드 한 다음 완료를 클릭하면 이미지를 정렬 할 수 있습니다 세 가지 다른 열 당신이 그런 이미지가 있습니다

그래서 내가 보여줄 다음 것은, 먼저 이것을 지울 것입니다 모바일 장치에서 모든 것이 완벽하게 반응하는지 확인하는 방법을 보여줍니다 그래서 당신이 이것을 볼 수있는 것처럼 여기에있는 텍스트는 잘 보이지 않습니다 좋아, 아래로 스크롤하면 이 섹션은 여기 이 텍스트는 일종의 노트북을 덮어 씌우고 보이지 않습니다 그래서 나는 그것을 실제로 고치는 법을 보여줄 것입니다

따라서 휴대 기기의 제목을 수정하려면 맞춤 설정을 클릭하십시오 Themify 옵션을 사용하고 있는지 확인하십시오 고급 탭을 클릭하고, 그런 다음 여기에서 제목을 클릭 할 수 있습니다 그래서 바닥에 여기, 당신은 실제로 스타일링을 얻었습니다 초상화와 모바일 용 타블렛 풍경 용 따라서 지금 실제로 제목 1 글꼴을 클릭하면 95라고 표시됩니다

태블릿을 클릭하면 풍경을위한 그런 다음 실제로 각 특정 장치 크기 그래서 내가 뭘 좋아하는지 태블릿은 5를 사용하고 5 EM으로 설정합니다 EM은 기본적으로 크기에 비례하여 크기가 축소됨을 의미합니다 나는 화면 크기와 세로로 타블렛을 클릭하면 4 또는 4

5 나는 4가 좋아 보이고, 그 다음 모바일을 클릭한다고 생각한다 이걸로 바꿀거야 35

나는 그것이 좋아 보인다 그래서 당신은 무엇에 따라 조정할 수 있습니다 결과는 실제로 얻을 수 있습니다 그래서 우리는 아래쪽으로 아래로 스크롤 할 것입니다 좋아, 실제로 모바일 기기에서,이 것은 실제로 화면에 훨씬 더 가깝다

그래서 우리는 실제로 제목을 여기 글꼴 그러나 실제로 여기에서 글꼴로 표제를 변경하면 그런 다음 예를 들어 다음과 같이 변경한다고 가정 해 보겠습니다 15 EM 또는 변경하자 1 EM for mobile devices

그 변화는 또한 우리가 사용하고있는 제목 2 이 섹션은 여기 그리고 우리는 그렇게하기를 원하지 않습니다 왜냐하면 그것은 너무 작아서 약간 더 커야하기 때문입니다 그래서 나는 그것을 전혀 바꾸지 않을 것입니다 먼저 게시 할 예정입니다 닫아 특정 모듈 자체로 변경하려고하므로 Builder를 사용하도록 설정합니다

오른쪽 아래로 스크롤 더블 클릭 스타일링으로 이동하십시오 두 번째 태그입니다 스타일을 선택하고 제목을 클릭하십시오 여기에 모바일 스타일을 클릭하고 싶습니다 그걸 바꾸세요

그런 다음 2 개의 글꼴을 클릭하면 15 EM으로 변경하려고합니다 제목 2에 해당됩니다 이 특정 모듈에 대해서만 편집 할 수 있습니다 여기 보이는 크기는 편집하지 않습니다

좋아요, 완료를 클릭하십시오 저장하겠습니다 그리고 그것을 가까이에주십시오 그래서 일단 완료되면 wwwresponsinator

com을 방문하십시오 URL 입력 우리는 갈 것이고 희망적으로 많이 좋아 보인다 좋아, 꽤 좋아 보인다 그냥 내려 가면, 그 크기는 그대로 유지됩니다 아래쪽으로 스크롤 그래서 조금 더 작게 만들었고 지금은 꽤 좋아 보인다

그래서 당신이하고 싶은 일 아마이 섹션을 원하지 않는다고 가정 해 봅시다 네가 거대한 블록을 가지고 있을지 모르겠다 텍스트가 너무 오래 걸리므로 사람들이 맨 아래로 스크롤하는 것을 원하지 않습니다 좋아, 그럼 특정 섹션을 제거 할 수도 있습니다 그래서 빌더를 돌릴 수 있고 그렇게 할 수 있습니다

아주 쉽습니다 각 행 또는 각 모듈에는이 세 개의 작은 점이 있으며, 마우스를 가져 가면 표시 여부를 설정할 수 있습니다 여기에 마우스를 올리면 가시성을 설정할 수 있습니다 이 섹션 전체를 제거하고 싶다고 가정 해 보겠습니다 공개 상태를 클릭하면 휴대 전화 및 태블릿에서도 숨길 수 있습니다 원하는 경우 완료를 클릭합니다

그래, 태블릿에서는 모바일에 표시되지 않습니다 잘 보이지 않을거야 데스크톱 용으로 데스크톱에 표시됩니다 이렇게하면 페이지의 레이아웃을 가지고 놀 수 있습니다 따라서 완료를 클릭하고 저장을 클릭하십시오

다음 섹션에서는 어떻게 할 것인지 보여 드리겠습니다 모든 것을 빌드하는 방법을 보여주고 싶지 않기 때문에 뒷 페이지의 레이아웃 가져 오기 당신은 지금 80 %의 것들을 알고 있습니다 나는 너에게 정말 멋진 것들을 보여줄거야 약 페이지를 클릭합시다 빌더를 켜고 여기로 마우스를 가져 가면 파일에서 가져오고 확인을 클릭합니다

업로드를 선택하고 약 페이지로 이동하여 zip 파일을 가져옵니다 그래,이 파일은 이전에 다운로드 한 이미지 및 플러그인 폴더 여야합니다 우리는 열려있어 그것은 본질적으로 당신을 위해 미리 만들어진 레이아웃을로드합니다 그리고 당신은 단지 이미지를 편집 할 수 있습니다

예를 들어 여기에서 행 옵션을 클릭하고 스타일 지정으로 이동할 수 있습니다 배경 및 찾아보기 라이브러리를 업로드하고 자신의 이미지를 업로드하십시오 모든 일을 동일하게 유지하십시오 이 섹션을 두 번 클릭하여 텍스트를 변경할 수 있습니다 이미지를 더블 클릭하여 이미지를 변경할 수도 있습니다

이 섹션을 두 번 클릭하여 내 정보를 변경하십시오 따라서 완료를 클릭하십시오 실제로 아이콘 섹션을 두 번 클릭하면 실제로 이메일에 넣을 수 있습니다 그래서 support@hoganchuacom 대신 귀하의 이메일을 넣으십시오

다음 콜론 그래서 사람들이 그것을 클릭하면 기본 전자 메일 브라우저가 열립니다 실제 이메일과 함께 이름을 보내기 위해서 그래서 우리는 아래로 스크롤 할거야 이건 나를 불렀다 그래서 T, L, 콜론을 누른 다음 거기에 전화 번호가 있습니다 그래서 당신도 그렇게 할 수 있습니다

사람들이 휴대 기기에서 클릭하면 전화 번호를 자동으로 전화 화면에 표시합니다 페이스 북과 동일하다 레이블도 변경할 수 있으며 Facebook 프로필 URL을 변경할 수 있습니다 좋아요, 정말 간단해서 각 아이콘의 색상을 바꿀 수 있습니다 그런 다음 done을 클릭 할 수 있습니다

내가 너에게 보여주고 싶은 한가지는 실제로 여기에 왼쪽 따라서 열 수를 변경할 수 있습니다 하지만 실제로는 열 정렬을 변경하는 것입니다 지금 당장은 첫 번째 옵션입니다 두 번째 옵션을 클릭하면 무슨 일이 일어나는지 여기에서 알아 차려 좋아, 그래서 그것은 기본적으로 중간에 텍스트와 아이콘을 정렬합니다

예를 들어, 기다려, 그걸로 바꿔 그것은 아래로 이동합니다 그런 다음 다시 변경하면 올라갑니다 그래서 우리는 그것을 중간에 유지하고 싶습니다 그래서 꽤 많이 있습니다

우리가 실제로 그것을 저장하면 주변에서 놀 수 있습니다 여기에 모든 종류의 모듈이 있습니다 우리는 그걸 닫고 그걸 먼저 미리보기로 할거야 보시다시피, 그 간격을 좁히기 위해 여기에 약간의 간격이 있습니다 편집 페이지를 클릭하십시오

그런 다음 사용자 지정 패널 Themify로 스크롤합니다 페이지 옵션 탭 콘텐츠의 경우 전체 너비를 선택합니다 업데이트를 클릭하십시오 그런 다음보기 페이지를 클릭하십시오

좋아, 그렇게 끝났어 다음 섹션에서는 실제로 어떻게 할 것인가를 보여 드리겠습니다 Themify가 미리 만든 레이아웃을 가져오고, 그리고 이것은 또한 정말 멋지기도합니다 왜냐하면 저는 여러분에게 어떻게 혼합 및 일치시켜 사용자 정의 레이아웃을 만들 수있는 미리 만들어진 행 가져 오기 그래서 우리는 서비스 페이지에 있습니다 켜기 빌더를 클릭합니다

그러면 우리가 할 일은이 레이아웃 아이콘 위로 마우스를 가져 가면로드 레이아웃을 클릭 할 것입니다 그래서 이것들은 모두 Themify에 의해 미리 디자인되었습니다 그리고 이들 중 하나를 선택할 수 있습니다 나는 레이아웃을 가져 오는 법을 보여주고 싶지 않았다 나는 더 빠른 튜토리얼을 만들 수있다

30 분 또는 60 분짜리 튜토리얼과 같을 수도 있습니다 최대한 빨리 웹 사이트를 구축하고 운영하기를 원하는 사람들을 보여줄 수 있습니다 그러나 기술을 배우는 것이 훨씬 중요하다고 생각합니다 왜냐하면 실제로 무작위 레이아웃을 가져 오는 경우 당신은 무엇을해야할지 정말로 알지 못할 것입니다 그럼 예를 들어 이것을 보겠습니다

우리는 그것을 선택하고 기존의 추가를 클릭 할 것입니다 잘만되면 팝업됩니다 그래, 그렇게 팝업하고 거기에 레이아웃을 가지고 우리는 50 %로 설정하여 진행 상황을 볼 수 있습니다 따라서 각 섹션에 대해 제거 할 수 있습니다

당신이 그것을 필요로하지 않는다면, 예를 들면 당신은 얼룩을지게 할 필요가 없습니다 단지 그것을 지우고 다시 스크롤하고 더블 클릭해서 페이지를 편집하십시오 정말 간단하고 거의 동일합니다 이전에 수정 한 모듈 그 밖에 할 수있는 일은 여기 아래로 스크롤 할 수 있다는 것입니다 행 위에 마우스를 올려 놓고 더하기 아이콘을 클릭하십시오 여기에서 행을 클릭 할 수도 있습니다

좋아, 다시 클릭 해 그래서 당신이 실제로 할 수있는 것은 사전 작성된 다른 행 가져 오기 그래서 당신이 볼 수 있듯이, 아마도이 영웅 배너 이미지를 가져올 수 있습니다 그걸 여기로 떨어 뜨려 라 그럼 기본적으로 혼합하고 일치시킬 수 있습니다 다른 행을 만들고 그런 레이아웃을 만드십시오

따라서이 섹션의 행을 클릭하여 행에 액세스 할 수도 있습니다 그래서 그렇게하기가 쉽습니다 이제 내가 보여줄 다음 부분은 블로그 페이지를 편집하는 것입니다 그래서 우리는 약 15 분 거리에 있습니다 거기서 끝내는 마무리

지금까지 동영상이 마음에 들면 좋아요를주고 친구들과 공유하십시오 정말 이처럼 더 많은 동영상을 만드는 데 도움이됩니다 좋아, 이제 그걸 끝내고 블로그 페이지를 클릭 할거야 블로그 게시물을 표시하는 방법과 사이드 바 섹션을 보여 드리겠습니다 그래서 우리는 먼저 Builder를 켤 필요가 있습니다

우리는 두 개의 열로 나누어야합니다 이 같은 그래서 우리가하고 싶은 것은 포스트 모듈에서 드래그하여 거기에 놓는 것입니다 게시 레이아웃의 경우 목록 게시물을 선택하겠습니다 그래서 아래로 스크롤 포스트 필터는 사용하지 않을 것입니다

일반적으로 여기에 필터가 있습니다 나는 아니오를 선택하겠다 그리고 나는 너에게 달려있는 5 개의 게시물로 제한 할 것이다 그리고 날짜에 따라 내림차순으로 오름차순으로 주문할 수 있습니다 여기에 다른 것들도 있습니다

전시를 위해, 나는 보통 발췌문을 보여주고 싶다 나는 다른 모든 것을 기본값으로 유지한다고 생각하지만 설정과 모든 것을 여기에서 할 수 있습니다 아래로 스크롤 일반적으로 페이지 탐색 기능이있을 수 있습니다 예를 들어 10 개의 게시물이있는 경우 그리고 5 개의 게시물을 표시하도록 설정 한 후에는 첫 번째 페이지가 표시 될 수 있습니다 그리고 두 번째 페이지는 # 2 일 것입니다

그래서 실제로 그것을 보여주고 싶습니다 아니, 그래서 그것을 숨기고 싶지 않아 그런 다음 스타일링을 할 수 있습니다 각 개인을 편집 할 수도 있습니다 블로그 게시물의 요소 예를 들어 게시물 제목 여기에 게시물 메타 섹션, 게시물 날짜, 글꼴 및 그런 것들을 편집 할 수 있습니다 좋아요, 그래서 나는 모든 것을 기본값으로두고 나서 done을 클릭 할 것입니다

다음 일은 내가 할 일은 여기에 가서 widgetize 모듈에 넣는 것이다 오른쪽으로 widgetize 영역의 경우 사이드 바를 선택합니다 완료를 클릭하십시오 그래서 기본적으로 다음과 같이 보입니다 자, 이제 위젯 섹션을 실제로 편집하는 방법을 보여 드리겠습니다

그래서 나는 save를 클릭 할 것이고 나는 지금 그것을 닫을 것이다 이제 대시 보드 아이콘 위로 마우스를 가져 가서 마우스 오른쪽 버튼을 클릭하여 새 탭에서 열어 보겠습니다 그러면 위젯 섹션이 열리 며 실제 위젯을 볼 수 있습니다 그래서 우리가 할 일은 메타를 제거하는 것입니다 보관 된 최근 댓글입니다

정말 간단합니다 아래쪽 화살표를 클릭하십시오 삭제 보관 처리, 삭제 메타, 삭제 해 따라서 위젯은 사용 가능한 위젯입니다 어느 드래그 할 수 있고 기본적으로 일단 넣으면 표시됩니다

예를 들어 보겠습니다 우리가 원하면 이미지 위젯에서 드래그하자 그래서 당신은 자신의 이미지를 가질 수 있습니다 이미지를 추가 할 수 있습니다 이미지를 추가 할 수 있습니다

저장을 클릭 할 수 있습니다 텍스트 위젯을 추가 할 수도 있습니다 따라서 위젯을 추가 할 수도 있습니다 말하자면, 나에 관해서 "안녕하세요, 저는 호간입니다

"그런 것 우리가 구할 수 있다면 아래의 Themify 소셜 링크를 누를 수도 있습니다 알았어, 새 창에서 링크 열기 우리는 구할 수있다 그런 다음 블로그 페이지를 새로 고침 한 다음 해당 블로그 페이지를 수정해야합니다 좋아요, 그래서 위젯을 구성하는 것은 정말 간단합니다

여기에이 중 하나를 사용하십시오 이제 우리가 할 일은 실제로 어떻게 할 것인가를 보여줄 것입니다 모든 것을 가운데에 놓고 날짜를 변경하고이 섹션을 중앙에 배치하는 방법을 보여줍니다 따라서 빌더 켜기를 클릭하십시오 포스트 모듈을 두 번 클릭 할 수 있습니다

스타일, 글꼴을 클릭하십시오 그런 다음 텍스트를 가운데로 클릭하면 모든 것이 가운데로 이동합니다 완료를 클릭하십시오 이 섹션을 두 번 클릭하십시오 스타일링 글꼴을 클릭하십시오

모든 것을 가운데 정렬하고 완료 따라서 어떤 사람들은 그 원 모양의 모습을 좋아하지 않으므로 인라인 텍스트로 바꿀 것입니다 저장하고 닫으십시오 대시 보드 영역으로 돌아 가자 Themify Ultra, Themify 설정으로 이동하십시오 나는 그 페이지를 닫을거야

기본 레이아웃을 클릭합시다 따라서 기본 보관 포스트 레이아웃의 경우 아래로 스크롤하십시오 게시물 날짜를 숨기고 게시물 날짜를 해당 서클 스타일 대신 인라인 텍스트로 표시 같은 것 기본 단일 게시물로 스크롤하십시오 인라인 텍스트로 표시하고 저장하십시오

이제 블로그 페이지로 돌아가 보겠습니다 그런 식으로 스크롤하십시오 그런 다음 그와 비슷한 것을 보여 주어야합니다 따라서 게시일이 실제로 중심에 있지 않다는 것을 알 수 있습니다 그 문제를 바로 잡는 방법을 보여 드리겠습니다

여기를 클릭하십시오 이제 귀하의 블로그 게시물입니다 호버 색상을 링크합니다 다른 모든 것은 괜찮아 보인다 나중에 버튼 색상을 편집하는 방법을 보여 드리겠습니다

그래서 우리가 할 일은 커스텀 섹션으로 가야합니다 그러면 실제로 할 수있는 일은 고급 옵션을 선택한 다음 게시하여 스크롤하여 게시 할 수 있습니다 그래서 이것은 게시일입니다 따라서 날짜를 게시하려면 아래로 스크롤하십시오 그런 것을 중심에 맞춰 봅시다

이것은 게시물 제목을 가리 킵니다 게시일부터 먼저 닫습니다 게시물 제목 마우스 오버 내가 할 일은 그것을 똑같은 푸른 색으로 바꾼다 그래서 우리는 실제로 몸을 클릭 할 수 있습니다 본문 링크를 클릭하십시오

이건 우리가 여기서 설정 한 것과 같은 푸른 색이야 여기에서 클립 보드로 바로 복사 한 다음 붙여 넣습니다 그래서 모든 것이 일관성있게 유지됩니다 색상 섹션에 붙여 넣기 그 것처럼 그래서 마우스를 가져 가면 파란색이어야합니다

좋아 보이네 게시를 클릭하십시오 보시다시피 사이드 바는 왼쪽에 정렬되어 있습니다 당신은 실제로 그것을 바꿀 수 있습니다 사이드 바를 찾을 수 있습니다

따라서 사이드 바 글꼴을 클릭 할 수 있으며, 중앙에있는 선으로 설정할 수 있습니다 그래서 그것을 닫고 게시하십시오 다음 섹션에서는 연락처 페이지를 편집하고 연락처 양식을 추가하는 방법을 보여 드리겠습니다 지도뿐만 아니라 그래서 우리는 접촉 페이지에 있으며 이미 빌더를 켰습니다 우리가 뭘 할거야? do는 영웅 이미지에서 정말 빨리 설정됩니다

옵션으로 갈 것입니다 그리고 나서 우리는 콘텐츠, 스타일링으로 가득 차게 될 것입니다 배경 및 배경 이미지입니다 우리는 도서관을 찾아보고 업로드 할 것입니다 파일, 파일 선택 및 업로드하려는 이미지는 연락처 영웅입니다

그걸 열어 파일 URL을 삽입하십시오 배경 모드를 선택하면, 아마도 전체 표지 만 선택할 것입니다 그런 다음 배경 위치에 대해서는 그대로 두겠습니다 배경 첨부 파일, 고정 된 것으로 설정하려고합니다

그리고 우리가 할 일은 패딩을 클릭하는 것입니다 상단에 15 %의 패딩을 추가합시다 15도 바닥까지 그리고 중간에 텍스트를 추가 할 것입니다 그래서 우리는 done을 클릭 할 것이다 그리고 맨 먼저이 간격을 제거하여 백엔드에서 편집합니다

우린 아래로 내려갈거야 Themify 사용자 정의 패널에 추가하십시오 페이지 옵션을 클릭하십시오 콘텐츠 너비에 대해 전체 너비 선택 최신 정보 업데이트가 완료되면보기 페이지를 클릭하여 연락처 양식으로 돌아갑니다 그렇게되었습니다

이제 빌더를 다시 켜고 텍스트를 설정합니다 그래서 우리는 텍스트 모듈에 들어가기 만하면됩니다 그리고 난 그냥 연락 할거야 제목 1 스타일 지정으로 이동 글꼴을 중앙에 먼저 정렬하고 글꼴 색상을 흰색으로 변경하여 더 잘 보이게하십시오 그런 다음 완료를 클릭하십시오

그래, 그럼 분명히 하위 헤드 라인을 추가 할 수는있어하지만 난 그걸 그대로 남겨 둘거야 두 번째 행에 열을 두 개로 구분할 것입니다 그래서 한 쪽은 문의 양식 용이고 다른 쪽은지도 용입니다 좋아요, 그럼 여기 실제로 스크롤하면 당신이 안으로 떨어 뜨릴 수있는 접촉 형태 단위가 없다 그래서 우리가해야 할 일은 실제로 그것을 먼저 저장하고 닫는 것입니다

대시 보드 섹션으로 가야합니다 따라서 대시 보드를 클릭하십시오 그런 다음 실제로 연락처 양식 7 플러그인 인 플러그인을 설치했는지 확인하십시오 그런 다음 여기에서 연락처를 클릭하면됩니다 그리고 기본적으로 연락처 양식 1이 이미 설정되어 있습니다

그래서 편집을 클릭하고 싶습니다 그런 다음 여기에서 메일 탭을 클릭하고 여기에 이메일을 설정했는지 확인하십시오 그래서 예를 들어 우리는 support@hoganchuacom에서 설정할 것입니다 모든 메시지가이 이메일로 전달됩니다

그런 다음 여기에서 양식을 클릭하겠습니다 당신은 또한 그것을 편집 할 수 있습니다 텍스트를 편집 할 수 있으며 실제 사용법을 배우기위한 문서 및 FAQ 필요한 것을 구성하십시오 하지만 우린 그걸로 남겨두고 우린 구해줄거야 완료되면 그럼 이것은 짧은 코드입니다

실제로이 단축 코드를 붙여 넣을 수 있습니다 귀하의 페이지 또는 귀하의 게시물이나 텍스트 위젯 어디서나 연락처 양식을 실제로 나타납니다 따라서 코드가 필요 없으므로이 단축 코드가 필요합니다 그걸 클립 보드에 복사하면 연락처 페이지로 돌아갈거야 연락처를 클릭하면 빌더가 다시 켜집니다 단축 코드를 추가하려면 텍스트 모듈을 드롭해야합니다

붙여 넣기 몇 초 안에 실제로드됩니다 친절하고 간단합니다 완료를 클릭하십시오 다음으로 할 일은지도를 추가하는 것입니다 따라서 여기에서지도 모듈을 찾아 드래그 할 수 있습니다

예를 들어 저는 호주 멜버른에 있습니다 주소도 입력 할 수 있습니다 줌에서 설정할 수도 있고, 높이로 설정할 수도 있습니다 나는 높이를 약으로 바꿀지도 모른다 500 픽셀이므로 조금 더 큽니다

저것을 5로 바꾸자 아주 좋아 보인다 그리고 당신은 또한 여기의 설정으로 놀 수있다 그래서 우리는 done을 클릭 할 것이다 그러면 우리가 실제로 할 일은 실제로 먼저 저장을 클릭하고 닫는 것입니다

지도가 없다는 것을 알게 될 것입니다 아직 나타났다 Google API를 실제로 추가해야하기 때문에 어떻게해야하는지 정확히 보여 드리겠습니다 그리고 나서 다시 돌아와 거기에 약간의 간격을두고 여기에 약간의 간격을 추가 할 것입니다 단추 색상을 변경하십시오

이제 대시 보드를 클릭하십시오 다음을 클릭하고 싶습니다 Themify Ultra, Themify 설정 위로 마우스 이동 그런 다음 Google지도로 스크롤하여 Google지도를 클릭하십시오 Google지도 키의 경우 여기에 API가 있어야합니다 그러므로 Google 또는 Gmail에 로그인하십시오

먼저 계정을 만든 다음 generate API를 클릭하십시오 자동으로 Google 개발자 계정에 로그인합니다 그래서 기본적으로 당신은 그럼 네가 할 일은 이 차례를 따라라 Google API 콘솔로 이동하십시오 로드가 끝날 때까지 기다렸다가 새로운 프로젝트를 만들 수 있습니다

계속을 클릭하십시오 조금 시간이 걸릴 수 있습니다 일단 완료되면 필요한 자격 증명을 클릭하십시오 기본적으로 여기에 API가 있습니다 따라서 해당 API를 복사 한 다음 완료를 클릭하면됩니다

따라서 API를 사용하면 Themify ultra로 돌아가서 여기에 붙여 넣을 수 있습니다 저장을 클릭하자 바라기를 우리가 다시 우리의 웹 사이트를 방문, 우리의 연락처 페이지로 이동하십시오 잘만되면 그지도가 실제로 나타납니다 연락을 클릭하십시오

아래로 스크롤하면지도가 나타납니다 그래서 우리는 빌더를 돌리고 우리 페이지를 약간 스타일화할 것입니다 옵션을 클릭하십시오 여기 스타일링을 클릭하고 위쪽과 아래쪽에 약간의 여백을 추가해 보겠습니다 상단 5 %, 하단 5 % 우리가 할 일은 click on done입니다

우리가 할 다음 일은 우리가 여기 왼쪽으로 움직일거야 그런 다음 가운데 정렬을 클릭하여 양식을 작성합니다 그게 다야 그만둬 버튼 양식 색상을 편집하여 닫으십시오

맞춤 설정 섹션으로 이동해야합니다 그러면이 양식이 연락처 양식이므로 여기서 양식을 클릭 할 수 있습니다 양식을 클릭하십시오 이것은 양식 단추입니다 폼 버튼을 클릭하면 배경색을 변경할 수 있습니다

그럼 어두운 회색으로 바꾸자 웹 사이트 및 헤더 포장 영역에 사용 된 주요 색상은 무엇입니까? 설정이 완료되면 호버 색상으로 설정할 수도 있습니다 그래서 폼 버튼을 마우스로 가리키면 0에서 255로 이동할 수 있습니다 색상을 입력하십시오, 222 색상을 입력하십시오 그리고 두 가지 음영을 더 어둡게하거나 두 가지 음영을 더 밝게 할 수 있습니다

아마도 두 가지 음영을 어둡게 보일 수도 있습니다 배경색은 그리고 나서 꽤 좋습니다 따라서 게시를 클릭 할 수 있습니다 그 위에 마우스를 올려 놓으면 어두워 져야합니다 닫아 그리고 나는 그것이 꽤 좋고 꽤 가기 좋아 보인다

이제 우리가 실제로 블로그와 블로그 포스트에 가면 당신은 그 연락처 – 나는 코멘트 섹션을 의미 버튼을 볼뿐만 아니라 변경됩니다 좋아요, 그래서 전체 주제와 정말 잘 어울립니다 이제 내가 보여주고 싶은 것은 웹 사이트를 마무리하는 것입니다 보시다시피, 바닥 글 거기에는 이런 종류의 슬라이드 경계가 있습니다 정말 좋지 않아 헤더에도 약간의 경계가 있습니다

그래서 나는 실제로 그것을 고치는 방법을 보여줄 것입니다 맞춤 설정하기 아래로 스크롤하여 사용자 정의 CSS를 클릭하십시오 따라서 개발자이거나 CSS를 알고 있다면 여기에 CSS를 추가 할 수 있습니다 따라서 해시를 입력 할 수 있습니다 보행인 덮개

그리고 나서 삐걱 거리는 소리를 내고 싶습니다 그게 뭐라 불리는 지 모르겠습니다 그래서 당신이해야 할 일은 교대를 클릭하는 것입니다 그리고 왼쪽 대괄호를 클릭해야합니다 그리고 나서 엔터를 눌러야합니다

그런 다음 경계를 입력하고 싶습니다 다음 콜론 없음 실제로 아래로 스크롤하면 테두리가 제거 된 것을 볼 수 있습니다 그리고 나서 당신이하고 싶은 것은 세미콜론입니다 끝났어 헤더에 대해서는 해시가 필요합니다

머리글을 감싸고 구불 구불 한 괄호 들어가다 국경, 콜론, 없음 세미콜론 및 완료 그런 다음 게시를 클릭하십시오 닫기를 클릭하십시오 좋아, 그렇게 작은 경계선이 제거된다 나는 당신이 그것을 볼 수 있는지 없는지는 모르겠다

아마도 그렇지는 않지만, 바닥 글에 대해서는 당신은 그것을 정말로 분명하게 볼 수 있습니다 정말 근사하고 깨끗해 보입니다 그것은 비디오를위한 것입니다 그래서 비디오를 따라 주셔서 대단히 감사합니다 당신이 그것을 좋아한다면, 당신은 그것이 도움이된다는 것을 알았습니다

그런 다음 엄지 손가락으로주고 더 많은 동영상을 구독하십시오 아래의 댓글 섹션에 질문이 있으면 알려주십시오 더 사적인 것이라면, support@hoganchuacom으로 보내주십시오

❓👍 How to Customize Twenty Seventeen WordPress Theme

안녕하세요, 수요일 다른 WordPress에 오신 것을 환영합니다 제 이름은 텍사스 주 샌 안토니오에있는 WebTegrity의 Ashton입니다

YouTube 채널에 익숙하다면 당신은 매주 수요일에, 나는 어떤 종류의 비디오를 만들고있다 이처럼 WordPress로 온라인 마케팅을 향상시킬 수 있습니다 소셜 미디어 마케팅, 검색 엔진 최적화 또는 실제 웹 사이트 테마, 귀하의 콘텐츠 어떻게 향상 시키나요? 전환은 어떻게 받습니까? 오늘 우리는 "스물 한세트 17"주제를 볼 것입니다

그래서 지난주에 47로 업데이트하는 방법에 대한 비디오를 보았습니다 핵심을 업데이트하십시오 내가 무슨 말하는지 모르겠다면,이 비디오를 여기에서 보길 원할 것입니다 아래의 설명 상자에 링크가 표시됩니다

나는 또한 새로운 주제 인 "Twenty Seventeeen"을 소개했다 이것은 Word Press, AUTOMATTIC의 소유자가 만든 테마입니다 우리는 그것이 안전 할 것이라는 것을 즉시 알게됩니다 우리는 이것이 올바르게 기능 할 것이라는 것을 알고 있습니다 우리는 그것이 우리 예산에 있음을 알고 있습니다

왜냐하면, 그것은 무료입니다 이것은 지난 주에 내가 보여준 예입니다 그들은 Twenty Seventeen 테마를 멋진 웹 사이트 인 커피 하우스 웹 사이트로 사용하고 있습니다 그것을 사용하는 방법 물론 원하는 방식으로 사용할 수 있습니다

우리는 창의력을 발휘해야합니다 메인 네비게이션이 여기에 표시되며이 큰 이미지가 있습니다 고정 된 방식으로 가장자리에서 가장자리까지 덮는 정말 멋집니다 페이지 제목이 여기에 표시되는 2 열 나누기가 있습니다 그러면 페이지 콘텐츠가이 오른쪽 아래로 이동합니다

그것은 정말로 산뜻하다 그래도 어떻게 보이게 할 수 있니? 우리는이 멋진 이미지를 어떻게 추가합니까? 좋아, 나는 너에게 말할 것이고 우리는 그것을 실제로 지나갈 것이다 여기에 가장 먼저 필요한 것이 있습니다 "Twenty Seventeen"을 설치해야합니다 그러니 가자

슈퍼, 간단한 프로세스 '모양 테마'로 이동하여 테마로 이동하고 당신은 "Add New"를 클릭 할 것이다 당신은 "Twenty Seventeen"주제를 찾고있을 것입니다 이 자리에 일반적으로 바로있을 것입니다 그렇지 않다면 앞으로 나아갈 수 있습니다

"Twenty Seventeen"을 빠르게 검색하고 "Install"을 클릭하십시오 너무 빨리 갈 경우 잠시 멈추고 되감습니다 간단하게 할 수 있습니다 그것이 우리가 비디오를 만드는 이유입니다 너 나를 멈출 수있어

이제 설치가 완료되면 "활성화"를 클릭하십시오 (내가 잠깐 여기에 다시 가게하자) "활성화"를 클릭하면 거기에 갈 수 있습니다 이제 사용자 정의 할 수있는 옵션이 있습니다 여기서 사용자 화하거나 사용자 정의 할 수 있습니다 둘 중 하나를 사용하면 동일한 화면으로 이동합니다

이제 웹 사이트의 전면으로 돌아갈 것입니다 이제 우리는 이것을 활성화하고 "새로 고침"을 클릭하십시오 이제는 오프닝 장면에서 어떻게 보이는지 알 수 있습니다 기본적으로 그들은이 선인장 사진을 여기에 제공합니다 이 종류의 공간에 펼쳐지는 것은 정말 아름답습니다

제목이 여기에 표시되고 거기에 귀하의 태그가 나타납니다 그런 다음 기본 탐색이 있습니다 아래로 스크롤하면, 지금 제가 적용한 콘텐츠는 단지 내 홈페이지입니다 그게 내가 가진 전부 야, 지금은 내 머리말이있다 어떻게하면 이렇게 보이게하고 다른 모든 내용을 추가 할 수 있습니까? 지금 당장해야 할 첫 번째 일은 콘텐츠 당신은 홈페이지에서 특집을 원합니다

그래서,이 특별한 테마는 네 가지 영역 모두를 사용합니다 브레이크 아웃 섹션으로 사용할 수있는 최대 4 개의 영역이 있습니다 이 홈페이지에 그들은 네 가지 모두를 사용하고 있습니다 그들은 그 페이지를 만들었으므로 그렇게하기를 원합니다

그들은 "우리의 음료"라는 페이지를 만들었습니다 그들은 "Our Drinks"라고 제목을 짓고 모든 내용을 페이지 자체에 넣습니다 그런 다음, 그들은이 이미지를 해당 페이지의 "추천 이미지"로 설정 했습니까? 그래서, 나는 그것이 어떻게 생겼는지 정확하게 보여줄 것입니다 여기 와서, 우리는 "페이지"로 들어가고 우리는 "회사 소개"를 사용할 것이라고 생각합니다 우리는 "우리 팀"과 "포트폴리오"를 사용할 것이며, 물론 홈페이지도 될 것입니다

거기에 자,이 두 개를 홈페이지에서 사용해 봅시다 '수정'을 클릭하기 만하면됩니다 일단 페이지를 만들었 으면 거기에 설정된 추천 이미지가 있음을 확인하기 만하면됩니다 물론 이미지가 멋지고 큽니다

나는 1280 X 400을 사용하고있다 그것이 제가 여기에있는 차원입니다 "추천 이미지 설정" "업데이트"를 클릭하십시오 저는 이것을 홈페이지에서 4 개의 다른 페이지로 사용하려고합니다

"우리 팀"이 모든 것이 지금은 단지 기본 콘텐츠입니다 이 공간에서 지금해야 할 일 그냥 필러 콘텐츠 그래서 "About Us"와 "Our Team"입니다 여기에서 "포트폴리오"에 대해 하나를 수행합시다

나는 네 명 모두 대신에 세 명만을 사용할지도 모른다 지금은 해보 죠 '업데이트'를 클릭하겠습니다 이제 컨텐트를 만들었으니 "사용자 정의"영역으로 들어가 보겠습니다 그것을 홈페이지에 나타나도록 지정하십시오

그게 전부입니다 우리는 "Customize"로 돌아갈 것입니다 "모양 사용자 정의" 이제 우리가 찾고있는 것이 이 영역을 아래로 스크롤하면,이 모든 것이 무엇인지 신속하게 알려줄 수 있습니다 "사이트 ID"영역에서 로고를 업로드 할 수 있습니다 그것은 당신의 사이트 제목과 당신의 태그 라인과 함께 여기 앉아있을 것입니다 이 상자가 나타나기를 원하지 않으면 상자를 선택 취소하면 사라집니다

한 가지만 원한다면 그냥 제거하면됩니다 또한 사이트 아이콘을 업로드 할 수있는 영역을 제공합니다 그 탭에 의해 귀하의 사이트 제목에 의해 나타나는 작은 작은 그림입니다 좀 멋진 데, 거기에 빠른 그림을 추가 할 수 있습니다 일반적으로 로고의 작은 그림입니다

그게 당신이 그 지역에서 뛰는 방법입니다 색상은 밝은 색상의 테마로 설정할 수 있습니다 당신은 어둠으로 설정할 수 있습니다 그리고 그것은이 경로를 간다 그것은 다소 서늘하다 이런 식으로 할당 할 때 사용자 지정 색을 지정할 수도 있습니다

버튼이나 사이트 제목의 맞춤 색상이 필요한 경우 당신의 "H1" 거기에 좋은 붉은 색이 있습니다 헤더 텍스트 색상을 변경할 수도 있습니다 이 두 사람 만약 당신이 그것들을 다른 색으로 원한다면

원하는 경우 빨간색으로 설정할 수 있습니다 물론 변경 한 후에는 "저장"및 "게시"를 클릭 할 것입니다 당신은 만들어지기를 원합니다 다시 "사용자 정의"로 돌아갑니다 "모양 사용자 정의"

좀 더 너에게 보여주고 싶다 이것이이 오프닝 장면을 바꾸는 방법입니다 여기에 비디오를 설정할 수도 있습니다 그것은 당신에게 MP4를 업로드하는 옵션을 제공합니다 그러나 자신의 비디오를 업로드하는 경우 매우 빠르게로드되도록 최적화해야한다는 점을 기억하십시오

동영상을 8 초 미만으로 보내고 싶을 것입니다 물론, 이제 오디오 방금 반복하고 싶습니다 차가운 것, 뭔가 다른 것 여기에서 YouTube 동영상을 사용할 수도 있습니다

그것은 재미있는 일입니다 그렇게하기 쉽습니다 URL 또는 링크를 클릭하면 비디오를 볼 수 있습니다 "저장"을 클릭하십시오 이것은 물론 여기에있는 기본 이미지입니다

"숨기기"를 클릭하고 "새로 추가"라고 말하십시오 우리는 여기에 들어가서 새로운 이미지를 추가 할 수 있으며 우리의 아름다운 풍선 그림이 앉아 있습니다 지금 거기 그래서, 실제로이 오프닝 헤더 또는 영웅 장면을 처리합니다 '저장 및 게시'를 클릭하여 Google의 전면으로 돌아갈 수 있습니다

웹 사이트에서 "새로 고침"을 클릭하십시오 그것이 지금 보이는 방법입니다 들어가서 사용자 정의하십시오 이 분야는 당신이 찾고있는 분야입니다 "테마 옵션"

우리는 여기에 들어가기를 원하며 당신이 할당 할 수있는 네 가지 영역을 제공합니다 네가 원한다면 홈페이지에 할당 할 수있는 네 가지 영역 이것은 "두 페이지 레이아웃을 원하십니까? 하나의 열? " 지금 당장은 페이지 제목을 여기에 넣을 수 있다고 언급했음을 기억하십시오 왼쪽면이 여기에 있고 그 다음에 그들은 콘텐츠를 페이지 중간에 배치하려고합니다

만약 당신이 그것을 원하지 않는다면, 페이지처럼 쌓고 싶다면 일반적으로 다른 옵션을 선택할 수 있습니다 전적으로 당신에게 달려 있습니다 여기에 들어가서 우리가 갖고 싶은 다른 섹션을 바꿀 수 있습니다 나는 "우리 팀"을 넣을 것입니다 "우리의 포트폴리오"와 나는 네 번째 것을 비워 둡니다

일단 지금으로는; 왜냐하면 나는 많은 콘텐츠를 만들지 않았기 때문입니다 나는 "저장"하고 "게시"할 것이고 우리는 다시 돌아올 것입니다 웹 사이트의 앞면과 그것이 지금 어떻게 생겼는지 보아라 아래로 스크롤하면 집에있는 콘텐츠가 있습니다 그렇다면 내 멋진 이미지가 있습니다

"회사 소개"섹션 아주 좋아 다시 아래로 스크롤하면 "우리 팀"섹션에 대한이 멋진 과자 샷입니다 그런 다음, "우리 포트폴리오"에 대한 정말 멋진 화재 샷이 있고 그 다음에 바닥 글 동적으로 거기에 나타납니다 그래서, 그것은 어떻게 "Twenty Seventeen"주제를 취하는가와 고유 한 동적 컨텐츠를 해당 홈페이지에 적용하고 해당 컨텐츠를 쉽게 설정하십시오 나는 당신이 위대한 것을 가지고 있기를 바랍니다

"Twenty Seventeen"에 대한 질문이 있으시면 아래 코멘트란에 그걸 넣어 주면 다시 볼게요 최대한 빨리 나는 WordPress 수요일 다음에 보게 될 것이다 모두 안녕

Adding Sidebar Complimentary Content

사이드 바 추가 웹 페이지 콘텐츠 유형에 무료 콘텐츠를 추가하는 데는 시간이 전혀 걸리지 않습니다 우리가해야 할 첫 번째 일은 웹 페이지 콘텐츠 유형의 새로운 초안을 만드는 것입니다

그런 다음 사이드 바 무료 콘텐츠로 스크롤합니다 여기서 우리는 우리가 표시하고 싶은 콘텐츠를 채울 수있는 새로운 영역을 갖게되었습니다 이 예에서 우리는 '우리의 식사 와일드 디너에 오십시오'라는 제목을 입력 할 것입니다 이 제목 텍스트 스타일을 제목 2로 표시하고 싶습니다 그래서 드롭 다운 메뉴에서 선택할 수 있습니다

이 무료 콘텐트에 이미지를 포함시키고 싶습니다 그래서 커서를 올바른 위치에 놓기 위해 return을 누르기 만합니다 다음으로 아래로 스크롤하여 이미지 업로드로 이동합니다 여기에서 우리가 사용하고자하는 파일을 선택하고 업로드를 선택합니다 다음 단계는이 이미지의 스타일이나 크기를 사이드 바에 변경하는 것입니다

삽입을 선택하고이 이미지에 대체 텍스트를 추가할지 묻는 메시지가 표시됩니다 '수선화를 들고있는 요리사의 사진'을 입력하고 확인을 선택할 수 있습니다 페이지를 무료 콘텐츠 영역으로 다시 스크롤하고 이미지가 성공적으로 업로드되었는지 확인합니다 다음으로 할 일은 추가 이벤트 세부 정보가있는 웹 페이지로 사이드 바 제목을 연결하는 것입니다 이렇게하려면 제목을 선택하고 WYSIWYG 메뉴에서 링크 단추를 선택하기 만하면됩니다

링크 유형을 내부 경로로 설정하십시오 우리는 링크하고자하는 페이지에 입력을 시작합니다 이 예에서는 Wild Dining 페이지입니다 확인을 선택하십시오 사이드 바 무료 콘텐츠에 대한 관련 링크를 추가 할 수도 있습니다

이렇게하려면 사이드 바 관련 링크로 간단히 스크롤하십시오 해당 링크의 제목과 관련 URL을 입력하겠습니다 이것이 사이드 바 무료 콘텐츠 영역에서 우리가하고 싶은 모든 작업입니다 그래서 우리는 단순히 작업을 저장합니다 여기에서 새 페이지의 초안을 볼 수 있습니다

우리 캠퍼스 맵 링크를 포함하여 사이드 바 무료 콘텐츠가 성공적으로 추가되었음을 확인하십시오 게시하려는 경우 보통 메뉴에서 게시를 선택하고 적용하기 만하면됩니다

WordPress Widgets: How To Add New Widgets With FREE Plugins

이 비디오에서는 10 개의 무료 WordPress 위젯을 보러 가고 귀하의 사이트에 새롭고 유용한 기능을 추가 할 수있는 위젯 각 사이트에 대한 간략한 개요가 표시되지만 사이트에 적합합니다

그것은 당신에게 달려 있습니다 이 모든 위젯의 경우 다른 WordPress 플러그인처럼 설치할 수 있습니다 결국, 당신은 귀하의 웹 사이트를 높이기 위해 열 가지 새로운 방법을 알게 될 것입니다 이 비디오의 위젯 중 하나에 대한 세부 정보를 보거나 검토하려면 다음을 수행 할 수 있습니다 아래의 설명 상자에있는 타임 스탬프를 사용하면됩니다

안녕하세요! ThemeIslecom의 Robert가 초보자와 고급 사용자를위한 WordPress에 대한 자습서를 작성합니다 내 영감의 주요 원천은 내가 더 많은 WordPress 아래 설명 상자에있는 링크에 액세스하여 관련 정보를 찾으십시오 이제 첫 번째 위젯부터 시작해 보겠습니다 커스텀 문의 양식을 설정하기위한 많은 플러그인 솔루션이 있지만, 그들은 자주 팩을합니다

필요한 것보다 많은 기능 원하는 연락처가 간단한 연락처 섹션을 설정하는 것이라면 Contact Widgets 플러그인은 훌륭합니다 선택권 이 도구를 사용하면 연락처 정보,지도 및 더 다음은 사이드 바 영역에서 어떻게 보이는지 보여줍니다

고객의 증언은 고객 사이의 신뢰를 높이는 효과적인 방법이며 고객의 사용 후기 위젯 플러그인을 사용하면 슬라이더, 목록 등을 사용하여 리뷰를 쉽게 표시 할 수 있습니다 심지어 동영상 또한, 단축 코드를 사용하여 원하는 위치에 작성한 위젯을 삽입 할 수 있습니다 비디오 추천서가 있으니 깊이있는 자습서를 보시도록 권유드립니다 이 플러그인과 WordPress 웹 사이트에 어떻게 구현할 수 있는지에 대해 알려드립니다

WordPress는 이미 자체의 최근 게시물 위젯을 포장하지만 목록 만 표시하면됩니다 게시물 제목 중 보기 흉하지 만 처음에는 추천 이미지를 표시하는 것이 더 좋은 방법 일 수 있습니다 당신의 방문자의주의 다행히 최근 게시물 위젯과 Thumbnails 플러그인을 사용하면이 작업을 수행 할 수 있습니다 용이함

지도를 비롯하여 비즈니스에 맞게 웹 사이트를 설정 한 경우 사용자를 돕는 간단한 방법입니다 그것을 더 빨리 찾으십시오 전용 위젯을 사용하면 Google지도를 다음 중 하나에 추가하는 것이 가장 효율적입니다 귀하의 워드 프레스 게시물이나 페이지 상상력이 풍부한 Google지도 위젯을 사용하면 쉽게이 작업을 수행 할 수 있습니다

지도의 미리보기 이미지를 포함하고 핀 및 캡션을 추가 할 수도 있습니다 자세한 사용 후기는 매우 유용 할 수 있지만 가끔씩 사람들은 귀하의 서비스 또는 콘텐츠의 품질에 대한 평가 별표 평가 시스템은 사용자가 사용자에게 의견을 제공 할 수있는 우아한 방법입니다 몇 초 만에 Rating-Widget 플러그인을 사용하여 게시물, 페이지, WooCommerce 제품 및 개인 저자까지 포함 할 수 있습니다

WordPress는 달력 위젯과 함께 제공되지만 최신 게시물 만 추적합니다 다가오는 이벤트와 중요한 날짜에 대해 사용자에게 알리려면 이벤트 캘린더와 같은 플러그인을 사용합니다 이 플러그인으로 생성 한 모든 이벤트에는 장소, 주최자, 위치 정보가 포함될 수 있습니다 지도 등 또한 Google 캘린더 및 Facebook과 같은 플랫폼에서 이벤트를 가져와 너의 삶이 더 쉬워 소셜 미디어 위젯을 사용하면 눈길을 끄는 아이콘을 쉽게 추가하여 모든 소셜 프로필을 보여줄 수 있습니다

Facebook, Twitter 등의 주요 소셜 네트워크를 모두 지원합니다 Vimeo, DeviantArt, Bandcamp 등과 같은 소규모 네트워크도 포함됩니다 소셜 미디어 프로필을 간단한 방법으로 보여 주기만하면이 위젯은 좋은 선택 경우에 따라 본격적인 최근 게시물 섹션을 대신 사이드 바를 특징으로합니다 기능 페이지 위젯 플러그인을 사용하면이를 수행 할 수 있습니다

이 도구를 사용하면 특정 페이지 또는 게시물을 선택하여 기능을 추가하고 선택할 수 있습니다 커스텀 레이아웃을 구현하고 심지어 그 모습을 사용자 정의 할 수 있습니다 독자들에게 귀하에 대해 더 빨리 알 수있는 방법을 제공하는 것이 신뢰를 높입니다 또한, 전기를 소셜 미디어 프로필을 홍보 할 수있는 기회로 사용할 수도 있습니다 그게 윈 – 윈처럼 들리면 Easy Profile Widget 플러그인이 맞을 것입니다

너의 골목을 사이트에 바이오 및 소셜 미디어 링크를 표시 할 수있는 간단한 도구입니다 마지막으로 인기있는 게시물 목록은 방문자를 가리키는 가장 효과적인 방법 중 하나입니다 관심을 가질만한 콘텐츠로 위젯을 사용하여이 기능을 추가하면 해당 목록을 찾을 수 있기 때문에 많은 의미가 있습니다 편리하게 사이드 바에서

그렇게되면 WordPress 인기 게시물 플러그인을 통해이 유형의 위젯을 추가 할 수 있습니다 게시물을 추천해야하는 기준을 세분화 할 수 있습니다 내가 소개 한 무료 WordPress 위젯을 실험하는 것을 두려워하지 마라 이 동영상은 귀하에게 가장 적합한 조합을 찾을 때까지 제공됩니다 WordPress에 대한 더 많은 자습서를 보려면 구독하고 수신 할 벨을 누릅니다 새로운 동영상을 게시 할 때마다 알림

질문 있니? 이 비디오 아래에 의견을 남기십시오 기꺼이 도와 드리겠습니다