DIY WP #45 WordPress Navigation Menu

[음악] 안녕하세요 지난 동영상까지 프런트 페이지 코딩을 어드밴스 커스텀 필드를 이용해서 꽤 길게 했습니다

잘 따라 오셨습니다 이번에는 이 상단에 내비게이션 바의 대한 코딩을 계속 해 보도록 하겠습니다 텍스트 에디터로 갑니다 coding diy 테마에 headerphp를 불러 옵니다

지금 Navbar라는 이 부분이 있는데요 이번 동영상은 이 메뉴 코딩을 할 것입니다 워드프레스에서 메뉴 설정은 대쉬보드에서 할 수 있는데요 외모에 보면 메뉴라는 것이 보입니다 지금은 메뉴에 대한 워드프레스 함수를 지정하지 않아서 여기에서 페이지를 메뉴에 추가해도 프런트페이지에 반영되지 않습니다

그래서 에디터에서 functionsphp에 메뉴 설정을 해야 합니다 제일 위에 coding_diy_setup이라는 부분에 메뉴를 쓸 수 있게 설정을 해줄텐데요 여기 add theme support 아래에 register_nav_menus라는 워드프레스 메뉴 등록 함수를 써주구요 괄호 속에 array 또 다시 괄호

여기에서는 엔터를 치고 줄 바꿈을 합니다 맨 뒤에에는 세미콜론 해줍니다 작은 따옴표하고 primary 즉 일차 메뉴라는 의미로 이렇게 적어 줍니다 화살표 한 다음 대쉬보드에 보일 메뉴 이름을 써야 하는데요 언더바를 두번 하고 괄호 다음 작은 따옴표

그리고 대문자로 프라이머리 메뉴라고 적어줍니다 이렇게 하시고 세이브해주세요 자 그리고 대쉬보드로 가서 리프레쉬해 주시면 이렇게 될텐데요 이제 여기에서 새로운 메뉴를 생성하세요 를 클릭합니다 메뉴 이름에는 프라이머리 메뉴라고 적습니다

그리고 메뉴 생성을 클릭합니다 위치 표시에 프라이머리 메뉴가 보일텐데요 클릭 해주시고요 네 이전에 만든 페이지 중에서 홈과 블로그 샘플페이지를 선택합니다 이 3개만 선택하신 다음 메뉴에 추가를 눌러 줍니다

그러면 이렇게 홈 블로그 샘플 페이지가 오른쪽에 위치하는데요 순서는 이렇게 드래그해서 바꿀 수 있고, 안으로 넣으면 서브 아이템으로 바뀌어서 하위 메뉴가 생기는 것을 볼 수 있을 겁니다 일단은 이렇게만 해주시고 메뉴 저장을 눌러주세요 다시 에디터로 갑니다 header

php를 오픈하고 네비게이션바를 수정해야 하는데, 여기 a 태그 부분은 지금 여기 상단에 이 브랜드네임이거든요 그래서 href에는 php echo esc_url 작은 괄호 여기 안에는 home_url이라고 적어줍니다 또 이 작은 괄호 속에 작은따옴표 다음에 슬래쉬를 해주세요

이게 이 사이트 어드레스에 해당되는 워드프레스 함수입니다 밑에는 이미지가 있는데요 이 이미지는 여기 로고 이미지가 되겠습니다 그래서 제가 영상을 촬영하기 전에 테스트용으로 이런 이미지를 업로드해두었구요 그래서 이 이미지를 쓰겠습니다

이 이미지 어드레스는 지우구요 php bloginfo 작은 괄호 작은따옴표 속에 스타일 시트 언더바 디렉터리 라고 하고 세미콜론 요게 이제 코딩 diy라는 테마 루트 디렉토리가 되는데요 이 밑에 이미지 디렉터리에 logo

png가 있으니까 이렇게 적어줍니다 그 다음 Our Company라는 것은 사이트의 이름이 됩니다 여기에는 php bloginfo 작은 괄호 작은 따옴표 속에 name이라고 합니다 세미콜론 으로 마무리 해주시구요 그리고 저장을 눌러 주세요

브라우저에서 리프레시를 해주시면 로고 이미지와 코딩 diy라는 이름으로 바뀌게 됩니다 지금 이 로고가 튀어나와 있네요 그림자 효과인데요 에디터에서 img-fluid 다음의 img-raised 때문인데 이건 지우는 것이 낳겠습니다 저장해주세요

다시 리프레쉬하면 그림자효과가 사라졌습니다 다음 이 코딩 diy라는 것은 이 사이트 이름인데 이건 대쉬보드 설정으로 가서 일반에 사이트 제목에서 코딩 DIY라고 되어 있는 건데요 여기에서 수정해주시면 되겠습니다 브랜드네임 태그 라인이란 브라우저 탭에 보이는 내용인데요

이렇게 회사에 대해 간단한 설명이나 카피라이트 문구를 써 주시면 되겠습니다 나머지는 그대로 두면 되겠습니다 예 그리고 변경사항 저장을 클릭합니다 자 그리고 다시 프런트엔드로 가면 로고와 브랜드네임 등이 변경된 것을 볼 수 있습니다 다시 에디터로 갑니다

이제는 메뉴를 만들어야 될텐데 일반적으로 메뉴는 wp nav menu라는 워드프레스 함수를 이용합니다 그런데 부트스트랩 네브 클래스를 이용한 메뉴는 그냥 이 워드프레스 함수를 사용해서는 안 되구요 몇 가지 플러그인이 필요한데요 여기 깃허브 bs4navwalker라는 코드를 어떤 개발자가 만들어 두었습니다 이것을 이용하면 해결되는데요 이 bs4navwalker 파일을 등록하고 선언해주면 됩니다

설명을 보면 어떻게 등록하고 어떻게 php에 입력을 해 주는지를 안내해 주고 있습니다 일단 이 파일을 다운로드합니다 클릭해서 raw를 누르고 전체를 복사한 다음 다시 에디터로 가서, 여기에 폴더를 하나 만드는데 이름은 어떤 것이든지 상관없구요 저는 inc라고 하겠습니다 include의 약자이구요

다시 이 속에 새 파일을 만듭니다 이름은 여기 bs4navwalkerphp라고 하고 복사한 것을 그대로 붙여 넣기를 해주십니다 저장을 눌러 주시고요 이번에는 functions

ptp로 가서 제일 상단에 새롭게 만든 bs4navwalkerphp를 등록해줍니다 주석하나 넣구요 require get template directory 작은 괄호 그 다음 마침표 한 칸 띄우고 작은 따옴표에 슬래쉬 inc 슬래쉬 bs4navwalker

php라고 적어 줍니다 이 파일의 경로가 됩니다 이렇게 하시면 이제 이 inc 폴더의 bs4navwalkerphp를 functionsphp와 연결되는 것이죠

세이브하고 다시 headerphp로 갑니다 여기 버튼 밑에 네비게이션을 넣을텐데 이 코드 개발자가 설명한 내용처럼 php에서 여기까지의 코드를 이용하면 되겠습니다 모두 복사하구요

버튼 밑에 붙여넣기 해줍니다 줄 정리하구요 그 다음 메뉴 부분 이것은 없애고 대괄호를 지우고 array라고 합니다 닫히는 대괄호 대신에 이렇게 해줍니다 테마로케이션에는 top이 아니라 우리가 만든 primary라고 고칩니다

컨테이너는 div 컨테이너 아이디는 여기 navbarNavDropdown을 복사해서 여기에 붙여넣기 컨테이너 클래스에는 collapse navbar-collapse 그대로 합니다 menu id 그대로 그 밑에 있는 메뉴 클래스에서 navbar-nav mr-auto라고 되어 있는데 우리는 ml-auto로 하였지요

mr-auto로 고쳐 주시고, depth는 그대로 walker 역시 그대로 두면 되겠습니다 전체적으로 한 칸 인덴트 해줍니다 그리고 잠시 동안 이 html 네비게이션은 주석처리해줍니다 세이브하고 다시 브라우저로 갑니다

프런트페이지로 가서 리프레쉬해주시면 우리가 메뉴에서 만들었던 홈 샘플페이지 블로그가 이렇게 메인페이지에 표시됩니다 이렇게 되면 이제 제대로 네비게이션이 되는 것이구요 링크도 제대로 연결됩니다 잘 됐습니다 이렇게 해서 메뉴 등록이 되었고 메뉴 링크가 제대로 되는 것을 확인했으니까 이제 몇 개의 페이지를 만들어 보지요

새페이지 추가를 눌러 주시구요 제목은 그냥 페이지라고 하시겠습니다 내용은 그냥 비워 두시구요 고유 주소에는 영문으로 page라고 해 주겠습니다 공개하기를 클릭합니다

다시 새 페이지 추가를 하시고 타이틀은 예약 고유주소에는 reservation 공개하기를클릭합니다 그리고 서브 페이즈도 넣을 수 있는데요 서브페이지로 몇 개 더 만들어 보도록 하겠습니다

서브페이지라고 하고 고유주소에는 subpage1이라고 하죠 그리고 오른쪽 페이지 속성에 상위에 여러 페이지가 보이는데 여기서페이지를 선택합니다 순서는 1로 적습니다 그리고 공개하기를 클릭합니다 자 마찬가지로 새페이지 추가

제목은 서브페이지2 상위는 페이지 순서는 2 고유 주소에는 subpage2로 하고 공개하기를 클릭합니다 다시 새 페이지 추가

제목에는 서브페이지3 상위는 페이지 순서는 3 고유 주소에는 subpage3 공개하기 클릭합니다

다시 새페이지 추가 제목은 서브페이지4 상위는 페이지 순서는 4 고유주소도 subpage4

공개하기 클릭합니다 이 정도만 할까요? 자 그럼 외모로 가서 메뉴를 클릭합니다 지금 이렇게 페이지를 만들면 좌측에 가장 최근 이라는 탭 속에 페이지들이 보이는데요 해당 페이지를 클릭하고 메뉴에 추가를 눌러 줍니다 그럼 이렇게 등록되는데요 여기서 순서는 이렇게 드래그해서 위치시키면 되겠고, 서브페이지들은 페이지 밑으로 한 칸 안으로 들여 놓으면 됩니다

그리고 이 페이지 메뉴를 드래그하면 통째로 이동됩니다 쌤플 페이지가 있는데 이건 회사소개 하위 아이템으로 하죠 그리고 우리가 콘택트라는 페이지를 html에서 만들었고, 이건 클릭할 때 팝업창처럼 나타나게 했죠 이것은 지금처럼 페이지로 만드는 것이 아니고 여기 사용자 정의 링크를 이용해 만들어 줍니다 클릭해 주시고요 url에는 # 표시를 합니다

밑에는 우리말로 문의라고 합니다 메뉴에 추가를 눌러 주세요 그럼 이렇게 등록되는데요 이건 예약 앞으로 이동합니다 자 그리고 메뉴 저장을 클릭합니다

이제 프런트엔드로 가겠습니다 리프레쉬하면 이렇게 메뉴들이 바뀐 것을 볼 수 있습니다 그래서 회사소개를 클릭하면 밑에 서브페이지로 샘플페이지가 보이구요 페이지 메뉴를 클릭하면 그 밑에 서브페이지들이 보입니다 블로그와 예약 페이지들도 지금 물론 클릭해도 내용은 없지만 링크 연결까지 잘 됩니다

이 페이지들 편집은 이 후에 계속 만들어 나갈 겁니다 그 다음에 문의는 클릭해도 반응이 없습니다 왜냐하면 사용자 정의 링크는 말그대로 어떤 페이지로 링크를 연결할 수 있는 메뉴 종류입니다 우리가 지금 에디터에서 여기 하단에 모달 콘택트를 만들었는데요 지금은 주석 처리가 되어 있지만 navlink에 모달 타켓이라는 속성이 있는 메뉴를 클릭할 때 비로소 이 모달이 작동되는데, 여기 사용자 정의링크에는 이 속성이 없기 때문에 제대로 작동되지 않는 겁니다

다시 말해서 이 li 클래스 아래의 이 a 태그를 클릭해야 이 모달 콘택트가 작동된다는 겁니다 자세히 보시면 여기에는 애트리뷰트가 포함되어 있습니다 data-toggle은 modal data-target은 일종의 id로 modal-contact라는 이 속성들이 있는 a 태그를 클릭했을때 여기에 있는 이 모달 콘택트가 열리게 되는겁니다 그래서 보시면 id와 클래스에도 모달이라고 되어 있죠

그런데 다시 브라우저로 가서 문의 메뉴를 요소 검사로 들어가면, li에 id는 있지만 이 a 태그에는 부트스트랩 모달의 애트리뷰트 2개가 보이지 않습니다 다시 말해서 이 데이터 토글과 데이타 타겟이라는 애트리뷰트가 있어야 작동되는데 워드프레스의 사용자정의 링크에는 포함되지 않는 겁니다 따라서 이것은 자바스크립트를 이용해 추가를 해 주어야 하겠습니다 다시 에디터로 가서 지난번에 만든 js 폴더의 mainjs를 불러 옵니다

제일 밑에 주석을 하나 적겠습니다 modal contact for wordpress menu item 다시 문의 메뉴를 마우스 오른쪽 클릭해서 요소 검사를 합니다 이 메뉴 아이템의 아이디가 menu-item-130이라고 되어 있습니다 이 li 태그 밑에 a 태그가 있습니다

그래서 이것을 변수로 선택합니다 documentquerySelector 작은 괄호 #menu-item-130 그 밑의 a 태그를 변수로 지정할텐데요 이것을 contactModal이라고 var 변수로 잡겠습니다

이 contactModal에다가 setAttribute 첫 파라미터에는 data-toggle 값으로는 modal이라고 추가하고, 두 번째는 첫번째 줄을 복사 붙여넣기 해서 data-target으로 고치고 id 값 modal-contact라고 추가해 주자는 것이죠 headerphp에 보시면 지금 데이터 토글과 데이터 타겟에 값이 모달과 모달 콘택트라고 되어 있죠

저장을 눌러주세요 다시 브라우저로 가서 하드 리프레쉬를 합니다 메뉴에 문의 아이템을 클릭하면 이렇게 모달 창이 열리게 됩니다 그리고 요소 검사를 다시 해보면 이번에는 데이터 토글과 뒤에 타겟이 추가된 것을 보실 수 있겠습니다 이제 그러면 네브 메뉴에 대한 부분은 모두 마무리되었습니다

앞으로 html에서 만든 이런 샘플페이지들도 만들면서 서브메뉴로 등록해 주면 잘 될 것입니다 네 이렇게 해서 프런트페이지 코딩은 모두 마칠까 합니다 다음 동영상에서는 코드 정리를 해 보겠습니다 꽤 긴 코드인데요 이것들을 정리해서 템플릿 파일로 분리해 보겠습니다

수고하셨구요 다음 동영상에서 계속 하도록 하겠습니다

How to Create a Mobile Ready Responsive WordPress Menu

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

이 비디오에서 나는 당신을 걷고 싶다 어떻게 모바일 대응 준비가 빠른 WordPress 메뉴를 만들 수 있습니다 귀하의 사이트에서 그것을 얻으려면, WordPress 대시 보드로 이동하여 플러그인을 설치하여 머리를 맞설 것입니다 플러그인을 통해 우리는 반응이 빠른 메뉴 플러그인을 찾고 있습니다 우리가 설치할 햄버거 스타일 메뉴라고 부르는 것을 좋아해요

그걸 활성화해야합니다 활성화되면 새 메뉴가 표시됩니다 여기에 항목을 넣으면 들어가서 설정할 수 있습니다 얼마나 작은지를 의미하는 중단 점 이 화면 크기를 사용하기 전에 화면 크기를 가져와야합니다 800은 예쁘다

일반적으로 타블렛보다 작고 메뉴를 사용하면 좋습니다 페이지를 사이트의 기본 메뉴로 설정 한 다음 CSS를 추가 할 수 있습니다 if 네가 원해 그래서 나는 그걸로 만족합니다 그래서 우리는 update를 클릭합니다 우리 사이트는 당신에게 그것이 어떻게 생겼는지 보여줍니다

우리 사이트가 전체 화면에 있기 때문에 좋습니다 우리는 전체 메뉴를 여기에서 볼 수 있지만 축소 될 때 어떻게 보일지 봅시다 그것 그래서 당신이 그것을 축소하면 여기에 반응 메뉴를 볼 수 있고 나는 갈 수 있습니다 을 통해 내가 원하는 페이지를 선택하십시오

이제 내가 원하는 다른 하나 당신이 반응 형 드롭 다운 메뉴라고 불리는 메뉴의 다른 스타일임을 보여주고 그것은 조금 다를 것입니다 그래서 이걸 없애고 싶습니다 반응 형 선택 메뉴라는 새로운 플러그인을 추가하십시오 이것이 우리가 원하는 것입니다 그래서 우리는 그것을 설치하고 활성화 할 것입니다

우리가이 드롭 다운을 가지고있는 작은 햄버거 아이콘 대신에 지금 우리 사이트에 가라 에 몇 가지 고급 기술을 확인해보십시오 WordPress의 모바일 메뉴에서 메뉴와 슬라이드의 토글 효과를 추가 할 수 있습니다 이 비디오가 마음에 들면 버튼을 클릭하고 계속해서 YouTube에서 귀하의 의견을 듣고 YouTube 채널에 가입하고 싶다는 의견을 보내주십시오 최신 동영상 다운로드

Hestia WordPress Theme Tutorial: Make Hestia FREE Look Like The Demo

이 비디오에서는 HESTIA의 무료 버전을 설치하는 방법을 배우게됩니다 버전 1

141까지 사용할 수있는 옵션 나중에 더 많은 옵션이 추가되거나 다른 옵션이 제거된다는 사실을 명심하십시오 당신이 Hestia에 대한 최신 개발 뉴스를 찾고 다른 WordPress를보고 싶다면 웹 사이트를 멋지게 만드는 자습서로이 채널을 구독 해보십시오 당신이 지금까지 비디오를 본다면 아마 이미 Hestia를 설치했을 것입니다

그렇지 않은 경우 아래 리소스에서 링크를 찾을 수 있습니다 시작하겠습니다 ThemeIsle Companion으로 인해 두 플러그인을 모두 설치하는 것이 좋습니다 FrontPage 기능, 팀 및 회원 평가 섹션 및 Pirate Form 플러그인을 사용하면 첫 페이지에서 잘 보이는 문의 양식을 사용할 수 있지만 다음 분에 그 점에 대해 자세히 알려주십시오 그래서 타임 스탬프를 확인하십시오

설명 상자를 사용하여 동영상을 탐색 할 수 있습니다 모양으로 이동 한 다음 사용자 정의를 클릭하십시오 맞춤 설정 도구가로드되면 바로 맞춤 설정에 사용할 수있는 모든 요소를 ​​볼 수 있습니다 사이트 ID로 시작합니다 여기에서 미디어 라이브러리에서 웹 사이트 로고를 선택하거나 업로드 할 수 있습니다

여기서 파일 업로드 탭을 클릭하고 파일 선택을 클릭하여 새로운 파일을 선택하십시오 로고 파일을 선택하고 열기를 클릭하고 필요한 경우 캡션, 대체 텍스트 및 설명을 설정하십시오 선택을 클릭하십시오 이미지를 원하는 치수로 자르고 아래의 파란색 버튼을 클릭하여 마칩니다 아래에 자신의 제목과 태그 라인을 설정 한 다음 동일한 태그 아이콘을 업로드하십시오 로고 업로드에 대해 언급 된 단계 여기에서 모든 설정을 마치면 저장 및 게시를 클릭하십시오

페이지 사이드 바 레이아웃 및 블로그 사이드 바 레이아웃의 일반 설정은 여기에 나와 있습니다 예를 들어 블로그 페이지로 이동하면 변경 내용이 어떻게 영향을 미치는지 실시간으로 볼 수 있습니다 배치 왼쪽, 오른쪽 또는 없음 사이드 바를 선택할 수있는 페이지 사이드 바 레이아웃과 동일 모든 타이포그래피는 모양으로 이동 한 후 사용자 정의 프로그램을 통해 설정할 수 있습니다 설정 / 타이포그래피

여기서 글꼴 하위 세트, 제목 글꼴 패밀리, 본문 글꼴 패밀리 및 최종 옵션을 선택하면 본문 글꼴 크기 및 제목 글꼴 크기도 설정할 수 있습니다 완벽한 모습을 얻을 때까지 모든 설정으로 놀아 보시기 바랍니다 시각적 경험 글꼴을 보스와 같이 페어링하려면 FontPairco를 사용하면 많은 시간을 절약 할 수 있습니다

모든 섹션에는 데모가 있기 때문에 첫 페이지 섹션의 내용은 변경하기 쉽습니다 콘텐츠가 필요하고 필요에 따라 변경하면됩니다 큰 제목 섹션이 첫 번째이며 여기에 자신의 이미지를 업로드 할 수있는 장소가 있습니다 큰 제목 배경 이 옵션 바로 아래에 제목, 텍스트, 버튼 텍스트 및 버튼 URL이 있으며 완료 후 자신의 텍스트로 채우기 저장 및 게시를 클릭 한 후 다음 섹션으로 이동하십시오

기능은 특별히 제품이나 서비스에 대해 말하고 왜 고객에게 가장 좋습니다 모든 기능 위젯은 사용자가 열면 수정할 수 있습니다 여기 아이콘, 여기에있는 아이콘의 색상 및 텍스트 위의 제목을 여기에서 변경하십시오 아이콘을 클릭 할 수있게하고 방문자를 리디렉션하는 링크를 삽입 할 수도 있습니다 웹 사이트의 특정 페이지 또는 게시물 또는 외부 링크로 전송할 수 있습니다 변경 사항을 저장하기 전에을 클릭하여 새 기능을 추가 할 수 있다고 언급해야합니다 아래의 버튼을 클릭 한 다음 처음부터 자신의 콘텐츠를 추가하십시오 이 섹션에서 사용할 수있는 기본 WordPress 텍스트 편집기를 사용하면 상상력을 사용할 수 있습니다 모든 형식 옵션이 포함 된 콘텐츠를 만들 수 있습니다

HTML을 알고있는 경우 텍스트 탭을 사용하여 다음과 같이 완벽하게 정렬 된 콘텐츠를 만들 수 있습니다 이 데모 당신의 팀은이 섹션에서 다루어 질 수 있습니다 그러나 만약 당신이 지금 "한 남자 쇼"라면, 섹션을 비활성화하려면이 상자를 선택하십시오 당신이 당신의 프론트 페이지에서 원하지 않는 다른 섹션들로 이것을 할 수 있음을 나타냅니다

팀원 위젯은 팀 구성원으로 시작하는 직관적 인 필드로 쉽게 편집 할 수 있습니다 이미지를 링크를 삽입 할 수있는 소셜 미디어 아이콘 입력란까지 그들의 소셜 미디어 프로필 팀원이 더 많은 경우 새 팀 구성원 추가를 클릭하여 만듭니다 모든 만족스러운 고객은 마케팅 전략을위한 금광이며이 섹션은 귀하의 고객의 평가에 전념하십시오 회원 평가 항목을 편집하는 것은 이미지로 시작되며 사용 권한을 요청하는 것이 좋습니다

그 일을하기 위해서 고객 사례를 포함하여 아래의 모든 입력란을 작성한 다음 모두 저장 및 게시하십시오 변화들 이 섹션의 주요 내용은 여기에서 읽을 수 있듯이 사용자 정의> 위젯에서 사용자 정의 할 수 있습니다 > 구독 섹션 거기에 "SendinBlue Newsletter"위젯을 추가해야하지만, 먼저 설치해야합니다

SendinBlue WordPress 플러그인 플러그인을 설치 한 후 Sendinblue> Home으로 이동하여 플러그인을 구성해야합니다 그런 다음 설정으로 이동하고 구독에서 다음을 사용해야합니다 양식 : 구독 섹션은 현재 활성화되어 있으며 데모처럼 작동하는 것을 볼 수 있습니다 이 섹션에는 최근 블로그 게시물이 표시되며 입력 할 수있는 입력란은 다음과 같습니다 자신의 말로 표현하고 여기에 표시되는 글 수를 설정하십시오 연락처 섹션은 첫 페이지 하단, 마지막 섹션 및 여기에 있습니다

연락처 세부 정보를 변경할 수 있습니다 연락처 양식은 해적판을 설치하고 활성화 한 후에 자동으로 생성됩니다 양식 플러그인,이 동영상의 첫 번째 분에서 이미했으나 언급하지 않았습니다 설정으로 이동 한 다음 해적 양식을 클릭하여 옵션, 필드를 변경할 수 있습니다 원하는대로 설정 및 필드 레이블

커스터마이져에서 색 부분은 배경색을 변경할 수있는 곳입니다 및 악센트 색상도 포함됩니다

다음은 새로운 옵션 중 일부입니다 예를 들어, 톱 바 (Top Bar)는 기본 메뉴 위에 소셜 메뉴를 추가하는 옵션을 제공하며, 로고 위의 머리글 왼쪽 영역에 자세한 내용을 문의하십시오 상단 바 사이드 바에 컨텐츠를 삽입하려면 [모양 / 위젯]으로 이동하여 텍스트 위젯을 상단 바 사이드 바 섹션에 추가하십시오 사용자 정의 소셜 메뉴를 만들려면 Menu Icons라는 플러그인이 필요합니다 하나의 멋진 기능은 탐색 요소의 정렬입니다

첫째, 기본 탐색 정렬은 다음과 같습니다 다음은 모든 요소를 ​​화면 중앙에 정렬하고 마지막 옵션이 활성화됩니다 예를 들어 배너 광고용으로 사용할 수있는 새로운 위젯입니다 모양 / 위젯으로 이동 한 다음 헤더 사이드 바 위젯을 찾을 수 있습니다 가능한 위젯을 드래그 할 수 있습니다

여기서 사용자 정의 프로그램을 통해 위젯 섹션에 액세스 할 수도 있습니다 그런 다음 블로그 페이지와 같은 페이지로 이동하면 예를 들어 제목 뒤에 헤더 영역 헤더 옵션의 세 번째 섹션에서 해당 이미지를 변경할 수 있습니다 대체 바닥 글 스타일을 사용할 수 있다는 것을 알고 계셨습니까? 그냥 그 상자를 확인하고 다 했어 바닥 글 위젯을 데모처럼 보이게하려면이 비디오를 다음과 같이 보는 것이 좋습니다

그것이 어떻게 완료되었는지보십시오 메뉴 아이콘 플러그인이 설치되어 있고 활성화되어 있다고 가정하면 대시 보드로 돌아가서 그런 다음 모양 섹션 아래의 메뉴 링크로 이동하십시오 추가하기 전에 메뉴의 모든 페이지를 만들어야한다고 언급해야합니다 기본 탐색 메뉴로 모든 요소가 제 위치에 있으면 필드를 열고 아이콘을 다음과 같이 삽입합니다 필요합니다 이 요소의 홈 아이콘, 블로그 메뉴 항목의 목록 요소 및 봉투 아이콘 귀하의 연락처 페이지에 대한

앞 페이지 섹션 메뉴 요소의 경우 사용자 정의 링크 및 앵커를 URL과 같이 작성하십시오 첫 번째 #features, 두 번째 #team 및 마지막 #contact 요소까지 계속됩니다 문서 파일의 모든 첫 페이지 섹션에 대한 앵커 목록을 찾을 수 있습니다 대시 보드의 About Hestia 링크에 액세스하여 이 모든 메뉴 항목은 방문자가 홈 페이지 섹션을 부드럽게 스크롤 할 수 있도록 도와줍니다 변경 사항을 저장하기 전에 메뉴의 모든 요소에 아이콘을 추가하십시오

마지막 단계는 메뉴의 위치를 ​​선택한 다음 저장 메뉴를 클릭하는 것입니다 단추 상점 페이지는 설치, 활성화 및 설정 한 직후에 활성화됩니다 WooCommerce WordPress 플러그인 및 여기에 또 다른 추천 동영상이 있습니다 끝난

귀하의 웹 사이트를 성장시킬 수있는 좋은 방법 중 하나는 페이스 북의 Hestia 주변에서 성장하는 커뮤니티에 가입하는 것입니다 여기에서 피드백을 얻거나 질문을하거나 생각을 공유 할 수 있습니다 개인 그룹이므로 아래 설명 상자에있는 링크를 클릭하여 액세스를 요청하십시오 액세스 권한이 부여되면 안녕하세요 귀하의 웹 사이트 링크를 알려주십시오

당신이 가질 수있는 질문을 적으십시오 헤스티아 WordPress의 테마와 누군가가 당신에게 다시 얻을 것이다

Ultimate Guide To Change Fonts In WordPress Websites

이 비디오 분에 웹 사이트의 글꼴을 변경하는 방법을 보여줍니다 이제는 쉽지 않습니다

할 일이 있어요이 비디오의 서문 일 뿐이에요 가능한 한 기술이 아닌 가능한 한 쉽게 따라 할 수있는 초보자에게 가능한 한 친절하지만 현실은 당신이 정말로 알아야 할 것이거나 조금 알아낼 필요가 있다는 것입니다 밀워키에서 어떻게하는지 보여줍니다 내가 어떻게 할 것인가? 내게는 쉽다

하지만 네가 그렇게했다면 나는 네가 쉽게 할 수 있도록 최선을 다한다 내가이 비디오 시리즈를 최근에 시작했다는 것을 알고있는 기간 동안 내 채널을 따라 60 분 웹 사이트 챌린지라고 불렀고 60 분 웹 사이트에서 모두 확인할 수 있습니다 challengecom 및 비디오 시리즈 – 내가 디자인 한 웹 사이트를 가져와 보여줍니다 60 분 이내에 할 수있는 방법과 60 분 이내에 아름다운 사이트를 만들 수 있습니다

가끔은 불행히도 조금 지나가고이 동영상은 답변이 될 것입니다 사람들이 내가 글꼴을 어떻게 바꾸 었는지에 대한 몇 가지 질문이 있지만 글꼴을 바꾸는 이러한 개념 당신의 테마에 대한 작업이 어떤 주제 이건 괜찮습니다 당신이 할 수있는이 아름다운 레스토랑 웹 사이트 인 최신 60 분 웹 사이트 도전 그것을 봐라 그래서 아주 아름다운 단지 웹 사이트는 아무것도 그러나 언젠가 어쨌든 그러나 1를 지불하지 않는다 너는 내가 가지고있는 네비게이션 폰트가있는이 다른 폰트를 가지고있다

분명히 어떤 사람들은 다른 표제어 글꼴 글꼴을 원한다고 생각합니다 어떤 사람들은 본문 글꼴이 다른 글꼴을 원할 수도 있습니다 정말 내가 워드 프레스의 뒷면에 로그인해야 이러한 글꼴을 변경하려면 어떻게해야합니까 웹 사이트로 이동 플러그인을 클릭하여 새로 추가를 클릭 한 다음 쉬운 Google 글꼴 검색을 수행 할 수 있습니다 당신은 Google 글꼴을 사용하여 바로 잡아 당겨 200,000 가지가 넘는 활성 설치가 있습니다 그것은이 과정을 조금 만들게 될 플러그인의 측면입니다

이제는 쉬운 Google 글꼴을 설치할 때 말하면서 이제는 오페어로 사용하기 쉽습니다 일부 글꼴을 식별하고 쉽게 변경할 수 있도록 만들 수 있지만 네비게이션 또는 웹 사이트의 다른 영역과 같은 특정 사항은 필요한 연도입니다 약간의 CSS 지식 현상을 보여주기 위해 그것이 아직 무역을 얻지 못하는 것을 보여줍니다 K 그래서 쉽게 Google 폰트를 사용하고 다음 단계로 넘어갈 필요가 있습니다 설정을 보면 Google 글꼴이 괜찮다는 새로운 옵션이 표시됩니다

우리가해야 할 일이 무엇인지 그리고 나는 실제로 우리가 알아야 할 것들을 다 할 준비가되어 있습니다 CSS 클래스라고하는 무언가가 있습니다 따라서 탐색을위한 CSS 클래스가 있습니다 이 CS SS 클래스를위한 CSS 클래스가 있는데 이것들 각각은 무언가를 가지고 있습니다 CSS 클래스라고 불리는이 비디오 사역과 그 CSS 클래스를 가진 벌금 부과는 실제로 몇 번 해보면 실제로 그들을 제거하고 내 클릭을 어떻게 찾았는지 보여 드리겠습니다

리드에서 그리고 나서 나는 이것을 다른 사람에게 시켰습니다 전화 컨트롤을 보자 나는 이것을했다 하나는 내가 그것을 삭제하고 내가 당신을 처음 발견했을 때 내가 어떻게 그들을 발견했는지 보여주는 쇼에있어 테마 미안 해요 플러그인에 당신이 외모에 가서 다음 사용자 정의하자 갈 수있어

지형학 시스템을 말하는 새로운 옵션을 여기에서 보게되었습니다 기본 설정이 많은 플러그인을 클릭하면이 지형 옵션을 볼 수 있습니다 기본 지형을 보려면 명령을 클릭하십시오 그것은 당신을 위해 당신의 다양한 단서 스타일 제목 단락 스타일을 찾으려고했습니다 12345하지만 그는 또한 사이트의 스타일을 찾을 수 없다는 메뉴 스타일과 특정 찾을 수 없습니다 그런 것들은 당신이 그걸 거기에서 얻으려면 찾으면되지만 괜찮은 일을해야합니다

그리고 단락 스타일에 대해 이렇게 알았어 여기에 그것이 정말로 그것을 발견했는지 보자 그래서 나는이 사건에서이 아래쪽 화살표를 클릭 할 수있다 이 여기저기서 그녀의 글꼴 패밀리에 내가 선택할 수있는 것은 이것에 대한 클릭이다 거기에 오류가 있으며 지금은 표준으로 예정된 다른 글꼴을 공개합니다

웹 글꼴은 좋았지 만 여기에 모든 Google 글꼴을 사용하는 것이 좋습니다 나는 이것이 인기있는 폰트 인 ATO에게 두 개의 로또를 보도록하자 그리고 올바르게 작동하는 경우 클릭하면 여기에 글꼴 스타일이 변경되어야합니다 지금까지 색상을 변경 한 것처럼 보이게하여 옵션 중 일부를 변경해 보겠습니다 이것과 실제로 실제로 Fontan 무게가 어쩌면 저것을 백색 여기 판매한다 밝힌다

희미한 무게가 얼마나 두꺼운 지 알게되고, 그 것처럼 보인다 정말 얇은 그래서 정기적으로 올라가 자고 그게 다시 가져온다면 보자 그것을 다시 가져 오면 700에 가자 그래, 거기서 아마 그렇게 될거야 다시 알았어

그래서이 제목 글꼴 중 단락 글꼴을 확인했다 그는 책상이있는 스타일의 경우 이제 글꼴이 변경된 것을 볼 수 있습니다 모양을 클릭하면 그 크기를 늘릴 수 있으므로 글꼴 크기는 여기에 있습니다 어쩌면 당신의 단락이 더 작아 지길 원한다면 24라고 말하기를 좋아할 것입니다 당신의 헤드 라인보다 더 좋을뿐입니다

실제로 이것은 글로벌 변화입니다 바로 여기에있는 섹션은 아마도 18 세 때와 같이 꽤 좋았습니다 선을 바꾸면 문자를 바꿀 수 있고 색상을 바꿀 수 있습니다 서로 다른 위치 지정 작업을하므로 플러그를 꽂을 때 기본적으로 볼 수 있습니다 단락 스타일 및 일부 광고 제목 스타일과 같은 이러한 공통 요소 중 일부 그러나 그것이 이것을 식별하지 않는 것을 보아라 이것은 당신의 표제가 그것이 위로 확인했는지 보자

그리고 나는 그것이 같은 숙모 인 Surratt MON TS에게 변화를 요구하지 않았을 것이라고 확신합니다 클릭하면 변경되지 않는다는 것을 알 수 있습니다 이는 이것이 작동하지 않는다는 것을 의미합니다 이 제목은 내가 지금해야할 일은 모든 사람들에게 어떻게 보여줄 것인가에 대한 것입니다 이 플러그인을 설치하면 특정 스타일은 변경할 수 있지만 어떤 스타일은 변경할 수 없습니다

그것들을 캡쳐하는 법을 보여줍니다 처음에는이 글꼴을 바꿨습니다 나는 당신에게 보여줄 것입니다 이 메뉴 글꼴을 변경하는 방법과 아마도 가장 큰 것을 지금도 보여줄 것입니다 사람들이 가지고있는이 플러그인에 불만이있다

당신이 원하는 모든 글꼴을 바꾸는 작업은 쉽고 쉽습니다 약간의 CSS 지식이라고 불렀지 만이 작업을 수행하는 방법과 K를 표시하려고합니다 지금 당장 어떻게 할 것인가 Safari 웹 브라우저를 사용하고 있습니다 저장하고 게시하고 여기서 나가서 여기로 돌아와서 전화를 걸었습니다

기본 글꼴 제어 및 백 가지를 보여주기 위해 Safari에 있습니다 Safari를 사용합니다 크롬을 사용하고 몇 가지 크롬 확장 프로그램을 설치하여 도구를 제공해야합니다 웹 사이트 아래에 무엇이 있는지 확인하여 식별 할 수 있고 필요한 것이 너무 많아서 계피 크롬을 크롬하고이 크롬 확장에 대한 비디오는 크롬을 사용하는 것입니다 나는 그 비디오에 대해 몇 시간 전에 만들었지 만, 당신이해야 할 일은 우리가 2 개의 크롬 확장과 그 중 하나는 영국의 폰트 (폰트)와 미안 해요 폰트 우리가 할 수있는 자금은 무엇입니까? Google은 어떤 글꼴 크롬을 사용할 수 있습니까? 클릭하면 Chrome 스토어로 이동하고 클릭 할 수 있습니다

이 크롬 Artie에 추가하고 어쨌든 그래서 당신은 어떤 글꼴에 대한 그렇게 할 것입니다 우리가 필요로 할 때 다른 firebox 불릴 수 있습니다 Google firebug 크롬 첫 번째 옵션 바로 여기 크롬에 대한 불똥 벌레 라이트를 클릭하면 클릭하고 계속 클릭합니다 이 확장 프로그램을 Google 크롬 설치에 설치하는 빨간색 버튼 이제 메뉴의 새로운 버튼과 동영상이 보이지 않게됩니다 한번 메뉴를 가지고 물어 보면? 그리고 그것은 글꼴과 다른 것들이 좋은 것입니다 불건전 메시지는 악성 버그처럼 보일 수 있으므로 클릭하면 해당 메시지를 활성화 할 것입니다 확장 프로그램에서 내 웹 사이트로 돌아가서 활성화해야하는 첫 번째 확장 프로그램 어떤 글꼴 경우에만 그것을 클릭하면 당신은 그것을 그냥이 블랙 박스 넣어 그 통지 알아요 어떤 글꼴을 종료하고 커서를 어떤 텍스트 위로 이동하면 이름이 무엇인지 알 수 있습니다

그 글꼴은 내가 여기있는 메뉴에서 Playfair Playford라는 글꼴을 사용하고있는 것을 볼 수 있습니다 적절한 이름을 표시하고 내가 커서를 올려 놓으면 몬세 라트임을 보여주고있다 내가 여기에있을 때 이것이 REO 인 것을 보여준 다음 내가 여기로 내려 갔을 때 텍스트를 알아 차리거나 내가 원하는 다음 글꼴로 옮길 것입니다 변경하려면 여기를 클릭하십시오 공정한 게임을 클릭하면 자세한 정보가 표시됩니다

매우 편리합니다 글꼴이 얼마나 큰지 선택하면 색상을 가리 킵니다 색깔 그러나 그것을 찾는 동안 저를 위해 저희가 놀기 위하여 보여주는 것이 좋다 어구 Playfair 좋아, 그렇게 메모장에 넣으세요 그래서 지금은 어떤 글꼴을 종료 하시겠습니까? 지금 벌레를 클릭하면 벌레가 바로 여기 패널을 잡아 당기고 바로 여기를 클릭하십시오 그것은 그것들을 검사한다고 말했지만 좋은 일이라면 다른 곳으로 가보는 것이 좋다

이 웹 사이트의 일부는 이러한 코드를 생성하는 기본 코드를 볼 수있게 해줍니다 요소들로 바로 갈 수 있고 그것을 클릭 할 수 있습니다 실제 코드는 오른쪽에 표시됩니다 CSS는 CSS 스타일 시트를 나타냅니다 그것은 귀하의 웹 사이트에 대한 모든 스타일의 글꼴 스타일 색상과 그 모든 상처의 찾을 마진과 패딩의 검은이 네비게이션을 정의하는 스타일입니다 여기 오른쪽으로 스크롤하면 위 또는 아래로 스크롤하여 찾고있는 정확한 이름입니다

이 메뉴의 Playfair 글꼴을 생성하고 제어하는 ​​요소의 이름 여기에 괜찮은 사람이 CSS를 클릭 할 것입니다 그러면 내가하고 싶습니다 이 드롭 다운 메뉴를 여기에서 볼 수있게되어 기쁘게 생각합니다 클릭하기 만하면됩니다 스타일 이군

CSS 스타일이기 때문에 CSS를 클릭하면 실제로이 작업을 해봅시다 내가 원했던 스타일이나 CSS 스타일을 선택하여 볼 수있는 긴 목록을 보여 주도록했는지 여기이 스크롤바에 의해이 페이지에 대한 모든 CSS가 표시됩니다 이제는 Mac의 기능을 사용하기 위해 브라우저의 찾기 기능을 사용하길 원합니다 사과 열쇠를 쳤다

크롬에 묻자이 작은 상자를 오른쪽 상단으로 당긴다 당신을 위해 당신의 Windows 컴퓨터는 아마 뭔가 후 윈도우 키와 F4 컨트롤이 될 것입니다 좋아하지만 우리는이 검색 상자를 원한다 그러면 우리가하고 싶은 것은 우리가 원하는 것이다 그 글꼴의 이름으로 타이핑을 시작합니다 PL YF 플레이 박람회이므로 타이핑을하지 않았습니다

실제로 8 개의 장소에 설립 된 서체와 권위의 정식 명칭을 지금 여기 아래로 그것은 나에게 그것이있는 첫번째 위치를 보여주고있다 그리고 나는 이것들을 얻을 수있다 위쪽 및 아래쪽 화살표는 의학적으로 아래쪽 화살표이므로 오른쪽에서 볼 수 있습니다 블록 인용 CSS 클래스에 사용되는 폰트 패밀리가 있지만 이것은 분명히 아닙니다 블록 견적은 아마 그것이 항법 또는 그와 비슷한 것과 관련이있는 무언가 일 것입니다

누군가가 아래쪽 화살표를 클릭하면 흥미 롭다 바로 여기에 itmain-navigation space라고 적혀있다 이 CSS 요소는 바로 여기에서 볼 수 있습니다 여기에 색상 정의가 있습니다

백인 글꼴은 공정한 전시 등등을한다 그래서 만약 내가 내기를하는 사람이라면 나는 생각할 것이다 이것이이 메뉴 네비게이션을 제어하는 ​​CSS 클래스 인 정보입니다 누군가 강조 표시하고 보자 그리고 때때로 복사 붙여 넣기가 작업이다

이런 식으로 노력했지만 그와 나는 클립 보드에 넣었지만 Maine-navigation 만 기억하면된다 눈은 사파리로 돌아가고 폰트 컨트롤이라고 불리는 것을 만들어야합니다 우리는 플러그인에 대해이 글꼴을 정의하는 CSS 클래스라고 말합니다 변경하려면 이름을 지정하겠습니다 탐색이라고 부름을 클릭 한 다음 만들기를 클릭하십시오

글꼴 컨트롤 재미있는 컨트롤 만들기 나를 위해 작동하지 않는 광고보기 이 플러그인에서 여러 가지 일을 많이 했어 끝났어 탐색과 클릭 on 폰트 컨트롤을 작성하십시오 거기서 CSS 선택기를 추가하는 대신 이것을 변경해야합니다

그리고 그것은 텍스트의 작은 비트입니다 내 네비게이션이받은 클립 보드는 네가 한 것입니다 그것을 입력 한 다음 Enter 키를 눌러 지금이 새로운 상자를 보면서 그 주위를 둘러 봅니다 우리가 여기서하고 싶은 것은이 체크 박스를 클릭하는 것입니다 테마는 이미 최소로 저장 파일 컨트롤을 클릭하도록 설정했습니다

이제 테스트 해 봅시다 나는 계속 진행하여 사용자 정의 프로그램에 들어가며 여기에 탐색 기능이 있습니다 업데이트 된 이유가 사용자 정의 프로그램을 방문하십시오이 링크를 클릭하거나 모양으로 이동하십시오 커스터마이징을 한 후 클릭하십시오

이제 커스터마이져로 돌아 왔습니다 top topography를 클릭하십시오 다시 IC에서 우리는 새로운 옵션 대 테마 지형을 얻었습니다 실수로 버튼을 클릭했습니다 시간이 너무 많아서 누군가 이렇게해야하지만 왜 네비게이션인지 알지 못한다

어쨌든 마우스 오른쪽 버튼으로 클릭 네 번을 만들려면 어쩌면 수정해야 할 것입니다 내 참을성이 언젠가 그렇게 어쨌든 나는 탐색 힘을 넣어 보자 그것이 아래로 떨어지기 위해 화살표를 움직이게되면 당신은이 네비게이션을 가질 수 없을 것입니다 1234 나처럼 너는 그것을 시간을 위해 클릭한다 그래서 나를 위해 그것을 용서하라 자원은 글꼴 패밀리이다

단지 글꼴을 바꿨다 패밀리가 썼다 우리가 변화를 얻는 지 지켜 보자 나는 가자 마세라티와 TS가 광고와 사람을 클릭하면 글꼴 변화를 볼 수 있습니다

조금 더 변해서 잠깐 기다려 보자이 글꼴로 나는 700을 고쳤다 그래서 그것이 텍스트 변형이 될 것이고, 대문자로 만들자 자아가 정확히 내가 원하는 방식으로 저장하고 게시하고 나서 내가 앞쪽으로 간다면 웹 사이트의 끝을 새로 고침 메뉴에 대한 새로운 글꼴을보아야합니다 실수로 클릭 한 실수가 맞춤 설정 도구와 정리에서 빠져 나옵니다

안전한 폰트 컨트롤을 만드십시오 그래서 여기에 가서 바로 선택하십시오 gnomon에서 리드를 클릭하면이 작업을 수행 할 필요가 없습니다 누군가가 여기에서 쉽게 바뀌었을 것 같은 안개 제어 및 삭제로 삭제 3 나는 이것을 남겨두고 실수를했을 때 그것을 볼 수 있습니다 내가 그것을 망쳤 기 때문에 네비게이션이라고 말하면서 그것을 바꾸어 놓으십시오

폰트 컨트롤 저장을 클릭하십시오 이제 막 큰 실수를 정리했습니다 다시 돌아가 봅시다 크롬을 바꾸고 다른 것들을 찾아 크롬에 들어가서 알았어 메뉴를 통해 자기 자신이 바로 여기에서 찾을 수 있으므로 여기에서 상자를 찾으십시오

나는 그것을 클릭하여 방화범을 제거하고 어떤 글꼴로 돌아 가자 그래서 나는 단지 30 분을 클릭하면 사물 위로 떠오르 기 시작합니다 그래서 나는 그것이 옳다는 것을 알고 있습니다 여기에 그의 몬트 세 라트가 있습니다 그래서 우리는이 글꼴 K의 이름을 알고 있습니다 그 글꼴을 잠깐 열어 방화범이 끌려 와서 그 백업을 풀어 라

이유는 내 자존심이야 내 변화 난 네가 그것을 열 때 다시 몇 번 가지고있어 이 하나에 대한 변경 사항을 눈치 채기 만하면됩니다 모든 것을 보여줍니다 이제 몬세 라트 (Montserrat)에 대한 검색을 해보고 작은 검색의 여러 배를 다시 봅시다 몬세 라트는 이미 17 개 장소에 설립되어 있으므로 H586을 통해 진행되기 시작합니다

그것은 사이트 헤더 또는 무언가와 같은 것입니다 위젯 제목이 나올거야 사이트 제목은 아마도 소피아와 그녀 사이트 제목 Google easy cool 글꼴을 사용하면 새로운 글꼴을 만들 때 유용합니다 분 단위의 글꼴 컨트롤을 사이트 제목에 붙여 넣기 만하면 원하는 이름을 붙일 수 있습니다 일단 재미있는 컨트롤을 만들면 거기에있는 것입니다

그런 다음 바로 여기 goatsite 제목으로갑니다 그 분은이 체크 박스를 입력하고 폰트 컨트롤을 저장합니다 좋습니다 괜찮습니다

이제이 부분을 클릭하여 맞춤 설정 도구로 이동 한 다음 안전합니다 우리가이 권리를 얻었는지 알아 보자 일부는 지형 팀 지형으로 가고 이제는 하나의 네비게이션이있다 나는 그것을 고정 시켰고 우리는이 새로운 하나의 사이트 제목을이 드롭 다운으로 소환하고 얼마나 바꿔서 랍스타 바닷가 재를 바꿔 보려고하는지 봅시다 우리가 나갈 수 있도록 일한 가재가 눈에니다

여기를 클릭하고 배우를 클릭하고 쉬운 Google 글꼴로 돌아가서 다시 보겠습니다 구글 크롬과 나는 방화범을 감출 예정이다 작은 버그를 클릭하면 바로 여기 이걸 바꿔 보겠습니다 보통 괜찮습니다 H1이지만 Artie는 헤드 라인을 나타내는 맞춤 설정 도구에서 H1을 변경하면 알 수 있습니다

하나는이 다림질을 바꿀 가능성이 있습니다 그래서 여기 실제로 가보겠습니다 우리는 변화를 볼 수 있습니다 이 폰트의 이름이 무엇인지 알려주고 폰트를 클릭하면 그것을 볼 수 있을까요? 그리고 이것은 몬트 세 라트도 괜찮아요 그래서 지명하고 여기를 빠져 나오면 분노 클릭으로 들어갑니다

CSS를 기억하면 CSS를 여기에 쓰려면 스타일을 변경해야합니다 두 번째 또는 두 번째 어쨌든 어떤 식 으로든 클릭하면 참을성이되었다 Ellen이 지난 번에 우리의 수색을 실제로 기억해 냈습니다 다시 입력 해 봅시다 비록 이것이 첫번째 위치 나이 5와 H6일지도 모를 정도로 타격을가한다

그러나 그것일지도 모른다 나는 이것이 버튼을위한 것이라고 생각하지 않는다 이것은 포스트 네비게이션이다 나는 지금 막 내려 가고있다 arrow 위젯 제목 방금 수정 한 사이트 제목 footer 아카이브 페이지 제목 엔트리 메타 – 알았어 Artie는 이것이 엔트리 타이틀 루프라는 것을 알고있다

여기에 항목 제목이 있지만 계속해서 클릭하자 기본적으로 그 점을 알고있다 나는 글꼴을 정의 할 수있는 클래스를 찾을 수 있습니다 쉬운 Google 글꼴로 테스트해라 그러나 이것은 당신이이 학급을 발견하는 방법이다 okay go me go 항목 제목 위젯 제목 메뉴 항목 많은 빵 부스러기 그래서 계속 나를 보자

조금만 그렇듯이 코멘트가있는 정보는 언제나처럼 주석을 달았습니다 자신의 이름에 달린 댓글, 즉 메타 설명입니다 그래서 나는 내가 쓰러 뜨릴 것이라고 바꾸고 싶었습니다 이 코멘트 Mehta와 나는 갈 수있는 쉬운 구글 폰트를 만들 것입니다 그 엔트리 타이틀을 시험해 봅시다

Celerity는 이것이 제목 이었음을 알고있었습니다 그래서 엔트리 타이틀은 실제로 그것이 긍정적 인 것이 아니라는 것을 의미합니다 클릭하여 새 글꼴 컨트롤 만들기를 클릭하십시오 그것 홈 페이지 제목 만들기 재미있는 컨트롤을 클릭하십시오 두 번째 또는 두 가지 자존심을주고 짐승 엔트리 제목을 입력 한 다음 입력하십시오

나는이 일을 할 것임을 알고 있습니다 나는 그것을 원합니다 의학적으로 스타일 오버라이드를 위해 사라졌습니다 글꼴 컨트롤 저장을 클릭하십시오 아프다

에서 커스터마이징가는 내 손가락 arraignment 교차 지형 주제 지형을 클릭하십시오 거기에 사이트 제목입니다 너트입니다 미안 해요 홈 페이지 제목 괜찮아 나는 배를 넣어야 해

실제로 홈페이지 제목을 달았습니다 내가 생각한 것입니다 우리의 글꼴 패밀리를 바꾸어 봅시다 영향을 미치기 위해 나는 그 영향을 정말로 좋아하지 않습니다 글꼴 비록 내가 그것을 얻었지만, 선을 감사 그래서 우리가 좋아하는 무언가를 넣어 봅시다 조지아 그녀는 그들의 친구를 인정하고 그것을 더 강하게 체중합시다

우리의 글꼴 크기와 위치는 우리가 실제로 그것을 끌어 올릴 수 있습니다 패딩을 추가하고 싶었지만 실제로 패딩을 제거하려는 경우 여백이 우리가 자존심을 가지고 그렇게 할 수 있는지 확인하십시오 이제 그녀는 포지셔닝을 변경할 수 있습니다 조금이라도 괜찮은 것 같이 나가서 저장하고 출판하는 것이 었습니다 당신은 아이디어를 얻었어요

이게 당신이 할 수있는 일 이죠 당신이 그 글꼴을 바꿀 수 있어요 조금 기술적인데, 내가 비디오의 이것을 놓치지 않은 것을 따라 간다면 당신은 적용 할 수 있습니다 방화 광을 사용하여 CSS를 보면서 글꼴의 이름을 찾는 것과 같은 개념 당신이 정의하고있는 다른 CSS 클래스를 찾는 검색은 그 폰트가 사용된다는 것을 의미합니다 간편한 Google 글꼴로 복사하여 붙여 넣기하여 사용자 정의 프로그램에서 변경할 수 있습니다

그리고 네가 할 수있는 일을 잘 알고있다 가끔 붙잡혀 버릴 수도있다 CSS 클래스가 RR인지, 아니면 당신이 무엇인지 말해주기 위해 몇 달러를 고용 할 사람을 찾으십시오 딘 개발자에게 연락하여이 CSS 클래스가 글꼴의 권한이라고 말할 수 있습니다 여기에서 나는이 플러그인에서 출력하고 출력 할 수 있지만 어쨌든 그것을 변경할 수 있습니다

나는 60 분 웹 사이트 도전 과제를 수행하기 위해 그렇게하는 방법을 보여주고 싶었습니다 그에게 Google 글꼴을 사용하는 출력물을 보내고이 모든 글꼴 영역을 너를 사용하기 위해이 정보를 얻고 싶었어 테마는 당신이 네가 비디오 끝까지 가져 갔다는 것을 의미하는 것은 아니다 당신에게 개인적인 가치가 있으므로 아래로 엄지 손가락 업을 클릭하십시오 저를 도와 주겠다

그리고 더 많은 비디오를 원한다면 구독을 클릭하십시오 아래 오른쪽 버튼은 당신이 인터넷에서 나를 찾으려면 알고있다 나는 특별한 내가 당신처럼 WordPress에 대한 답변을 원하는 사람들을 위해 설립 한 Facebook 그룹 우리는 마침내 나와 함께 상호 작용할 수 있으며, 나에게 질문하고 그 특별 한 페이스 북 그룹에 가입하기 위해 아래의 푸른 버튼에 지금 나는 당신을 원하지 않는다 빈 손으로 남겨두면 콜비를위한 무료 비디오 코스를 만들었습니다 이 동영상 강의에서 WordPress의 성공은 웹 사이트를 빛나는 방식으로 만드는 법을 배우는 것입니다 당신이 원하는 결과를 얻고 군중들로부터 실제로 눈에 띄게하여 질문하십시오

무료 비디오 코스는 오른쪽에있는 링크를 클릭하면 찾을 수 있습니다 즉각적인 WP craftercom은 실제로 내 60 분 웹 사이트 도전 과제를 확인합니다 매우 인기가 있고 당신은 웹 사이트에서 그것들을 찾을 수 있습니다 이 비디오를보고 나는이 비디오를 당신만을 위해 만들었고 당신이 다음 비디오를 보길 바랍니다