Создание сайта на WordPress | Продвинутый курс | Урок 5

안녕 여러분! Alexander Shulepov와 함께 오늘의 비디오에서 우리는 계속 연구 할 것입니다 CMS는 워드 프레스와 그것에 사이트를 만드는,하지만 우리가 시작하기 전에 당신이 좋아하는 내 채널을 구독하고 싶습니다 새 비디오를 놓치지 않기 위해 종을 푸는 것에 댓글을 달았습니다

그래서 당신은 흥미로운 것을 놓치지 않는다 운전하다 우리가 맹세 한 마지막 수업에서 메인 페이지가되었습니다 거의 완전하게 이미 이 단원에서는 스크립트를 연결합니다 그래서 너와 나는 모든 것이 꽤 생기있게 보였다 여기에 우리가 시작할 페이지 시작 부분에 생명을 불어 넣습니다

기사 최근 기사 기사 시작 방법 관리 영역으로 이동해야합니다 루 브릭 항목에 대한 루 브릭을 작성해야합니다 그녀를 마지막으로 부르 자고하자 ~에 그래서 우리는 항목에 항목을 추가 할 내용을 추가했습니다 새 항목 추가 당신이해야 할 다음 일은 새로운 3 추가 기사를 추가하는 것입니다 마지막 기사 3 우리가 당신과 함께 만든 기사를 이제 우리가 가져와야합니다

즉, 우리가 지금 내려 간다면 우리는 그들을 가지고 있지 않습니다 우리가 여기에가는 마지막 제목에주의를 기울여 봅시다 솔직히 여기에 기사 라벨이 있습니다 우리가 내려 가서 기사를 부모의 표제는 없다 이걸 기억해

우리는 모든 기록들을 가지고 간다 우리는 여기에 기록을 만들었지 만, 여기에 메뉴의 새 편집자 제목이 있습니다 우리는 제목에서 마지막 기사를 선택합니다 즉, 이것은 우리가 만든 새로운 제목과 우리가 가지고있는 모든 기사입니다 모든 기록을 더 정확하게 가지고있다 우리는 이것에 덧붙인다

제목 및 세 번째와 저것 그래서 우리는 그 편리한 워드 프레스를했고 여기 모두가 여기에 우리가 볼 수있는 모든 제목이 여기에 모두 업데이트됩니다 우리의 모든 작은 기사 제목 설명이 나타납니다 이제는 그들이 어떻게 디스플레이되는지를 보도록하겠습니다 우리는 마지막 강의로 돌아갈거야 파일이 PHP 배경 인 경우 나는이 모든 것을 당신에게 귀찮게하지 않도록 페인트하지 않을 대본을 남겼습니다 그 외에도, 그대로 삽입하고 이미 강력하게 읽고 수정할 수 있습니다 기사 이름 카테고리를 확인하십시오

여기 너에게 보라고 한 것을 기억하라 이라크에서 더 정확하게, 여기에 기사 1을 추가하면주의를 기울여야한다 그래서 여기에주의를 기울이십시오 어디서나 동일한 u를 삽입합니다 여기에 마지막 기사의 기사와 이미 출력 할 것이다

즉, 마지막이되는 법과 그 법을 추가하는 법 ~에 관해서 기사 스타일 및 그에 따라, 우리도 당신이 그것을 가져 가면이 애니메이션을 모두 처방했습니다 마지막 기사로 마우스를 가져갈 때 트리거하는 방법 이것은 배우를 찾고 있습니다 즉, 그는이 모든 것입니다 어떻게 될지를 위해있을 수 있습니다 당신은 또한 탐욕을 그처럼 볼 수 있습니다

여기있는 방법을 보아라 우리가 너와 함께 할 다음 일 애니메이션을 연결하여 모든 것을 애니메이션으로 만들 수 있습니다 감동 한 아나 파 모습의 애니메이션 주제 편집인 ~ 안에 풍수 난로 특징 테마 여기있다 애니메이션을 담당하는 모든 스크립트 모든 가능한 효과들 하지만 나 자신을 통해 열어서 여기에서 더 쉬울 것입니다 모든 애니메이션은 vpn white script를 통해 수행됩니다

이 함수를 통해 스킨이 읽을 필요가있는 링크를 읽을 수 있습니다 그건 그렇고 여기 시인이 테마를 사용하지 않으면 그 기능이 작동하지 않는다는 오류가 있다는 아주 멋진 주제입니다 호출 된 함수는 여기에 스크립트를 추가합니다 사실 여기에서 많은 정보를 읽으십시오 지금부터는 별도의 교훈이 필요합니다

그 다음에 서명 한 애니메이션 내가 어디 있니? 우리는 그래서 내가 실제로 꽤 많이 저장하다 가자 우리의 새로운 기능 1 박 우리는이 기능을 여기에두고 싶습니다 예산을 사용하면 페이지를 스크롤 할 때 화면에 표시 될 때까지 애니메이션 요소의 실행을 연기 할 수 있습니다 개발자는 이미 May cs를 사용하고 애니메이션을 위해 라이브러리를 사용하도록 권장합니다 지원하지만 사이트를 탐색 할 때 70 가지 이상의 효과가 나타납니다 애니메이션 특정 블록으로 왜곡 될 때마다 시간이 지남에 따라 나타납니다

즉, 애니메이션과 내가 사이트를 열었을 때, 나는 어디에서나 일했습니다 당신은 그것을 이해할 수 없었습니다 이 스타일로 많이 도움이됩니다 다음으로이 애니메이션 다음으로 그 사람에 대해서, 나는 또한 css3를 사용하여 애니메이션을 만드는이 라이브러리가 이 라이브러리는 거의 모든 브라우저에서 작동하는 70 가지가 넘는 애니메이션 효과로 지원됩니다 글쎄, 옴 스크의이 참고 자료는이 모든 모든 모습을 볼 수 있습니다

애니메이션 CSS 공주들과 그런 다음 우리는 매끄러운 여우를 가지고 있습니다 Minifee 자바 스크립트 코드는 슬라이더와 함께 작동해야합니다 즉, 모든 스크롤 슬라이더입니다 요컨대 그 전체 애니메이션을 여기에 넣었습니다 그녀가 바로 여기 있습니다

우리는 외부 소스에서 가져옵니다 나는 사이트에서 모든 것을 다운로드하지 않습니다 외부 소스에서 모두 가져옵니다 보기 거짓말은 우리 도서관이 모두 우리가 캐시를 청소하게하고 여기에 애니메이션이 있습니다 우리를 위해 모든 것이 작동합니다

모든 것이 스크롤됩니다 모든 것이 잘 돌아갑니다 우리 애니메이션이 어떻게 작동하는지 이해합시다 정렬의 일종과 여기에서이 태그는 난로에서 우리 채우는 것이 아니다 심지어 그들의 잠재력을 말하는 연습, 아니 그들은 우리가 데이터 볼트 또는 3 초를 연결하는 외형을 취하지 않습니다

2 초 원하는대로 즉, 우리는 수업을 듣습니다 우리는 애니메이션이 오른쪽에 우리는이 기능을 여기에 제공합니다 즉, 원칙적으로이 기능을 읽을 수 있습니다 이해하기 어려울 정도로 인쇄 된 단어에서 사본을 복사하는 것 달릴거야 페이지를 스크롤 할 때 화면에 표시 될 때까지 애니메이션 요소의 실행을 연기 할 수 있습니다 애니메이션에 관한 원칙 나는 그것이 이해할 만하다고 생각하고 나는 아직도이 기능,이 기능들이 바로 여기 있다고 말하고 싶다 모든 것이 거기 있고 우리는 방법을 통해 그것을 모두 연결합니다

CDN 간단히 말해서 거대한 글은 읽을 수 있습니다 다시이 내가 뭘 원격지 서버 캐시 된 곳의 똥 코드 우리의 파일을 신속하게 열어 사이트가 다른 격려하지 않습니다 당신이 할 수있는 몇 마디 로이 스크립트를 시도 그들은 정확하게 내가 우리에게 이해로 설명했다 말한 여기있다 스크립트 이름도 보자 그게 전부 다 준비 됐어 나에게서 준비된 코드를 가져갈 수있어

이미 그것을 사용하지만 게임은 모든 외부 소스, 난 그냥 코드 vp 걸릴 여기에 그게 우리가 애니메이션을 연결하는 방법입니다 이러한 함수를 통해 다음과 같은 파일을 연결합니다 여기에 모든 애니메이션이 포함되어 있습니다

우리가 떠나는 모든 모든 블록들은이 애니메이션을 통해 연결됩니다 우리도 연결 했어 우리가 여기있는 모양조차도 미끄러 져 보일뿐입니다 상담 신청 그녀는 스쿠터 일 가능성이 가장 높습니다 주소 여기에 문의 양식이 있습니다

우리가 슬라이드를 연결 한 것과 똑같은 것을 연구해라 보기에 명확하지 않은 경우 준비된 코드를 선택하고 모든 것이 다 먹는 것입니다 저는 기성품을 사용합니다 때로는 설명 할 수도 없습니다 일부는 이해하지만 원칙적으로 복사하여 붙여 넣기를 권하고 모든 것이 잘되고 잘되었거나 완성 된 코드를 옮기는 것이 좋습니다

애니메이션에 관한 한 원칙적으로 기본 페이지가 준비되어 있습니다 matza가 모두 연결되어 있습니다 우리는이 작업을 끝내고 싶습니다 애니메이션을 연결하는 방법에 대해 꽤 많이 했었습니다 다음 강의에서는 곧 적응력을 다룰 것이며이 코드는 알렉산더 파브 (Alexander Pav)와 연락을 취하고 채널을 구독하십시오

How To Customize CSS On A WordPress Website – Beginners Guide

이 비디오의 웹 사이트를 소유하고 있다면 내 이름은 WPCraftercom의 Adam입니다

나는 비 기술적 인 사람들을 위해 WordPress 비디오를 만들고이 비디오에서는 내 가이드가 될 것입니다 많은 주제를 다루기 위해 웹 사이트에서 CSS와 맞춤 CSS를 사용하는 방법에 대해 이 비디오에서 처음에는 CSS가 무엇인지에 대해 이야기했습니다 웹 사이트에 CSS를 넣을 위치와 그런 다음 CSS 클래스라는 이러한 것들을 찾는 방법에 대해 이야기하기 위해 노력했습니다 이 클래스의 속성에 대해 이야기 한 다음이 모든 것을 얻을 수있는 더 쉬운 방법 너가 너의 자신의 웹 사이트 및 너가 보는 모두를 건축 한 다만 누군가이 으면 지금 행해지 십시요 귀하의 웹 사이트에 본질적으로 이러한 스타일은 CSS와 당신은 당신이 웹 사이트가 있고 당신이 WordPress 주제를 샀다고 말하기 전에 그렇게 들었을 것입니다

그리고 글꼴을 조금 더 크게하고 싶다면 거기에는 옵션이없고 그 다음에는 테마 개발자에게 가서 그들이 당신에게 무언가를 준 방법을 물어보십시오 CSS라고 불리는이 코드는 코드의 작은 스 니펫 일 뿐이며 당신은 WordPress 웹 사이트의 올바른 위치에 놓습니다 그러면 어떻게 그 요소가 바뀌겠습니까 또는 무엇을 바꾸고 싶은지는 당신을 위해 그것을 바꿀 것입니다 그래서 그것은 CSS입니다 귀하의 웹 사이트에서 이러한 다양한 스타일을 모두 제어 할 수있게되어서 제 웹 사이트에서 벗어나게합니다

내가 디자인 한이 웹 사이트를보고 일하는 데 정말 빠르며, CSS를 사용하면 일반적으로 색상이 다른 많은 것들을 위해 CSS를 사용하게됩니다 CSS로 글꼴 크기와 무게, 색상 및 간격을 설정하게됩니다 CSS를 사용하여 작업 할 수 있습니다 일반적으로 요소의 간격 만 알면 얼마나 가까이에 있는지 알 수 있습니다 텍스트 줄이 함께 또는 어쩌면 단추의 너비 또는 둥근 모서리가있는 경우 이 모든 것들은 CSS에서 이루어지며 CSS의 아주 작은 비트만을 알 수 있다면 당신이 얻을 수있는 것을 당신에게 알려주겠습니다

다른 사람들보다 조금 힘들지만, 나는 이런 것들을 어떻게해야하는지 가르쳐 준다 옵션이있는 경우 구입 한 WordPress 테마와 상관없이 지금 자신 만의 권리 글꼴과 색상을 제어하고 그와 같은 것을 항상 무언가로 만들 것입니다 당신이 저를 위해 WordPress 테마를 아는 옵션이 없다는 것을 바꾸고 싶습니다 내 웹 사이트에서 색상 및 뭉치와 같은 글꼴 컨트롤을 사용하고 있습니다 서로 다른 것들이 있지만 나는 여전히 내가 원하는 것을 다른 곳에서 보게된다

이 CSS는 당신이 힘을 얻도록 당신이 조금이라도 알고 있다면 단어로 나옵니다 노킹에있어서 당신 자신의 모든 변화를 디자이너 또는 개발자가 이러한 변경 작업을 수행 할 수 있도록 도와 주면 직접 수정할 수 있습니다 그건 간단히 말해 CSS의 주인이 될 필요는 없으며 당신이 말하는 것은 아닙니다 이 비디오에서 당신은 심지어 그것에 주인이 될 필요가 없다는 것을 배우면서 나는 내 손을 들고 CSS에서 마스터가 아니라고 말하면서 처음으로 내 웹 사이트에서 변경하고 싶은 내용을 변경하면됩니다 웹 사이트에서 지금하고 싶은 작은 변화를 만들 정도로 충분합니다

이 NCSS 항목 중 일부가 실제로 어떻게 생겼는지 보여주고 싶습니다 전에 실제로 보았습니다 시작하기 전에 실제로 지금보고있는 것을 보았습니다 우리가 비디오 시리즈에서 만든 웹 사이트입니다 저는 최근에 누군가에게 전체와 함께 온라인 과정을 제공 할 웹 사이트를 만드십시오

비디오 시리즈 나는 얻을 건물의 모든 단일 측면을 통해 당신을 걸어하지만 일부가 있습니다 그 안에 내가 커스텀 CSS를한데 묶어 복사하고 붙여 넣기 만하면된다 거기서 당신은 그렇게하고 그것은 실제로 사용되는 정렬 된 모든 스타일을 바꿉니다 이 비디오를위한이 웹 사이트는 내가 그 CSS 항목의 일부가 보았던 것을 보여줄 것입니다 예를 들어 모든 CSS 항목이 CSS 클래스로 시작해야하며 일반적으로 이게 뭔가있는 것처럼 보일거야 그러면 수업이있을거야

공백이 없으면 때때로 두 클래스를 나란히 보게 될 것입니다 당신은 무언가를 좀 더 가깝게 목표로 삼고 있습니다 이 대괄호 중 하나를 여기에 넣으면 하나씩 속성이 나열됩니다 그래서 나는 CSS의이 특별한 작은 조각이 제목을 바꿀 것이기 때문에 글꼴 크기를 가지고있다 이 웹 사이트 영역 중 글꼴 크기를 18 픽셀로 변경하려고합니다

조금 더 두껍게 만들 거예요 여기 폰트 가중치를 600으로 바꿀 것입니다 또한 텍스트 비트가 원래 위치의 가운데에 정렬되도록합니다 그들이 가지고있는 각각의 속성들을보십시오; 바로 여기 그리고 마지막으로 문이 대괄호로 닫혀 있으므로 여기에서 일반적인 CSS 변경 내용을 설명합니다 또는 비틀기 또는 수정이 나에게 너에게 또 다른 하나의 권리를 보여 주기만 할 것처럼 보일 것이다 여기는 조금 더 복잡합니다

이것은 실제 버튼을위한 것입니다 이 속성이 다른 속성이므로이 버튼에서 더 많은 대상을 얻을 수있었습니다 여기와 바로 여기에서 버튼의 배경색을 선택하고 있는데 이것은 전형적인 것입니다 컬러 코드를 만든 다음이 버튼에 테두리가 있고 테두리라고하는 것이 있습니다 반경이 종류의 버튼의 모서리를 둥근 밖으로 조금 누른 다음 지정했다 바로 여기에서이 버튼에 사용되는 글꼴 유형이 해당 글꼴의 두께 및 해당 단추의 텍스트 주변에 여백이 있으므로 이 단추의 텍스트 주변에 약간의 간격이 있으며 이것이 구성하는 것입니다

바로 여기에 그래서 이것은 일반적인 CSS 항목이 어디서 복잡해 보이는지 알 것입니다 당신은이 물건을 쓰지 않을 것입니다 그러나 저는 어떻게 조정할 것인가를 보여주고 있습니다 이 물건의 일부와 그것은 내가 실제로 또 다른 하나가 여기에있는 것처럼 보인다 당신이 그렇게 보이기를 원하지 않는 뭔가가 있다면 예를 들어 여기에있는 CSS 클래스는 특정 이미지에 대한 추천 이미지를 타겟팅합니다

페이지 및 바로 여기 속성 표시 없음 및 무엇을 말하는이 표시되지 않습니다 코드에 있지만이 요소를 표시하도록 하드 코딩되어 있어도이 요소를 표시하지 않습니다 스타일에 대해 말하고 있습니다 그냥두고 보겠습니다 실제로이 유형의 속성을 사용합니다

내 웹 사이트의 예를 들어, 내 블로그 게시물에 간다면이 모든 항목이 있습니다 게시 날짜에 저자를위한 데이턴 코멘트와 모든 이런 종류의 빨아 난 그냥 내가 실제로 거기에있을 필요가 있다고 생각하지 않기 때문에 많이 숨 깁니다 이 CSS 속성은 그 중 일부를 숨기기 위해 아무 것도 표시하지 않습니다 그래서 이것은 또 다른 것입니다 당신이 많이 사용하는 것, 이것이 전형적으로 당신이 원하는 CSS로하고 싶은 것입니다

당신의 주제에 넣으려면 거기에 두 가지 이상의 방법이 있습니다 그것이 WordPress에 관해서 고양이를 피부에 내 렸습니다 그래서 당신의 테마가 설정 패널에는 CSS를 배치 할 수있는 위치가 있습니다 당신은 거기에 붙여 넣을 수있는 워드 프레스 웹 사이트에 추가 할 수 있습니다 스타일이라고하는 테마 파일에 넣을 수있는 장소

CSS 파일 당신이 원한다면 거기에 붙여 넣으십시오 그러나 실제로 WordPress에서 그것을하는 새로운 방법이 있습니다 그들은 단지 이것을 풀어 놓는다 나는 WordPress 47에서 커 스터 마이저에 백엔드 영역이 있다고 생각한다

당신이 당신의 WordPress 웹 사이트에 있다면 당신은 오른쪽 맞춤 설정을 클릭 할 수 있습니다 여기에 있지만 만약 당신이 Bakken의 WordPress의 WordPress 대시 보드에 있다면 당신은 외모로 간다 그런 다음 맞춤 설정도 가능하므로 여기를 클릭하면 바로 앞과 오른쪽에서 할 수 있습니다 맞춤 설정에 대한 자세한 내용은 맞춤 CSS를 그래서 여기에 옵션이있을 수 있습니다 그의 CSS가 이제는 좋은 점입니다

이것은 WordPress의 것입니다 이것에 대해서도 좋은 점은 붙여 넣기 할 때입니다 당신이 페이지에 있다면이 약간의 CSS가 사이트의 해당 페이지에 영향을 미칠 것입니다 실시간으로 적용되는 것을 볼 수 있으므로 커밋하기 전에 마음에 드는지 볼 수 있습니다 예를 들어 내가 여기에 넣은 사용자 정의 CSS의 대부분을이 강의에 적용하도록하겠습니다

코스 레이아웃에서이 바로 여기로 뛰어 가서 설문 조사를 볼 수 있도록 노력하겠습니다 친밀감의 나는 실제로 많은 것들의 모양을 사용자 정의 사용자 정의 CSS를 사용하여 그래서 이것은 자신의 커스텀 CSS를 소환 자의 추가 CSS 클릭으로 보는 방법입니다 이 사용자 정의 CSS는 내가 그를 추가하고 실제로이 모든 것을 제거하고 듣고 실제로 나는 그것을 모두 강조 표시하고 그것을 제거 할 수 있습니다 이제 어떻게 볼 수 있습니까? 그것은 내 사용자 정의 CSS없이 당신이 볼 수있는 색상이 약간 변경된 것 이 글꼴 중 일부는이 색상이이 모든 것을 변경 한만큼 넓습니다 당신이 할 수있는 모든 수업을 나열하는 사이드 바 단어에서 바로 여기에 물건을 변경하십시오

글꼴이 훨씬 커지게 된 것을 봅니다 작은 글꼴을 좋아합니다 단지 글꼴을 압도하기 때문입니다 그래서 이것은 내 사용자 정의 CSS가 없으면 보이고 저장하는 것입니다 게시하고 내가 지금하고 싶은 일은 어떻게 시작할 수 있는지 보여주는 것입니다

이것이 초보자입니다 친숙한이 CSS 속성 중 일부를 변경하면 웹 사이트를 더 잘 제어 할 수 있습니다 그래서 당신이해야 할 일은 웹 사이트를 원한다면 웹 브라우저를위한 도구를 다운로드하는 것입니다 컴퓨터에 여러 개의 웹 브라우저가 있어야합니다 개인적으로 Safari가 있습니다

내가 크롬을 가지고 있고 파이어 폭스를 사용하는 대부분의 일에 내가 사용하는 좋은 물건 크롬과 파이어 폭스에 관해서는 웹 브라우저 확장이라고하는 것들을 추가 할 수 있습니다 이것이하는 일은 웹 브라우저에 새로운 기능을 추가하는 것입니다 이러한 확장 기능 중 일부를 사용하는 습관 때문에 크롬 튜토리얼에서 많이 사용하는 크롬을 사용한다면 설치하셔야합니다 당신이 따라 다니는 경우 Google에 가서 Google 검색을 할 수 있습니다 크롬을위한 방화 광 및 실제로 방화 광으로 Firefox에서 사용할 수 있으므로 계속 진행할 수 있습니다

파이어 폭스에 대한 유사한 검색 및 검색을 수행 한 다음 다운로드 할 수 있습니다 이 확장 프로그램을 설치하면 크롬에 있습니다이 링크에서 바로 다운로드 할 수 있습니다 여기 chromegoogle에 크롬 확장 스토어가 없습니다 말 그대로 구매할 공식 장소는 체크 아웃 절차가 없다는 것입니다

웹 브라우저의 확장 기능이 있으므로이 링크를 클릭하십시오 그리고 나서 고기를 위해 일어나는이 팝업이 크롬에 추가되지만 당신을 위해 나타납니다 오른쪽 상단 오른쪽 영역에있는 버튼을 클릭하기 만하면됩니다 계속해서 웹 브라우저에 방화범이 끌려서 설치하십시오 그러면 새로운 옵션이 나타납니다

메뉴 영역 또는 제어판을 사용하여 웹 브라우저에서 원하는대로 지정할 수 있습니다 그리고 바로 여기에 약간의 무딘 버그가 있습니다 파이어 폭스 브라우저에서 다른 확장 기능을 사용하려면 여기에도이 기능을 사용해야한다 색상을 찾으려면 색상 Zillah라고합니다 색상 Zillah를 검색하면됩니다

크롬에 대해서는 여기에서이 확장을 찾을 수 있습니다 정확한 색상 코드를 찾을 수 있습니다 어떤 웹 페이지에서 어떤 색상을 사용합니까? 저는 그 색상을 모으기 때문에 많이 사용합니다 여기이 다른 하나가 내가 실제로 이것을 잘못이라고 부르는 폰트라고 불렀습니다 name 나는 폰트가 어떤 폰이라고 부르지 만 어떤 폰트가 어떤 폰트인지 불리지 않는다고 말할 것입니다

어떤 글꼴 크롬에 대해 Google에서 검색을 수행 한 다음 웹 브라우저에 추가 할 수 있습니다 이것은 실제로 누군가가 사용하고있는 정확한 글꼴을 볼 수있게 해줍니다 어떤 웹 사이트든지 이렇게 이것은 당신이 당신이 좋아하는 무슨 글꼴의 아이디어를 얻는 종류 일 수있다이고 어떻게 그들이 함께 일하지만이 비디오 작업에서 파이어 버그 만 사용하면 작은 버그가 바로 여기에 가서 귀하의 웹 브라우저에 방화범을 추가하고 본질적으로 피부는 귀하의 웹 사이트에서 사물을 검사 할 수있게 해 주며, 그것이 바로이 정보를 얻는 방법입니다 이 CSS 클래스에서 나는 이제 XML에 새 XML을 설치했다 여기 커스 터 마이저에있는 여기에 방화범이 끼어있는 경우 작업에 끼어 들었습니다 맞춤 설정 도구가 제대로 작동하지 않아 맞춤 설정 도구에 있지 않아도됩니다

바로 여기에 있습니다 내가하는 일은 내 웹 사이트의 프런트 엔드에 가고 싶습니다 동일한 과정 페이지는 바로 여기에서 볼 수 있습니다이 중 일부는 실제로 잘 맞춤화되었습니다 여기에서 시작했을 때 CSS로 모든 것을 바꿀 수 있으므로 내가 한 일은 내가 바꿨지

나는 다른 글꼴을 가지고 있었어 나는 중심에 두었다 나는 더 과감했다 나는이 정보 중 일부를 여기에 숨기고 있었기 때문에 나는 거기에 추가하고 싶지 않았다 왜냐하면 나는 그냥 시각적으로 보였던 방식을 좋아하지 않아서 우리가 할 수있는 것을 볼 수 있습니다

CSS로해라 그래서 당신이해야 할 일은 그의 깡통에있는 바로 그 작은 버그를 클릭하는 것이다 이 패널 바로 여기 여기 괜찮아 우리 패널이있어 내가 바로 여기 가서 그걸 움직여야 해

그게 높습니다 내 페이지가 잘 될 것입니다 그런 다음 이것을 클릭하고 검사하고 싶습니다 버튼 soma는 inspect를 클릭하고 보자 여기에서 그 글꼴을 볼 수있다

검사 버튼을 눌렀을 때 마우스 커서를 움직이기 시작하는 방법 이 파란색 상자는 다양한 요소를 둘러 쌉니다 여기 주위에 배치됩니다 이 이미지와 바로 여기에 내가 그것을 옆으로 조금이라도 옮기면 그렇지 않다 이미지는 이미지와 그 아래에있는 모든 것들을 처리합니다 그러면 어떻게 할 수 있습니까? 정확히 원하는 것을 대상으로하십시오

예를 들어, 여기에 해당 글꼴이 있습니다 바로 여기 제목입니다 그래서 내가 오른쪽 클릭하면 지금 이것에 잠겨 있습니다 요소 바로 지금 여기에서 두 패널을 볼 수 있습니다 왼쪽에서이 패널을 볼 수 있습니다

그것은 당신에게 많은 코드를 보여 주며 이것은 웹 브라우저에주는 다른 코드입니다 귀하의 웹 사이트에 표시하고자하는 지시 사항은 여기 오른쪽에 있습니다 내가 말했던 커스텀 CSS가 무엇인지 익숙한 모습을 볼 수있다 우리는 ID와 모든 다른 CSS 쿼리로 바로 여기를보고있었습니다 속성과 그래서 바로 여기 똑같은 것을 볼 수 있습니다 우리가 클릭 한이 요소를 클릭 한 것에 대한 CSS 속성과 내가 좋아하는 것 대개 내 변경 사항을 테스트 한 다음 복사하여 사용자 정의 프로그램에 붙여 넣기 만하면됩니다

이것은 CSS 클래스를 식별하고 인스턴스를 변경하는 방법과 거의 같습니다 여기에 국경 상위 5 픽셀을 나타내는 속성이 있습니다이 요소는이 요소 위에있는 공간입니다 바로 여기에서 만약 내가 그것을 늘리 길 원한다면 나는 15 대신에 숫자를 늘릴 수있다 나는 5 개 대신 15 개를 넣을 수있어서 유감스럽게 생각하고 즉시 볼 수 있었다

아래로 밀어 넣으세요 그렇게 극적이지는 않지만 45보다 큰 숫자를 입력하면 그것은 훨씬 더 극적으로 보입니다 이것이 CSS를 바꾸는 방법입니다 거기에 다른 속성도 있습니다 그래서 여기를 두 번 클릭하면 새로운 항목이 생깁니다

여기에 CSS 속성을 입력하여이 속성을 추가 할 수 있습니다 그것은 센터 또는 그 라인을 따라 무언가를 찾을 수 있습니다 CSS 속성이 아직 여기에 나열되어 있지 않고 수행 한 작업이 Google 오른쪽에있는 경우 여기에 당신은 간단한 검색을하므로 CSS 센터에 대한 간단한 검색을 볼 수 있습니다 정렬 텍스트 그래서 거기에 그냥 라인 텍스트에서 첫 번째 센터 진짜 간단한 검색 않았다 나는 CSS를 넣지 않으면 첫 번째 결과가 W3 학교가 될 것입니다 당신은이 웹 사이트를 여기에서 볼 정도로 익숙해 질 수 있습니다 그래서 저는 거기에서 나는 바로 여기에서 찾고있다

그래서 나는 텍스트를 정렬하고 중심에 놓을 수 있다고 말했을 것이다 그것을 해봅시다 여기에 약간의 기회를 줘 보자 나는 무엇을 넣었는가? 텍스트 정렬 Solomon 센터에 지금 입력하십시오 텍스트를 입력 할 때 센터를 정렬하고 무슨 일이 일어 났는지 보았습니까? 이제 막 목표로 한 나의 코스 제목이나이 요소는 이제 중심에 놓 였고 나는 그렇게했다

Google이 CSS 맞춤 텍스트 센터를 검색 한 다음이 페이지를 끌어 올렸습니다 그리고 그것은 당신에게 우리가 그것을 줄 지어보고 싶은 다른 것들을 가르쳐줍니다 이것은 본질적으로 당신이 거기에 넣어야 할 속성입니다 그래서 지금 내가이 변화를 유지하기를 원한다면 나는 단지 그것을하기 때문에 살지 않습니다 이 방화범이 끌리는 것은 내가 방화범이 끌린 채로 여기에서 강조 표시 한 다음, 내 클립 보드는 나를 위해 명령을 보거나 PC에 있다면 C 및 그 컨트롤 클립 보드에 넣거나 마우스 오른쪽 버튼을 클릭하고 복사 메모를 작성하여 사용자 정의 프로그램으로 이동할 수 있습니다 여기 그리고 실제로 여기 제가 코스 인덱스 페이지와 같은 페이지로 가게하겠습니다

내 CSS가 보이기 전에 어떻게 생겼는지 그리고 내가 여기에 붙여 넣었을 때의 모습입니다 당신이보고 난 후에 나는 그것을 단지 바꿨고, 그 다음 이것을 프론트 엔드에서 살아있게 만든다 웹 사이트를 클릭하여 저장하고 게시하면 이제 텍스트가 가운데에 배치되어 일부 기본 사항이됩니다 이런 종류의 일을 어떻게 할 것인가에 대해 지금 내가이 과정 중 하나에 들어 가지 않는 이유는 무엇입니까? 이 바로 여기를 클릭하겠습니다 그러면 우리가 여기서 할 수있는 다른 것을 보도록하겠습니다

엄청나게 크다 내 테마는 아마 그걸 낮출 수있는 옵션이있을 것이다 그것을 보았다 잘 보자 어쩌면 나는 너를 수영 하, 그것과 그들의 것에 검사 할 것이다 보일 것이다 지금 CSS를 사용하고 방화 광 단추를 사용하면 정말 쉽습니다 텍스트를 변경하면 가끔씩 어쨌든 찾을 수있는 조금 열심히 나는 그의 입장 제목이고 이것이 실제로이다 강조했다 바로 여기이 엔트리 타이틀 H1 속성입니다

따라서 40 픽셀이기 때문에 표시 될 수 있습니다 30을 말하기 위해 낮추고 싶습니다 그래서 40에서 30으로 바꿀 수 있습니다 CSS에서 뭔가를 바꿀 때 오른쪽 하단의 글꼴을 사용하는 경우가 있습니다 웹 사이트의 다른 영역에 영향을 미쳐서 웹 사이트를 살펴보고 다른 사용자에게 영향을 줄 수있는 방법을 확인하는 맞춤 설정 도구 여기 글꼴 무게가 굵은 글씨로 표시되어있어 대담하고 일종의 모든 것을 모르는 경우 당신이 fontweight라고 할 때 당신이 넣을 수있는 것의 선택권의 당신은 단지 구글에 갈 것입니다 CSS 폰트를 검색하여 기다리면 동일한 W3 학교를 찾을 수 있습니다

웹 사이트가 당겨 지지만 대개 그 웹 사이트로 가면됩니다 실제로 그렇게 할 수있는 모든 속성을 볼 수 있습니다 이 비디오에서 다시 돌아가서 CSS라고 말하면서 폰트 우드에 들어갈 것입니다 그래서 나는 들어갔다 폰트 웨이트가 나오고, 여기에 구글이 실제로 나에게 약간의 정보를주고있다

그래서 대담하고 그것은 700에 해당합니다 보통 테두리를 더 가볍게 넣을 수 있습니다 정상적인 모습을 보도록하겠습니다 그래서 당신과 같은 대담한 탁월한 유형입니다 더 일반적인 폰트 웨이트로 바뀌 었음을 알 수 있습니다

그래서 이것을 어떻게 찾을 수 있을까요? 클래스를 선택하면 Google에 가서이 속성에 넣을 수있는 것을 찾습니다 이 변경 사항을 적용하기 위해 불을 지르면 변경 사항을 복사 할 것입니다 당신은 커 스터 마이저에 넣을 것입니다 어떻게 보이는지 본 다음 그것을 저장하십시오 그저 간단한 글꼴이므로 그 글꼴을 보도록하겠습니다

여기 파란색이야 내가 좋아하는지 꼭 알 필요는 없어 그래서 우리가 뭘 할 수 있는지 보자 여기 검사 및 클릭에 대한 약간의 클릭 거기 CM 바로 거기에 있고 나는 마우스를 클릭하면 LMS 축의 계획 제목이 여기에 표시됩니다 그런데이 페이지는 모두 내가 사용하는 LifterLMS라는 플러그인에 의해 생성됩니다

개인적으로 나는 비디오 시리즈를 사용하여 온라인 과정을 용이하게하는 기능을 추가했습니다 이 모든 종류의 멋진 일에 학생들을 등록 시키십시오 이 색상과 이러한 것들 중 일부를 미세하게 조정할 수있는 옵션을 제공합니다 그래서 사용자 정의 CSS에서 모두 조정해야하지만 실제로 얼마나 쉬운 지 알 수 있습니다 내가 방화범 사용에 대해 좋아하는 점은 색상을 볼 때 그의 배경이 옳다는 것입니다

거기에 마우스를 올려 놓으면 색상 코드가 분명히 표시됩니다 그러나 그것은 실제로 당신에게 당신이 옳은 것을 알 수있는 색깔을 보여줍니다 그래서 배경 파란색이고 작품은이 작은 영역 안에 실제로있는 글꼴 색상 인 색상입니다 여기에 나는 내가 그것을 바꿀 수있는 사람들을 둘 다 바꿔 놓고 싶었다 당신은 지금 비디오 시리즈에서 다른 색상 코드를 사용하여 색상 코드를 살펴 보았습니다

이 색상 코드를 찾고 색상 팔레트를 찾고 있지만 그저 당신에게 줄 것입니다 모든 색상의 빠른 스냅 샷은 6 자리 6 자리 색상 코드로 표시되며 그래서 색상 코드는 문자와 숫자를 가질 수 있습니다 그래서이 파란색은 6입니다 오른쪽에 자리 색 코드가 있으므로 검은 색으로 6 개로 변경하겠습니다 나는 방금 그것을 검은 색으로 바꿨다

그리고 내가 그것을 지키고 싶으면 사람을 그렇게 쉽게했다 검은 색으로, 만약 내가 다른 것들을 조정하고 싶다면 지금 패딩을해야합니다 spacing 속성입니다 padding은 여백을 보는 안의 공간입니다 외곽의 공간이 너무 커서이 두 열을 멀리 밀면 마진이 생길 것입니다

그를 멀리 밀어 넣으십시오하지만이 상자에 있다면 거기에 더 많은 공간이있어서 그럴 겁니다 내 패딩이 너를 보여 주도록해라 알기에 10의 패딩을하자 내가 30으로 바꿀 때 어떻게되는지 보아라

그러면 내가 그것이 훨씬 더 크게되었던 방법을 알 수있다 이것은 왼쪽과 오른쪽의 상단과 하단에있는 패딩입니다하지만 이미 당신은 그것을 보지 못해요 왼쪽과 오른쪽이 위쪽과 아래쪽 만 바꿉니다 그래서 원한다면 나는 5 분간 그것을 만들 수있다

그것은 그것이 실제로 좋아하는 것보다 기본적으로 더 얇다 여기 조금 더 커스텀 CSS가 생겼습니다 클립 보드 또는 마우스 오른쪽 버튼으로 클릭하고 복사 할 수 있으며 여기에 목과 같은 라인에 넣어 나는 그런 라인에 내려 가서 그래서 그것을 두드리고 있었다 붙여 넣습니다 프런트 엔드에서 발생하는 모든 작업을 보려면 여기를 클릭하십시오이 쿼리는 그렇지 않습니다

이 페이지에 영향을 미칩니다 우리가 실제로이 코스 중 하나를보고 있었을 때였습니다 내가 여기 저기를 들여다 보면 저기 다른 색깔이 나옵니다 그리고 나는 그것을 다소 엷어졌다 그래서 되돌아 가서 다른 것을 보자

우리는 할 수 있고,이 글꼴을 바꾸는 방법을 알고 있습니다 앞으로이 특정 버튼으로 무엇을 찾을 수 있는지 보시려면 여기를 누르십시오 수시로 변경하고 싶을 수 있으므로 버튼을 강조 표시 할 수 있습니다 버튼 주변의 파란색 상자를 잡기 쉽고 클릭하여 계속 클릭하십시오 바로 여기 보자

이 첫 번째 비트는 여기의 위치이다 버튼을 클릭하고 그 아래에 일반 버튼 속성 만 있으면 이제 완료됩니다 CSS로 뭔가를 숨기는 방법을 보여 드리겠습니다 여기에 몇 가지 정보가 있습니다 자동으로 당겨지며 실제로이 정보가 여기에있는 것을 좋아하지 않습니다

그걸 숨기고 그걸 검사하려고 할거야 전체 블록 난 아마 표시되지 않습니다 싶지 않아 거기에 기다려 그것은 실제로 우리처럼 전체 상자를 강조 표시했습니다이 전체 상자를 숨기고 싶을 것입니다 앞으로 마우스를 클릭하면이 상자 전체에 대한 수업을 볼 수 있습니다 그 표시를 사용하고 싶습니다

이전에 여기에서 더블 클릭 한 부분을 보여 줬습니다 그리고 그 다음에는 거기에 들어가야합니다 아무 것도 없기 때문에 그것이 무엇을했는지 볼 수 있습니다 검사관에서 강조한 상자 전체를 상자에 넣어서 이 속성을 사용하는 것 표시 없음 일부 표시 및 복사하여 붙여 넣기 저도 그렇게 생각 하거든요 저를 많이 좋아하게 만들었습니다

이렇게 빨리 빠져 나갔다 그래서 이것은 기본적인 것들을 바꿀 수있는 기초가되었다 이제는 기본적인 것들을 바꾸는 것이 쉽습니다 실제로는 매우 쉽지만, 어떤 것들은 찾을 것입니다 그녀는 실제로 방화 덩이 또는 그와 비슷한 것을 목표로하기가 훨씬 어려워서 실제로 CSS와 코딩에 더 많은 경험을 쌓아서 몇 가지 일이 정말로 힘들어 질 것입니다

그래서 내가 프론트 엔드에 있다면 나는이 배경 영역이 여기 있다는 것을 알고있다 이런 것들을 찾기가 조금 어려워서 발견하기가 훨씬 어려울 것입니다 그래서 내가이 배경색을 바꾸고 싶다면 왕자님을 목표로 삼으십시오 내가 배경을 말하고 뭔가를 찾고 있는데이 색상 코드가 있지만 정말 그냥 상자 안의 전체 상자를 강조 표시하면 여기에 표시되지 않습니다 할머니가 그 배경색을 바꿀 수 없게하는 그런 상자 전체 그러나 실제로 나는 지금 막 그것을 바로 여기에서 찾은 것처럼 보입니다

이 색깔을 바꿔라 나는 그것을 단지 모든 백색으로 바꾸기 위해 그것을 바꾼다 아마 이것이 모든 것을 원하지는 않을 것입니다 왜 모든 것이 흰색인지, 실제로 성공하는 것 같습니까? 거기에있는 것을 발견했지만, ID를 얻는 데 익숙해지기까지 조금 걸립니다 이 목표물을 찾아 내면 그걸 가지고 놀 수 있습니다

이러한 기본 사항 중 일부를 파악하고 Google로 이동하려고 시도하지만 이 물건들을 좀 더 쉽게 만들기 위해서 당신이 사용할 수있는 도구 그들은 WordPress 기반 웹 사이트에 추가 할 수있는 플러그인이 있습니다 이러한 다양한 CSS 클래스를 이제는 하나의 대상으로 만들기 쉽습니다 그들 중 바로 여기가 CSS 영웅이라고 불리는데 이것이 바로 플러그이고 그게 무엇입니까? 여기에이 옵션을 추가하면 Google에 계속 가지 않고 다른 것을 찾을 수 있습니다 이 도구 내에서 CSS 요소 나 클래스에 추가 할 수있는 속성 필요한 것은 미리 만든 스타일이나 기성품 스타일을 가지고 있으며 실제로 내 웹 사이트에서이 항목을 사용하여 정말 어려움을 겪고있는 지역을 공격했습니다

왜냐하면 하루 종일 글꼴을 바꾸거나 색을 변경하고 싶지 않기 때문입니다 버튼이나 뭐 그런 것 같은데 지금이 도구는 실제로 비싸지 않다 그것은 단지 29 달러 또는 그와 비슷한 것입니다 그리고 II는 무료 플러그인이 있는지 확인합니다 당신이이 일을하도록 허락하고 당신에게이 힘을주었습니다

그러나 나는 정말로 거기를 찾을 수 없었습니다 모든 종류의 기본 사항이었습니다 어쨌든 더 이상 필요하지 않은 CSS는 몇 달러의 또 다른 것이 있습니다 코드 캐년은 적지 만 이걸 사용 해왔고 꽤 놀랍습니다 자신의 웹 사이트에서 약 10,000 개의 사본을 판매 했으므로 매우 널리 사용됩니다

플러그인을 설치하면이 플러그인을 바로 지금 보여 드리고 싶습니다 그것을 설치하십시오 그래서 저를 다만 저를 나가 이미시켰다 나가이 재료 저장하는 시키십시오 여기 그리고 백엔드에 들어가서 계속 진행하고 플러그인으로 이동하여 새로운 나는이 플러그 – 인을 업로드하고 설치하여 여기에 드래그 앤 드롭 할 것이다 이 플러그인을이 사이트에서 테스트하지 않았습니다이 플러그인은 내 웹 사이트에서만 사용했습니다

버튼 주변을 바꾸면 사실 내 웹 사이트에 그 사실을 보여줍니다 그래서 내가 정말로 빨리 페이지를 끌어 올려 보자 내가 여기있는 것을 알자 내가 몇 가지 버튼을 바꿨다 그걸 내가 여기 내 웹 사이트에 있는데이 버튼 스타일을 바꿀 수 있도록 여기를 클릭하자

더 기본적인 버튼이었고 나는이 CSS 히어로를 사용하여이 버튼을 목표로 삼았습니다 깔끔한 애니메이션과 거기에있는이 깔끔한 스타일이 실제로 내가 지금 보여주고있는 웹 사이트는 내 웹 사이트의 한 예이기도합니다 내 테마에 옵션이없는 몇 가지 이유 때문에 흰색을 변경하는 데 어려움이 있습니다 검은 색을 물려받는 모자에 있었기 때문에 간신히 볼 수있었습니다 그래서 나는 이걸로 알아낼 수 없었지만 CSS earplug와 나는 그것을 할 수 있었고, 나는 다른 재미있는 것들을 할 수 있다는 것을 알 수 있었다

우리가 할 수있는 일을 이미 업로드했는지 확인해 봅시다 지금이 버튼을 클릭해야이 일을 승인 할 수 있습니다 본질적으로 라이센스 코드에서 미끄러지는 사람 누군가는 지금 그것을 할 수 있습니다 정말로 멋지다이 페이지에 나는 그것이 나에게 단지 5 개의 사이트 라이센스와 이것을 가지고있는 것을 나타낸다 세 번째 설치가되므로 라이센스를 얻고 클릭하십시오

이 멋진 화면으로 나를 다시 부팅 할 것입니다 내가 그것을 어떻게 사용할 수 있는지 그리고 나는 이것에 대한 클릭이고 그것이 실제로 설치되었다는 것을 알게되었다 내 웹 사이트에서 CSS 히어로라는이 새로운 옵션을 사용하면이 페이지에 있습니다 그래도 내가 새로 고침을 할 수 있도록 CSS 영웅이며 나에게도이 작은 것을 준다 번개가 튀어 나와서 그것을 작동 시켜서 나는 단지 엉덩이를 쏘고 있다는 뜻이다

CSS 영웅을 클릭하면 무슨 일이 일어나는 지 알 수 있습니다 여기에서 조금만 할 것입니다 그것은 그것을 켜고 어떻게 할거야 내 페이지를 분석 실제로 홈페이지로 나를 데려 갔어 이 집에서 아무 것도 바꾸지 않고 누군가가 그 코스로 돌아가고 싶지는 않습니까? 페이지와 나는 그것을 할 수있어, 여기에 잘 가는데 이것은 내가 그렇게되고 싶어하는 곳이다 그것이 우리에게 허락하는지를 보자 그것이 얼마나 쉽게 파랗게 바뀔지를 보자

CSS 영웅과 함께해라 그리고 나는 그것을 조금 사용하고 있었다 당신이하고 싶은 일에 익숙한이 작은 파란색 아이콘을 클릭하면됩니다 그것은 방화 광과 비슷한 것을합니다 이 CSS 클래스를 식별하려고 시도하고 CSS 클래스를 클릭하고 속성 편집을 시작할 수 있습니다

내가 네가 여기에서 시작하는 것을 원한다면 내가 거기 가서 바로 그곳을 클릭하자 당신은 그것이 무엇을하는지 당신이 그것을 처음 클릭 할 때 그렇게 당신에게이 모든 다양한 옵션을 준다 여기에 귀하가 일반적으로 목표로 삼고 자하는 것이 첫 번째 것이 될 것입니다 여기에 콘텐츠 제목이 있습니다 그러면 여기를 클릭하면이 모든 것을 제공합니다 텍스트 바로 여기에서 옵션을 사용할 수 있습니다

텍스트를 클릭하면 지금 편안하게 사용할 수 있습니다 바로 여기를 볼 수 있으며 텍스트 색상이 흰색이고 변경할 수 있음을 알 수 있습니다 여기 내가 바로 내려갈 수있는 글꼴 군을 바꾸고 싶다면 여기에 이 글꼴을 클릭하면 글꼴이 잘 보이도록 바꿀 수 있습니다 그래서 쉽게 볼 수 있습니다 그것은 크기 18을 원한다면 그것은 18입니다

저기서 쉽게 할 수 있어요 내가 더 두껍거나 더 얇아지기를 원한다면 볼더와 같이 될 수 있습니다 그 아래로 가거나 내려 가면 나는 내 글꼴 스타일을 볼 수있다 나는 너를 기본적으로 만들 수있다 스타일을 완벽하게 제어 할 수 있고 더욱 다양한 방법으로 쉽게 타겟팅 할 수 있습니다

CSS 영웅을 가진 작풍 나는 좌로 또는 중심에 맞추기 위하여 나의 조정을 바꿀 수있다 나는 이것들을 전부 바꿀 수있다 이제이 속성들을 살펴보고 나면이 작은 화살표를 바로 올라갈 수 있습니다 그리고 지금 나는 다른 것들을 바꾸기 시작할 수있다 왜냐하면 내가 바로 여기 배경 저를 클릭하면 검정색이 보입니다 원하는대로 변경할 수 있습니다 나는이 다른 배경 이미지 중 하나를 패턴 또는 무언가에 넣을 수 있습니다

그런 식으로 Lemme은 돌아가고 거기에 배치 된 간격으로이 모든 것들을 얻었습니다 이제는 훨씬 더 쉬운 방법으로 많은 다른 것들을 사용할 수 있습니다 이 도구를 사용하면 저장을 클릭하면 실제 저장됩니다 웹 사이트의 프론트 엔드에 생방송되어 이제 일부 속성을 편집 할 수있게되었습니다 이 글꼴의 일부 속성을 변경한다고 말하고 싶다면 여기로 가야합니다

그리고 만약 내가 그것을 조금 더 작게 말하고 싶으면 나는 그것을 할 수있다 그것은 더 크다 나는 지금 내가 돌아 가게하고 싶다 나는 또한 내가 갈 수있는 국경을두기를 원한다 가져온 테두리를 입력하면 내가 원한다면 내가 할 수있는 다양한 스타일이있다

내 모퉁이를 조금만 돌리라고해라 나는 이걸 할 수 있다고 생각해 네가 어떻게하는지 알지 그것을 조금 둥근 그것을 그것을 슬리브 그게 당신이 쉽게 할 수있는 10 떠나 그 동안 실제로 친절하게 보였습니다 그리고 저는 제가 다른 사람들 모두가 좋아한다고 생각한다고 말했습니다

배경에 대해 할 수있는 옵션은 여기에 색상 선택 도구가있는 것을 볼 수 있습니다 내가 그것을 클릭하면 내가 원한다면 내가 원했던 것을 배경색으로 할 수있다 흰색으로 할 수는 있지만 색상 선택기는 여기 또는 사용하기가 쉽습니다 내가 할 수있는 배경 이미지를 사용하고 싶었거나 여기에 그라데이션 도구가 있습니다 실제로 이것은 내가 할 수있는 색상 코드가 없기 때문에 위험합니다

거기에 그라디언트를 해보고 싶습니다 실제로 여기서 미리 설정을 합친 것도 있습니다 그들 중 일부는 맘에 들지 않지만 흑백을 통해 가자 바로이 모든 다른 옵션이 있습니다 그러면 좀 더 쉽게 타겟팅 할 수 있습니다

방화범이 끌려서 재산을 찾고 그 안에 넣어서 모든 것을 할 수 있습니다 이 다양한 것들은 조금 더 쉬워서 모든 다른 것들이 있습니다 당신이 조정할 수 있고 당신이 다른 일들도 할 수는 있지만, 예를 들면 여기서 메뉴 탐색을 사용하면 저장을 클릭 할 수있는 항목을 변경할 수 있는지 살펴 보겠습니다 나는 계속 나아가고있다 그리고 나의 메뉴를 목표로한다

그것은 단지 이것들을 목표로 할 때 페이지를 다시로드하고있다 메뉴 항목은 여기에 있습니다 그래서이 표적을 바로 여기에서 보도록하겠습니다 여기를 클릭하여 글꼴이 조금 더 크게 만들 수 있는지 살펴 보겠습니다 그리고 당신은 내가 실제로 잘못한 것을 알 수 있습니다

그냥 돌아가서 이것을 닫도록하겠습니다 이처럼 내가 잘못된 링크를 클릭 한 것과 같은 대상을 읽게하겠습니다 텍스트가 있는지 봅시다 이제 우리는 텍스트를 크고 작게 만들고 싶습니다 정말 멋진 글꼴을 원하는대로 바꿀 수 있습니다

어쨌든 여기에 있습니다 CSS 영웅과 같은 도구를 사용하면 약간의 일을 더 쉽게 할 수 있지만 수작업으로 모든 것을 사용할 수 있습니다 나는 준비가되어 있다는 것을 보여 줬습니다 지난 4 년 동안 CSS를 편집했습니다 CSS 히어로는 내가 주변에 있다는 것을 알았지 만 최근에 사용하기 시작했습니다

이걸 사용하는 방법에 대해 더 알고 싶다면 더 많은 비디오를 할 수 있습니다 CSS 영웅을 사용하는 방법에 관해서는 지금 그것을 최대한 활용하십시오 아래에 링크가 있습니다 비디오 설명 및 핀 코멘트에서 이러한 CSS를 귀하의 웹 사이트에 넣을 수도 있다고 생각합니다 당신이 많은 시간 내 링크를 통해 그것을 끝내면 결국 보너스 패키지처럼 나는 내가 당신에게 나의 유급 훈련 과정 중 하나를 줄 수있는 보너스 패키지를 만들었습니다

이 링크를 클릭하면 바로 보낼 수 있다고 생각합니다 그들의 웹 사이트에 나는 너를 나의 웹 사이트에 보낼 것이다 곳에 너를 보너스에 관하여 너에게 말할 것이다 당신이 그것을 구매하면 내가 함께 모으는 패키지는 이것을 가볍게하는 데 도움이 될 수 있습니다 나에게 뭔가를 사야한다는 것, 나는 정말로 스타일을 제어하고 싶다 내 웹 사이트에서 쉽게 할 수있는 방법이있어서 CSS 영웅이 만드는 것을 발견했습니다 그것을하기는 쉽지 않습니다

실제로이 비디오를 CSS 유로에 대해 더 많이 알려주지 않았습니다 웹 사이트에서이 스타일을 모두 변경하는 방법에 대한 권한을 부여하려고합니다 나는이 비디오에서 특정 CSS 관련성이 있다면 지금이 것을 성취 해주기를 바랍니다 질문은 계속 진행하고 댓글 섹션에서 토론을 진행하도록하겠습니다 CSS에 대해 어떤 질문을하는지 듣고 싶습니다

나는 뭔가를 남겼습니다 의도적으로 앞으로 나아가고 질문을 아래쪽에두고 싶습니다 시작하고 싶습니다 이 대화는 CSS에 대한 여러분과 대화를 나누고 서로를 도와서 커스터마이즈 할 수있게 해줍니다 우리의 웹 사이트는 실제로 그들이 우리가보고 싶어하는 방식으로 보이게합니다

Text Animation mit HTML & CSS – Für WordPress und andere CMS geeignet

안녕하세요 새 동영상에 오신 것을 환영합니다

내 이름은 Eric-Oliver Mächler입니다 블로거와 오늘도 알려졌습니다 나는 미친 짓을하고 싶다 나는 css로 그것을하고 싶다 동적 텍스트를 생성합니다

내가 상상해야 할 것은 무엇인가? 나는 네가 다 알고있는 웹 사이트에서 다시 여기있다 나는 4 명이있다 나는 페이스 북에있다 나는 문법에 나는 종종있다 관심사는 지금하고 싶습니다 그러나 그것은 선교사이거나 마지막 말씀입니다

꽤 자동적으로 다시 교환해야합니다 이제 그 일을 할 수 있습니다 물론 자바 스크립트처럼 프로그래밍하지 마라 하지만 그렇지 않은 이유는 그것이 쉽다면 왜 복잡한가? 나는 오늘 당신에게 CSS로 그것을하는 방법을 보여줄 것입니다 시작하자

지금 우리는 페이지의 뒤쪽으로 돌아온다 게시물 xy는 여기에 모릅니다 본문에 있습니다 나는 모든 것을 아래로 만들기 시작하고 싶다 나는이 교실을 조금 정의하고 싶습니다

그래서 나는 또한 약간의 스타일을 강조 할 수 있습니다 나가 다만 당신이 인 textil에가는 경우에 다만 옥외를보십시오 물론 정상으로 다시 내려 놓을 수있게되었습니다 클래스는 내가이 모든 것을 여기서 한 후에 할 수있는 것을 정의한다 나무 지금 나는 항상 여기에있다 항상 같은 처음 세 단어 그래서 나는 단지 그것을 할 수있다

나는 멀리서있다 그리고 나는 지금 정의하고있다 실제로 단어가 여기에 항상 표시되도록하는 명령입니다 스핀으로 다시 이것을하는 것이 가장 좋습니다 여기도 명령을 내리면 수업 1을 받는다

그 다음엔 그냥 좋은 소셜 미디어를 가져 와서 다시해야 해 거의 바라지 않을 것 내가 프론트 엔드에 있다면 나는 그것을 거부 할 수있다 여기에 내가 여기있는 장소가 조금 더 커야 단어가 필요해 조금만 우리를 업데이트 해주세요 더 잘 나는 정상적인 비틀 거림을 여기에 기록했다

지금 내가 입력 한 내용은 CSS와 관련하여 언제나처럼 작동합니다 나는 그것을 여기에서 클릭해야하기 때문에 나는 WordPress와 customizer에서 일하고 싶다 그때 나는 고객의 우리 물론 당신의 CSS를 다른 곳에서도 할 수있다 br fdp에 대한 CSS 서버를 구동하여 변경 한 다음 예를 편집하십시오 이 CSS가 업데이트되는대로 곧 돌아가서 웹 사이트를 방문합니다

트릭은 모든 CMS에서 작동하므로 더 이상 반드시 워드 프레스가 아닙니다 당신은 그것을 계속해서 또 다시 할 수 있습니다 그렇지만 그것을 멈추게해야합니다 cs를 사용하다면 커스터마이져가 없을 수도 있습니다 포핸드 업로드를 조정하고 다시 시도하십시오

여기에서 일했지만 우리는 플러스 용이므로 커스 터 마이저에 익숙합니다 그녀는 이미 여기에 더하여 내가 실수를 할 수있는 분야가 먼저있다 어떻게 아래로 비트를 정의하고 여기에서 우리는 그것을 본다 그는 이것이다 문장 이제 문장 전체 클래스를 문장에 할당했습니다 다시 까다로워 보이므로 우리는 첫 번째 것을 가지고있다 하이스트 텍스트의 첫 번째 클래스는이 클래스를 조용하게합니다

변화하는 단어를 소셜 미디어라고 부릅니다 우리는 지금 우리가 가진 동일한 시간을 부정 할 수있다 아무런 기능도 없다 거기에 내장 된 것은 처음에는 아무 일도 일어나지 않습니다 이 단어들을 조금 강조하고 싶다

그래서 지금 나는 단어의 크기를 혼자서 바꿀 수있다 끄기 만하면 30 픽셀을 사용할 수 있지만 색상도 사용할 수 있습니다 이제는 충분히 바뀌어 이제는 바뀝니다 그래서 모든 것은 빵 전체로 만들어졌고 지금은 커다란 것이 여기 있습니다 전체가 교환하고 거기에서 일할 것입니다

쉽고 비록 이미 수업을 여기에 정의했지만 이제 나는 그와 같은 가짜 단어를 가지고있다 트렌드가 이제 약간의 중국어가되기 전에, 당신이 있다면 나를 믿어 라 당신은 이것이 정말로 사실이라는 것을 알 수 있습니다 첫 단어 간격에 달라 붙어 이제는 트위터를 여기서 가져 가라 애니 사람들이 거기에 도착하면 자동으로 이제 8 초에 규칙적으로 조정하고 그걸 닫습니다

커맨드 딜러라면 이제 확신 할 수 있습니다 내가 정의해야하는 키 프레임으로 계속 진행 여기에 키 프레임이 있습니다 퍼센트 페이스 북, 즉 20 %가 될 두 번째 25 % 우리는 4 개의 페이스 북을 가지고있다 여기에서 그것은 이미 멋지게 뛰어서 조금 더 좋네요 나는 단지 30 60 퍼센트에 불과하기 때문에 우리는 조금만해야한다

처음에는 작은 점프가 있습니다 보시다시피, 물론 조금은 할 수 있습니다 다양하게 여기 계신다 네, 여전히 25 50 75는 내가 그때 여기에 게시하면 다시 앞을 볼 수 있습니다 애니메이션이 작동하여 텍스트가 자동으로 교환됩니다 이제 문장을 멋지게 애니메이트 할 수 있습니다

여기에서 볼 수 있듯이 두 가지를 정의하는 것이 상대적으로 쉽습니다 첫 단어와 같은 수업을 갖는다면 나는 당신을 하나라고 부릅니다 애니메이션 그럼 정말 무한해야합니다 모두를위한 거리는 전체 코스에서 8 초가 걸립니다 네 단어는 와트 당 2 초입니다 물론이 텍스트 나이 명령을 아래에 게시 할 것입니다

블로그 게시물에 실제로 네 가축이 될거야 이제는 단일 단어를 사용하여 개별 텍스트를 애니메이션으로 만들 수 있습니다 따라 오시면 교환하고 싶습니다 의견이 있으면 사이몬이 기뻐 하겠어 비디오가 엄지 손가락을 포기하면 나는 이 댓글은 YouTube 채널에서이 채널을 구독하게됩니다

나는 이제 장난을 치고 로마를 시험해보고있다 다음 비디오 스타까지

CSS is becoming more important in WordPress

CSS가 더 많은 것을 얻고있는 것처럼 보입니다 중요한 WordPress에, 나는 멕시코에있다

내가 살고 싶은 곳 가까이에있는 도시 내 생각에 대해 너에게 이야기해라 당신의 일에 중요합니다 이미 이것을 이미 알아 차렸다 자바 스크립트는 워드 프레스하지만이 일이 셋 이상 몇 년 전 Matt Mullenweg 자바 스크립트를 깊이 배웠다

나는이 CSS 때문에 부분적으로 생각한다 또한 우리 일에 더 중요 해지고있다 나는 이것이 나쁘다는 말은 아니지만 나는 네가하지 않으면 변화라고 생각해 우연히 눈치 채는 것이 좋다는 것을 알았습니다 그래서 더 많은 CSS를 배울 수 있습니다

물론 구텐베르크 때문에 많이 가지고있는 것에 큰 관심이있다 모든 블록 차단, 예를 들어 지금 AMP 기사 작업 중 WordPress 용 공식 AMP 플러그인 및 나는 최근에 대한 블록에서 일 해왔다 스토리와 많은 작업을하고 있습니다 CSS 나는 CSS의 종류가 너 뭔가 알 필요가있을거야

프런트 엔드 전문가에게 깊은 인상을 줄 것입니다 그것이 무엇인지 아는 많은 시간 CSS는 상대적으로 기본적인 작업을 수행 할 수 있습니다 어제와 같은 것들 선형 그래디언트도 유용합니다 내가 닦아야 할 근본을 알아라 이걸 잊어 버렸을 때 네가 가질 때 잊어 버렸어

절대 위치 요소 많은 시간 부모는 상대적으로 그렇지 않으면 그냥 위치에 배치 다음 상대적으로 – 위치 된 요소, 중요한 요소 당신이 알아야 할 것들은 기본 사항 등을 CSS로 할 수있는 일, 나는 가지 않을거야 다음과 같이 전체 사이트 구축을 수행해야한다 CSS로 전체 사이트 디자인 구현하기 하지만 우리는 점점 더 많이 생각합니다 그것이 될 블록에 대한 작업 취급 할 수있는 것이 중요하다 자체 포함 된 CSS 작업 및이 귀하가 내가 원했던 것처럼 백엔드 개발자도 당신은 프런트 엔드 개발자입니다

우리의 가장 중요한 부분이되었습니다 자습서를 공부하는 것 같아요 내가 지나간 것처럼 돕는다 내가 찾은 CodePens를보고 예를 들어 정말 도움이된다 CSS 전용 방법 알아보기 회전 목마와 많은 CodePan을 살펴 봅니다

그 중 하나가 작동하고 이것이 도움이되었습니다 웨스 보스 코스는 CSS 그리드에 있지만 생각합니다 이것은 점점 더 커지고있다 우리 일의 중요한 부분과 이것은 또한 구텐베르크를 제외하고는 웹에서 흥미 진진한 기술 많이 개발은 이제 프론트 엔드에 있습니다 AMP, React, PWA처럼 생각할 수 있습니다

당신이 좋아할만한 흥미 진진한 것들을 많이 WP Tavern에 대해 읽고있을 것입니다 그렇게 알고있는 프론트 엔드 기술 상대적으로 일을하는 법 CSS를 기본으로 많이 도움이 될 것 같아요 어쩌면 당신은 이미이 시점에 있습니다 어쩌면 당신은 풀 스택 개발자 일 것입니다

나는 CSS 전문가가 아니지만 나는 그것이라고 생각한다 지금 참조하기가 점점 어려워지고있다 프런트 엔드 전문가에게 모든 것 XWP에는 백엔드 팀이 있습니다 일반적으로 개발자는 일반적으로 그들은 JS와 프론트 엔드도 알게 될 것입니다 개발자들은 이전보다 프런트 엔드로 물건을 참조하십시오

개발자가되지만 점점 더 많아지고 있습니다 프런트 엔드에서 더 작은 작업 너무 당연한 인상을주지 않는다 너 한시간 동안 한 두시간 안에 40 ~ 50 줄의 CSS 그래서 나는이 것들이 점점 커지고 있다고 생각한다 정말 중요하므로 물론 CSS의 기초, 당신은 아마 이미 백엔드인지 여부를 확인하십시오 개발자 또는 프런트 엔드 개발자 또한 Sass 빌드를 설정할 수 있습니다

시스템과 최소한 다른 위의 CSS에서 중간 작업 멕시코 파르 케 도움이됩니다 그것은 꽤 가까운 곳의 멋진 공원입니다 내가 사는 길을 걷고 싶다 카페에서 일하고 싶지만 얘기하고 싶다 너에게 이것에 대해 나는 그것이 흥미롭다 고 생각한다

WordPress의 방향 그러나 나는 더 이상 충분하지 않다고 생각하지 않는다 귀하가 백엔드 개발자이거나 좁은 전문성에 나는 아직도 생각한다 그것을 전문으로하는 것이 좋습니다 필드지만 CSS의 양을 생각 너는 알아야 할거야 조금 더 네가 위대한 일을하기를 바란다

관련된 몇 가지 작업으로 시작되었습니다 더 많은 CSS 오늘, 당신이 궁금한 점이 있거나 어떻게 당신이 친절한가요? WordPress에서이 변화에 접근

Создание сайта на WordPress | Продвинутый курс | Урок 3

안녕 여러분! Alexander Shulepov와 연락하고 있습니까? 오늘의 비디오, 우리는 cms 사이트를 만드는 세 번째 과정을 계속할 것입니다 워드 프레스 고급 과정을 시작하기 전에 그래서 내 채널을 구독하고 좋아하는 것을 넣고 종을 누르십시오

질문을하고 어쩌면 어떤 주제가 될지 물어 보았습니다 다음 비디오는 우리가이 작업을 시작한 다음에 진행되었습니다 관리자가 알도록 설정된 메뉴 플러그인 패널 우리 모두가 하나의 터널에 들어가 메가 메뉴로 이동 메뉴 테마를 클릭하고 실제로 필요한 많은 설정을 만들기 시작합니다 투명 투명도를 만드는 몇 가지 배경 메뉴는 비슷하게 수행됩니다 여기 모든 것을 0으로 들여 쓰기 때문에 요소입니다

정확히 같은 방식으로 마우스를 가져 가면 투명한 글꼴로 표시되거나 색상을 터치 ​​할 때 공중 선회 우리는 그렇게 오렌지색으로 만들어서 강철 저장합니다 이제 스타일을 계속 진행하고 프로모션 텍스트에 추가하여 어디에 붙여 넣었습니까? 시트의 바닥 두배의 Fedor는 다음 텍스트를 씻어 모든 헤드 라인에 추가하여 요리합니다 이 단락을 기억할 때 프로모션 텍스트와 n을 이동하는 것이 무엇을 의미하는지 확인하십시오 heder rinse exage 1, 우리 모두는 class heder promo를 가진 블록들 이 블록의 모든 단락 하나가이 스타일을 지원하며 모든 h1 헤더가 알려져 있습니다 Promtex라고하는이 블록에서는이 스타일이 여기에서 지원됩니다

CSS 덕택에 우리는 각 블록에서 유연하게 관리 할 수 ​​있습니다 우리가 더 나아갈 수 있도록 당신이 그것을 고려하지 않았기 때문에 CSS와 멋진 우리는 그들의 위치를 ​​기억할 때 삽입한다 힘으로 마지막 교활한 계획 텍스트 무엇이 오는지 후에 그래서 우리가 넣은 스타일의 모든 것이지만 여전히 일반적인 hidra가 어떤 이유에서든 삽입하지 않은 ex-insert 스타일을 알아야했습니다 이제 광고 문안을 다룰 차례입니다 즉, 모든 h1에 대한 모든 필드를 외부에 만들었습니다

들여 쓰기 (indentents by 0) 우리는 메뉴를위한 스타일을 만들 것입니다 시인 창문 C 컨트롤의 헤더가 이제는 건너 뜁니다 왜냐하면 꽤 많이 실제로 다이얼을 돌리면 그냥 따라와 여기에 글 머리 기호 로고 래퍼의 머리글을 추가했지만 화면을 첨부 할 것입니다 메뉴를 입력 해주세요 그리고 조금 전에 우리는 모든 것을 지우는 줄무늬를위한 메뉴 steven을 만들기 전에 메뉴를 위해, 우리는 우리 모두가 그것을 위해 우리가 더 나아 가기 위해 무엇을했는지에 대해 처방했습니다

우리가 설정 한 메뉴의 속성을 추가합니다 즉, 기본적으로 있습니다 모든 기본 설정이 있으며 작업 할 수 있습니다 아무 문제가 없습니다 그러나 우리는보다 진보 된 과정을 가지고 있으며, 우리 모두는 자신을 쓰려고 노력합니다

우리가 어디서 그런 CSS 구조를 볼 수 있는지 알 수 있도록 규칙을 정하는 것이 더 쉽습니다 이 go-go는 일단 사용됩니다 클래스가 아니기 때문에 우리도 마찬가지입니다 메가 메뉴의 모든 목록을 연결했는지, 즉이 메뉴에서 닉네임을 벗어나거나 이 모든 목록은이 수업에서 플러스였습니다 정확히 100 퍼센트의 높이입니다

그런 디자인은 동일한 명부에있는 메가 메뉴에 들어가고 명부 만 입력한다 클래스 메가 메뉴와 여기에있는 속성들만 링크하면됩니다 이것은 당신이 할 수있는 깊이있는 지식과 같은 더 파멸적인 것입니다 스타일의 중첩에 대해 읽은 내용은 여전히 ​​동일합니다 계속 읽을 수 있습니다

스타일과 우리가 등록했지만 하나의 문제가 어떤 이유로 메뉴가 없습니다 나는 우리가 어디에서 왔는지 표시되었는데, 보통 나는 모든 것을 다 할 때 모든 규칙을 가지고 있지만 여기 코스를 이끌 때 조금 더 열심히하고 내가 놓친 것 요컨대, 우리는 외모와 메뉴와 메뉴에 들어가야합니다 나는 그것을 켜지 않았습니다 여기에서 메뉴를 저장하고 저장하는 것이 가능해야합니다 여기에 우리의 스타일이 이미 나타나기 시작했습니다 우리는 스타일에 나타나야한다는 것을 명심하십시오

메뉴가 바로 메뉴이기 때문에 지금 이동하여 스타일을 설정합시다 우리가 가장 좋아하는 스타일과 솔직히 돌아가는 버튼 조언 접착제가 이미 있고 filezilla가 재부팅되었습니다 왜 스타일이 모든 것이 표시되지 않았는지 생각합니다 메뉴를 켜지 않는 것이 훨씬 쉽습니다 우리를 불렀다

Heder Candy Shabbat이 (가) 방문했을 때의 상태를 방문했습니다 버튼이있을 때 마우스를 가져 가면 색상이 다음입니다 다음과 같이 보이는 것과 정착촌 다음 버튼 자체의 일반적인 속성을 시작한 것이어야하는 이유는 무엇입니까? 우리가 어떻게되는지 보도록하겠습니다 캐시를 지우고 싶지 않습니다 처음에는 모습을 드러내는 방식으로 자주 편집을하고 명확한 캐시를 보여 주 그녀는 여기에 마법입니다 개발 도구는 캐시를 지우고 5의 나사 조절, 당신은 모든 것을 설정하고 스타일을 알고 있습니다

버튼 이동 너와 함께 슬라이드하면 우리가 실제로 많은 것들이 들여 오기를 원했기 때문에 우리는 스타일을 따라갈 것입니다 그렇게 첫 번째 스타일을 잃지 않도록 실행 우리가 확인해야하는 것은 헤더 컨테이너이다 컨테이너의 헤더는 컨테이너가 전체 너비 인 다음 바닥 글입니다 컨테이너는 우리가 다음 스타일을 간다 Fedor는 블록을 내밀어 우리가 찾으면 복사가 끊어졌습니다 검색 할 때, 우리는 우리가 가질 수없는 1 개의 클래스가 있음을 알 수 있습니다

우리는 그를 후에 끼워 넣다 우리는 당신과이 1a classe를 놓쳤다 그래서 우리는 다음과 같이 계속 업데이트한다 시더 로스트 로버 (heeddy joint site branding)를 확인하십시오 연락처 블록에 hedder가 있다는 Fedor 용어가 있습니다 콘택트 블록 콘텐츠 블록 이메일이 있으므로 당사자가 편리하게 프레스 할 수 있습니다

우리는 또한 모든 것을 가지고있다 이제 promua 텍스트 헤더가 필요합니다 그건 그렇고, 나는 하나의 수업을 추가하지 않았다 그것은 여전히 ​​중요하다

나는 왜 그런지 생각하지 않는다 너와 함께 할 때 등록이 없어 우리는 배경을 위해 추가하지 않은 수업을 적어서 우리는 프로모션 래퍼 및 배경에 대해 지금 우리는이 그림을 꺼내야합니다 다운로드 및 우리 모두 여기에 넣어 배경 사진으로 우리를 저장 조금 빨리 서둘러서 레이아웃을 열어 보겠습니다 부팅시 저장 한 항목을 선택하십시오

우리가 로딩을 기다릴 정도로 그것을 채우자 우리 그림을 여기에 넣으면 태그처럼 던질 것입니다 우리가 한 모든 것을 저장합니다 캐시를 지우는 사이트로 이동합니다 핫키로 채워져 있습니다

나는 보통 윈도우즈에서 잘하고있다 여기 셔츠에 기록하는 편리한 프로그램이있다 전체 사진이 우리와 함께 있었고 우리 모두는 당신과 동등한 모든 것을 갖추 었습니다 모든 것이 잘되었고 우리가 이미 말하면 어떤 종류의 일반적인 스타일이 나타납니다 무언가가 효과가 없다는 것은 분명하지 않습니다

수업 끝 부분에서 걱정하지 마십시오 마지막 파일 인 Fedor와 스타일은 이미 원칙적으로, 당신은이 레이아웃에서 끌어낼 수 있지만 인터넷에서 벗어나는 것이 좋습니다 결국, 이것들은 제대로 작동 할 것입니다 그래서 나는 여러분에게 똑바로 줄 것입니다 모든 일대일, 그래서 당신이 있다면 인터넷은 비슷한 사진으로 가득 차 있습니다

당신은 안전하게 그것을 할 수 있습니다 우리는이 바닥 글이 열려있는 것을 기다릴 것이고, 우리는 우리의 발을 가져올 것입니다 여기에 우리는 원래 양식의 농장을 가지고 있습니다 우리가 부과하기 전에 이미 우리는 당신과 함께 있습니다 나는 조금 더 이해합니다

5 번 저장 캐시 지우기 여기 원칙적으로 다음이 우리가 제공해야 할 것이되었습니다 닫는 동작은 바닥 글 클래스입니다 닫기 여기에 우리가 설정하는 동안 우리는 지금 비어있는 것을 보여줍니다 피드백 양식을 만들어야합니다 추가 및 그것은 가장 인기있는 연락처 양식이라고합니다 그래서 여기에 우리의 폼이 있습니다

우리는 모든 폼을 활성화시키는 모든 플러그인을 설치합니다 문의 양식 1로 설치 후이 모든 작업을 수행했습니다 코드를 작성하고 복사하십시오 그러나 이미 우리에게서 복사되었습니다 나는이 짧은 코드 즉, 반향 출력이 연락처 양식 단축 코드라고 말했다

즉, 이론적으로 나는 그것을 먼저 넣고 꺼내야했지만, 나는 단지 이 고양이는 이미 모집되었습니다 다시 모집하고 나서 이미 준비했습니다 수업은 처음에 이미 여기에 있습니다 조금 더 오래있을 것입니다 이것이 의미하는 바는이 단축 코드를 여기서 출력 할 수 있음을 의미합니다

포토 갤러리 양식 슬라이드 쇼 우리가 입력하는 모든 것, 우리 모두가 운전하는 방식입니다 우리가 지금 우리가 계속 나아 간다 우리는 형태가 원칙적으로 출현했는지 알 수있다 그것을 해보자 이 양식의 우리는 철회되지 않았다 씨앗은 가서 우리가 옳은지 알기 위해 우리가 늙은 사람들에게서 어떤 종류의 것을 얻었 는가? 나는이 사이트를 복사한다

나는 지금 우리가 업데이트하고있는 모든 것을 보지 않는다 새로운 것은 여기에있는 모든 수식입니다 또한 모두를 복사하지 않습니다 하나 하나, 내 양식이 이미 나타 났으므로 이제 하단 행에 마크 업을 추가합니다 또한 소셜 네트워크가 모여서 우리 모두 열어 놓았습니다

우리가 여기에 있기 때문에 우리는 계속해서 바닥 글을 멸균 할 것입니다 우리가해야 할 등록은 코드로 가서 계속 편집하고 이미 바로 우리가 쓰는 공허함이란 바로 후 타리입니다 메인 코드, 즉, 여기에 우리는 중첩 로고를 만들고 메뉴 5를 선택했습니다 당신이 누구인지 기억한다면 우두머리에서 잘 찍은 아이콘을 가져 왔습니다 사실, 미소 짓기 로간 그 자체가 이제 다운로드됩니다

우리는 어떤 일이 일어나는지 보도록하겠습니다하지만 다른 것은 잘 풀릴 것입니다 왜냐하면 우리는 여전히 캐시를 깨끗하게 양식화하지 않았으므로 여기에 모든 것을 표시했습니다 이제 우리는 스타일을 고쳐야하고 이미 바닥 글과 함께 작업해야합니다 꼬리표를 썼다

모든 모든 스타일을 의미한다 쉼표를 사용하거나 다음의 모든 것에 연락하십시오 maskavas 커터 내용 래퍼 그가 어디에서 왔는지는 분명하다고 생각합니다 footerphp 그리고 우리는 이미 다음 세 가지 클래스를 한 번에 스타일링하고 있습니다 장군 장래에 대한 장래의 메뉴 없음 다음은 이미 가입 한 콘텐츠 메뉴에 대한 더 많은 스타일을 썼습니다

링크가 모두 표시 될 때 가리키는 목록을 표시합니다 우리에게 일어나는 일을보고 캐시를 다시 지우고 잊지 말자 여기에 참조의 끝은 모두 조용히 계속 움직이고 있습니다 이제이 메뉴를 발행 할 것입니다 스타일을 고수하다 클래스 헤더 메뉴 블록에서 우리는 그것을 호출합니다

이 클래스에서 우리는 div 컨테이너를 가질 것이다 스팬 클래스 등록 및 등록 스패 노보다는 내가 말한 것을 기억하고 기억합니다 dewspo superscript 그래서 모든 사람들이 그들의 라인을 다시 우리가 기억하고있다 우리의 기능은 사진을 조금 나중에 출력하는 것입니다 우리는이 div div 클래스 헤더를 작성할 것이므로 미리 한 가지 더 할 것입니다

메뉴가 필요한 이유는 애니메이션에 필요합니다 우리는 여기서 아이콘을 움직이게하여 부드럽게 나타나지 않게합니다 지금 당장 제가 처방하거나이 시간의 원칙에 따라 쓰겠습니다 우리는 똑같은 것을 쓰지 않도록 지금 모두 복사 할 수 있습니다 당신과 함께 사진과 헤드 라인으로가는 길을 바꾸십시오

차이는 애니메이션 시간입니다 즉, 차례로 표시됩니다 그림, 우리는 이것을 조금 나중에 꺼낼 것이다, 원칙적으로, 변화가 없다 우리가 변화가 있다면 지금 보자 그래서 여기에 그들은 우리가 지금 가지지 못한 침례의 그림이 아닌 것처럼 보였습니다

스타일을 끌어 와서 첫 번째 피더 메뉴를 열어 보겠습니다 우리와 함께하는 수업은 다음과 같이 쓰고 그것을 이렇게 씁니다 폭 너비는 우리가 클래스 헤더 메뉴 블록 컨테이너와 heder 메뉴 블록 컨테이너 조금 나중에 나는 왜 그렇게 움직 였는지 적어 두겠다 더 많은 메뉴를 위해 그리고 즉시 더 많은 것을 위해 그림을 위해 규정 된 클래스 추가 속성 설정 모양을 저장하다 그래서 슈퍼 메뉴는 이제 아이콘을 뽑을 것입니다 나는 폴더에 채워진 아이콘을 채우지 않을 것입니다

이미지가 아니라 여기에 그들은 모두 자신의 포토샵을 꺼내 있습니다 여기에 레이어가 여기에 표시됩니다이 세 번째 레슨을 끝내고 싶습니다 진실은 아주 힘들었지 만 당신이 있다면 진실은 걱정하지 마라 당신이 코스에있는 과목 질문과 함께 메일에 쓰지 않은 질문들 완전하게 초보자를위한 마지막 wordpress 입문서는 최종 비디오를 만들기 위해 어디에서 i 당신이 이해하지 못하는 질문에 답할 것이고 우리는 함께 분석 할 것입니다

이 강의에서는 준비된 코드를 게시하고 이미 나를 입력하기가 어려울 경우 그다지 좋지는 않지만 그것을 삽입 할 수는 있지만 물론 입력하는 것이 더 좋습니다 완성 된 코드 위에 정렬 할 수 있습니다 조금만 더 묻습니다 관심을 가져 주셔서 감사합니다 채널 별

How to Add Custom CSS HTML to WordPress Post

안녕하세요 빨간색 스테이플러에 오신 것을 환영합니다

이 튜토리얼에서 채널을 보여 드리겠습니다 모든 WordPress 페이지 또는 게시물에 사용자 정의 CSS 효과를 추가하는 방법 몇 분만 기다려주세요 WordPress에 맞춤 CSS를 추가하는 몇 가지 방법이 있습니다 첫 번째 방법은 테마에 CSS를 직접 추가하는 편집기이지만 이것은 매우 나쁜 습관입니다 CSS는 한 페이지뿐만 아니라 전체 사이트에 적용되기 때문에 테마를 업데이트 할 때 코드가 삭제됩니다 두 번째 방법은 테마를 추가하는 것입니다

스타일 태그를 포스트에 직접 사용하는 인라인 CSS는 대부분의 경우에 사용할 수 있지만 CSS가 콘텐츠로 간주되어 다른 CSS를 혼동하게됩니다 Yoast SEO 및 광고 삽입과 같은 플러그인이 잘못 배치되었습니다 광고를하거나 CSS 코드를 다른 방법으로 사용하면 추가 CSS를 WordPress의 커스터마이져 이것은 아마도 이전에 비해 최상의 방법입니다 2 개이지만 여전히 CSS는 전체 사이트에 적용되며 게시물에는 적용되지 않습니다 이 문제를 해결하기 위해 일단 WP가 설치되면 사용자 정의 CSS 플러그인을 추가로 사용하게 될 것입니다 게시물 마지막에 추가 할 수있는 상자가 있습니다

그 게시물에 대한 여분의 CSS는 예제로만 추가하는 방법을 보여 드리겠습니다 이러한 3 차원 소셜 미디어 버튼을 먼저 HTML로 복사 할 것입니다 우리가 텍스트 모드에서 이것을 할 필요가있는 포스트에 당신은 내가 가지고있는 것을 볼 수 있습니다 자바 스크립트를 추가했는데 다음은 CSS를 통해 복사 할 것입니다 상자에 넣는다 원래 코드가 추가되었으므로 약간의 조정이 필요합니다

페이지의 본문이지만 여기에서는 게시물 섹션에 추가하여 대신에 래퍼 div를 만들어 코드를 래핑 한 다음 관련 CSS를 래퍼에 몸을 넣으면 결과가 표시됩니다 튜토리얼 당신이 버튼처럼 비디오 히트를 사랑하고 튜닝을 유지하기 위해 구독하는 경우 지켜보고 다음 번에 보러와 주셔서 감사합니다

Создание сайта | Продвинутый курс по WordPress | Урок #2

알렉산더 슐레 포프 (Alexander Shulepov)와 cms wordpress 사이트 레이아웃에 대한 두 번째 고급 강의 하지만 시작하기 전에 내 채널을 구독하고 싶습니다 어떤 것에 넘겨 준 코멘트에 허스키 종을 넣는다

당신이 관심있는 주제와 어쩌면 지금 우리는 그들에 대한 비디오를 촬영할 것입니다 우리는 지금 headerphp로 이것을 할 것입니다 여분의 코드를 제거하고 대문자의 레이아웃을 시작하여 우리가 필요로하는 첫 번째 일을 열었습니다 우리가 필요로하지 않기 때문에 defo de 페이지를 제거합니까? 이 파일들과 Freddy 콘텐츠 및 콘텐츠로 이동해야합니다

원리는, 심지어 닫히기도하지 않습니다 왜냐하면 모든 것이 제거 되었기 때문입니다 마지막 교훈은 다음으로 우리가 청소해야 할 일은 여분의 것을 제거하는 것입니다 스토브 코드는 사이트 브랜딩 이후에 우리가 제거한 전부입니다 예를 필요로하지 않습니다

닫는 디바하지만 이것도 모두 삭제됩니다 우리가이 함수 전쟁을 고려할 다음과 같은 명령어들을 더 많이 저장하라 3 사이트의 발전을 저해하는 많은 기능이 있습니다 결국, 우리는 이것을 위해 cms를 사용합니다 예를 들어 get temp lane 함수가 있습니다

디렉토리 이제 일반 디렉토리를 열 것입니다 우 리가 우리의 뿌리에 이르는 길을 인도함으로써 길의 문제를 해결합니다 여기에 사이트의 글꼴 및 이미지와 같은 필요한 자원까지 그런 장소는 내가 나중에 여기에서 던질 때까지 나는이 사우나를 고려할 것을 고려한다 자녀들의 존재에 나는 닫는 슬래쉬가 포함되어 있습니다 우리가 거기에 폴더 아래에 폴더를 만든 CSS에서와 같은 방법은 항상 그들을 위해 작동하지 않습니다 기능과 여기에 우리가 감소했습니다 최소 코드에는 프론트 페이지의 다른 함수가 있습니다 여기에 글을 씁니다

이것이 주요한 것이면 우리가 어느 페이지에 있는지 확인합니다 우리가 사용할 수있는 부울 값 우리의 목표에 우리의 목표는, 헤더가 메인 페이지와 부재에 확장됩니다 내부적이지만 이러한 기능과 다른 기능은 좀 더 자세하게 사이트의 내용을 읽을 수있는 설명의 참조를 버릴 것입니다 그런 사이트 코드가 우리가 읽고있는 PCR에있을 수 있고 또 다른 사이트가 있습니다 꼭대기 및 여기에 더 많은 러시아어 버전을 읽을 수 있습니다 부지런히 이번에는 앞 페이지 기능을 삽입 해주십시오 내부 페이지에 필요한 것을 확인하십시오

어떤 이유로 든 페이지에서 다시 삽입하면이 체크가 필요합니다 내부 페이지는 수업을 Fedor에 추가하고 다른 스타일들 우리는 내부 것들에 다른 것들을 사용합니다 그래서 우리는 더 멀리갑니다 우리는 페도라 로고의 레이아웃을 시작합니다

모든 것이 이미 파괴되어 있습니다 우리의 뚜껑이 12 행이기 때문에 우리는 첫 번째 행에 대한 마크 업을 처방합니다 땋은 사이트 전에 우리는 당신이 섬에가는 수업을 삽니다 거기에는 소셜 네트워크가 있습니다 전화 번호 그래서 지금 우리는 메뉴를 감쌌다 우리는이 사이트를 연방 사칸 (sakan)에 소개하며 이는 원칙적으로 모두입니다

미니언 그는 우리와 함께 있어야합니다 바로 여기에서 우리는 같은 것을 다시 닫자 메뉴는 여기 사이트 이름 게이지 랜디 맛 창문과 큰 소리로이 게이샤 우리 모두 통제에 넣어 다음은 3 가지 너비가 있기 때문에 우리가 배제 할 내용입니다 사용 가능한 버전은 서로 다른 스타일을 규정합니다 너비가 1 인 너비에주의를 기울이십시오 컨테이너의 전체 페이지는 다른 너비입니다 팜 블록의 위치 3 너비 우리 이제 각 블록에 대해 우리는이 스타일을 우리에게 등록 할 것입니다

다시 여기 CSS를 넣어야합니다 stylecss 우리의 공유 폴더보기 수정 내 ok 이미 등록했습니다 3 속성 및 컨테이너 바닥 글 전에 스타일을 추가하기 시작합니다 그래서 컨테이너의 머리글에 최대 올빼미를 추가했고 만지의 너비는 0입니다

florind 섹스 자동 중심 디스플레이는 떨어져있어 주길 원합니다 이 모듈이 말하는 유연한 컨테이너의 모형은 무엇인지 나타냅니다 모든 요소의 중심에있는 요소의 레이아웃입니다 축 축구의 개념은 부모 컨테이너 반사의 플렉스 컨테이너에서 우수하다 여기에 자식 블록의 요소가 나오면 성행위가 시작됩니다

콘텐츠는 콘텐츠 정렬이지만 패딩 내부의 출발점이기도합니다 이제 저자를 위해 스타일 max max 너비 maija 0 차를 물을 것입니다 컨테이너의 모든 컨테이너를 같은 너비 만 설정합니다 저장하다 다시 너와 절정으로 돌아가 보자 우리의 모자를 올바른 시각으로 가져와, 우리가해야 할 일은 2 div를 더하는 것입니다 클래스와 함께 컨테이너에 헤더를 추가하여 추가합니다

당신과 내가 클래스 헤더 컨테이너에 등록하지 않은 함수 다시 헤더에서 너비를 반복하려면 다음을 수행해야합니다 클래스 devi 블록 꼰 사이트 추가 우리 우리가 여기에있는 소셜 네트워크를위한 모든 클래스는 소셜 네트워크에 대한 책임을 질 것입니다 주소 클래스가 여기에 조금 찾아 블록을 갔다되지 않습니다 그것으로 가서 우리 페이지를 등록 할 것입니다 소셜 네트워크에 차단 링크를 유출 여자를 등록, 그는 다시 우리가하지 않는 링크입니다 css에 대한 경로로 직접 링크가있을 수 있습니다 거기에 폴더는 원칙적으로 하위 폴더입니다 잘, 잘, 그러나 여기에서 우리는 변화 할 경험 자체를 소개합니다 즉, 그것은 거짓말하는이 그림에서 찾는 것은 한 곳에서 거짓말을하지 않을 수도있다 그는 그것을 대체 할 것입니다

즉, 기능에 대해, 원칙적으로 많이 읽습니다 그들은 여기에 쓰여지고 첫 번째 줄에 소셜 네트워크를 추가했습니다 이제 우리와 연락 할 다음 수업을 추가 할 것입니다 성 버드 나무가 닫힌 후에 우리는 헤더 콘택트 콘택트 블록을 닫고 이제 연락처를 추가하여 연락처를 추가했습니다 콘텐츠 블록 배경과 div가 닫히기 때문에 명령을 저장하지 않습니다

로고를위한 마크 업을 추가하십시오이를 위해 우리는 수업에 갈 필요가 있습니다 헤더 & 컨트롤 및 헤더 컨테이너 추가 여기에 우리가 가지고있는 원칙이 있습니다 그냥 복사 dev 클래스 goder 컨테이너 약간 div 클래스 헤더 헤더 컨테이너 만들기 우리는 지금 우리가 등록 할 필요가 있다고 덧붙였다 dev 클래스 ziv 클래스 혼다 로고 래퍼 여기에 우리의 로고 링크 그림이 있으면 무언가가 어디에서 무엇을 얻을지 결정하는 것이 좋습니다

폐쇄 된 항법 사이트는 발진티푸스가 닫히지 않았고 우리에게 드러났습니다 우리는 주 컨테이너 div를 닫을 필요가있다 우리 모두는 div 피더를 닫았다 우리가 계속 전진 할 때까지 우리가 저장 한 모든 것을 닫지 않은 컨테이너 다음은 비 컨테이너의 헤더에서 분리 기호로 수행 한 작업입니다 디자인에서 전체 화면에있는 것처럼 얇은 흰색의 얇은 흰색 캡 우리가 여기에 가서 피임 전에 추가하자

저장 종료 이제 집 체크 용 코드 블록 1 개를 추가하십시오 기본 페이지에서 걸을 페이지 전달 된 콘텐츠 Fedor를 닫은 후 추가됨 그래서 여기에 pelefon 페이지를 굽기 시작합니다 기본적으로 나를 따라갈 수 있습니다 이 화면에 다음을 첨부 할 수 있습니다 우리의 PHP 코드를 모든 명령을 닫을 필요가있다

나 이제 우리는 소셜 네트워크의 블록을 양식화하기 위해 함께합니다 먼저 출력물을 출력해야합니다 세 번째로 filezilla에 가서 폴더를 만들어 디렉토리 디렉토리를 만든다 이미지 ok라고합니다 우리가 그림을 다운로드하는 국가에 구부리는 전화 번호부 왜 당신이 있기 때문에 우리가 여기서 가지고있는 것은 이미지 폴더입니다

이제 우리는 꺼내야합니다 포토샵보다 넓은 Konka가 실제로 완성됩니다 우리는 단지 psd 레이아웃에서 아이콘을 선택합니다 레이어별로 폴더를 만들고 이미지에서 dzhipeg 만 빼면됩니다 두 번 스킬 클래스 아이콘 페이 스북 (Facebook) 페이스 북 트윗 그들이 바뀔 것이다

또는 빌어 먹을 instagram sound vk는 여기에있는 모든 아이콘입니다 마우스 오른쪽 버튼으로 빠른 내보내기를 클릭하면 우리는 png로 수출한다 우리는 우리의 그림을 필요로하지 않는다 우리는 그렇습니다 우리는 png가 있기 때문에 dzhipeg가 흰색 배경이 될 경우 투명하게 보입니다 그래서 우리는 테이블을 투명하게 볼 수 있습니다 크기는 100 개 남았습니다 데스크톱을 오래 동안 보지 않기 위해 데스크톱에서 선택하는 위치를 선택하십시오

우리가 수출 한 사진 전체를 이식해야한다 다운로드 방법은 데스크탑의 왼쪽 구석에서 찾을 수 있습니다 내가 이런 식으로 할 시간을 어떻게 찾 겠어? 나도 뒤집어 놓았을 것이고 바탕 화면에, 나는 그것을 여기 위에 끌고 갈 것이다 여기에 사는 것이 훨씬 쉽다 폴더는 원칙적으로 왼쪽 패널에서 던져 질 수있다

여기 포토샵에서 우리는 똑같은 말의 나머지 부분을 이렇게 던졌습니다 우리는 모든 것을 꺼내, 마우스 오른쪽 단추로 여기를 클릭하여 내보낼 수 있습니다 우리 모두는 바탕 화면으로 내보내기 때문에 모두 함께 손실되지 않습니다 페이스 북과 마찬가지로 다른 수출 방법도있다 바로 가기 키는 별도의 파일을 저장합니다

글쎄, 나는 그것을하지 않았다 당신을 조금 단순화하기로 결심했다 또한 여기에 모든 것을 던지면 모든 아이콘이 펼쳐집니다 이제 우리 사이트가 열립니다 여기에 우리 웹 사이트를 열어서 인스 타 그램과 나를 경주하는 어떤 이유로 아이콘이 있습니다

아마도 코드에서 다르게 호출되기 때문에 나타났습니다 왜냐하면 첫 번째 오류는 우리 서버의 파일에서 호출되고 다시 톤으로 호출되기 때문입니다 우리가 가서 전화 한 딸 여기에 필요한 업데이트가 우리 사이트에있는 모든 것을 관리하는 나라로 들어갑니다 이제 우리는 연락처 아이콘을 꺼냅니다 로고 이제 우리는 우리가 갖고 싶어하기 때문에 로고를 꺼낼 것입니다

등록 된 똑같이 데스크톱으로 내보내십시오 export ok 여기에 모든 것이 정확히 동일합니다 이제 우리는 열 것입니다 비록 우리가 어떤 폴더를 볼 필요가 로고 내가 여기 이렇게 던져 버릴거야, 로고도 이미지 폴더에있어, 안전하게 할 수있어 우리가 환불 할 수있게 여기에 당신을 던지십시오

모두와 우리가 몇 가지를 참조하십시오 모두 거짓말 쟁이가되어서 우리가 당신과 우리의 아이콘을 정렬 스타일을 해결,이 블록을 양식화 우리는 아이콘을 추가했고 이제는 몇 줄을 주석 처리 할 것입니다 스타일 제거 및 추가 이제 우리가 필요로하는 것의 스타일로 가자 시작하자 그리고이 줄이 일찍 떠오른다 우리가 그것을 필요로하지 않는 100 % 아내를 중심으로 우리는 그것을 논평 할 수있다

우리는 삭제할 수 있습니다, 원칙적으로, 내가 삭제할 것입니다 그리고 우리가 할 필요가있을 것입니다 추가 마이그레이션의 최소 높이는 50 픽셀입니다 우리가 추가하는 다음 클래스는 헤드 라인 블로그입니다 여기에 소셜 네트워크에 대한 링크가있는 블록의 스타일 최대 너비와 들여 쓰기 사이 및 다음 클래스 링크 사이 우리는 그것을 간다 이것은 소셜 네트워킹 링크의 스타일입니다 우리는 콘텐츠를 중심으로 정렬합니다

우리에게 미래를 들려 준다 이해할 수없는 표시 x-flash 방향이 모든 것 검색 엔진에서 걸어서 검색 할 수 있습니다 디스플레이가 무엇인지 생각해보십시오 플렉스 디스플레이 x를 가져 와서 그 정보를 읽는 것이 이해가 안됩니다 여기에있는 단어들에 대한 살아있는 예를위한 것은 무엇일까요? 나는 나 자신을 위해 자리를 잡을 것이고, 나는 이번에 아주 많이 줄 것이다 손으로있는 첫 번째 행의 컨테이너 소셜 네트워크 및 연락처에 대한 링크가 전체 너비 세트로 늘어납니다

용기 측면의 내부 블록과 그 사이의 거리 파인더 첫 번째 규칙 즉시 다른 클래스 힌 더 접촉 블록을 추가하면이 두 블록이 될 수 있습니다 전체 너비를 하나로 늘린다 우리는 최소한의 높이를 만드는 콘텐츠를 가운데에 배치하거나 더 많은 것을 만들 것입니다 첫 번째 행의 첫 번째 행을 다시 한 번 헤더로 가져올 수 있습니다 복사 붙여 넣기 및 최소 높이 추가 50px 스니프 섹스 디스플레이 최대 및 중심 즉, 다시 한번 나는 롤과 이것과 다르다

이 모든 것이 엄격한 접촉에서이 블록을 하나로 결합하는 것이 엄격히 가능합니다 블록 내용의 중심을 접점과 정렬 이제 당신은 이미이 수업을 조금 남겨 두었습니다 스타일과 스타일 그리고 우리는 접촉과 마일로를 준비 할 것입니다 서있다 그래서 메일 연락처 블록 이메일 블록 및 가족에게 연락하십시오 한 번에 모든 것이 전자 메일로 스팀을 추가하여 세련된 전화를 추가했습니다

이걸로이 수업을 끝내고 세 번째 다음 수업에서 너를 기다리고 싶어 너 뭔가 어딘가에서 내가 뭔가 잘못되지 않은 것 같아 보이지 않는다 세 번째 수업에서 걱정하지 마시고 준비 코드 headerphp를 버리고 스타일을 버리십시오 그 (것)들을두고보기와 비교하기 만하면됩니다

즉, 그렇게 될 것입니다 더 쉽게 당신이 무언가를 잘못하면 걱정하지 마라 조언을 원한다 무엇을 공부하고 어떤 속성이 나에게도 똑같은 독서를 proflex 이해합니다 중첩에 관한 동일한 장소의 진정한 레이아웃은 모든 것을 너무 필요로합니다

함수에 대해 계산이 모든 기사 링크를 던져 걱정하지 마라, 너와 모든 것을하는 것이 더 재미있을거야 알렉산더 슐레 포프에게 연락해 주셔서 감사합니다 아직 관심 없음

How to Add Image Icons With Navigation Menus in WordPress

메뉴 영역에 메뉴 아이콘을 추가하는 쉬운 방법을 원하십니까? 잘 지켜봐 이 비디오에서는 WordPress에서 메뉴 아이콘을 추가하는 방법을 보여 드리겠습니다

두 가지 방법을 보여 드리며 첫 번째 방법은 두 가지 방법 중 가장 쉬운 방법입니다 첫 번째 방법으로 우리는이 모든 것을 쉽게 할 수있는 플러그인을 설치할 것입니다 이제 WordPress 대시 보드로 넘어가십시오 우리는 플러그인 영역으로 내려갈 것이고, 새 항목을 추가하면 메뉴 이미지를 검색하려고합니다 이게 우리가 원하는거야

계속해서 설치를 클릭하면 설치가 완료되면 활성화를 클릭하십시오 활성화 된 후에는 다음으로 넘어갈 수 있습니다 우리 메뉴 영역 그러니 외모, 메뉴로가 봅시다 당신은 내 고향 지역에서 볼 수 있습니다

확장, 나는 그것을 확장 할 수 있으며 여기에 클릭 할 수있는 버튼이 있습니다 영상 이미 가지고 있거나 업로드 할 수있는 이미지를 선택할 수 있습니다 이미 가지고있는 아이콘의 파일 그래서 너는 이것을 통해 그것을하고 싶어한다

각 하나씩 또한 이미지 크기를 위해 선택했는지 확인하려는 경우 적절한 크기 24를 기준으로 24로 설정 했으므로 조정을 원할 것입니다 그뿐 아니라 여기에서 메뉴 항목의 제목을 숨길 수 있습니다

페이지 또는 위, 아래, 전 또는 후에 넣을 수 있습니다 나는 계속 지킬거야 그 다음에는 모든 일에 똑같은 일을하고 싶습니다 그들 좋아, 모든 아이콘을 추가하기 만하면됩니다

저장 메뉴를 클릭하면 이제 우리 웹 사이트로 이동하게됩니다 행동에서 보이는 것 이제 메뉴에 멋진 아이콘이 설정되었습니다 페이지 두 번째 방법에 대한 방법 중 하나입니다

CSS 그럼 어떻게하는지 보여 드리겠습니다 그러니 우리 집으로 돌아 가자 WordPress 대시 보드 나는 그 플러그인을 제거하려고 할 것입니다 그래서 나는 대신 CSS를 사용하기 때문에 플러그인을 제거했습니다

그래서 이것에 대해 우리의 외모 지역 인 메뉴로 돌아 가자 다시 우리는있을거야 이것에 대한 기본 메뉴를 사용하여 그것을 클릭하면 그 버튼과 플러그인을 제거했기 때문에 아이콘이 사라졌지만 괜찮습니다 우리가 원하는 것 해야 할 일은 화면 옵션을 보러 가고 싶습니다 여기에서 우리는 CSS 클래스를 선택해야합니다

왜냐하면이를 위해 CSS 클래스를 사용할 것이기 때문입니다 그래서 우리는 그것을 닫을 수 있습니다 그 버튼을 선택했는데 이제 CSS가 생겼어 우리 지역에서는 선택 수업입니다 내가 여기서하고 싶은 것은 새로운 CSS를 만드는 것이다

클래스를 작성하고 여기에 입력 한 다음 CSS에서 추가 할 수있는 방법을 보여 드리겠습니다 당신은 각각을 위해 별도의 것을 원할 것입니다 클릭하고 있는지 확인하고 싶습니다 저장 메뉴 이제 CSS 클래스를 추가 했으므로 CSS 클래스를 추가해야합니다

코드를 CSS 스타일 시트에 추가하십시오 링크에서 CSS 코드를 가져올 수 있습니다 이하 가장 쉬운 방법은 맞춤 설정 영역으로 이동하는 것입니다 메뉴 바로 위

맞춤 설정을 클릭하면 테마가 약간 보입니다 이것과는 다르지만 당신은 맨 아래로 스크롤하고 싶을 것입니다 이 작은 CSS는 여기에 있습니다 아마 여기에 어떤 정보도 없을 것입니다 하지만 아래로 스크롤하여 새 줄을 맞추면 붙여 넣기를 원할 것입니다

약간의 코드 그래서 기본적으로 우리는 홈 아이콘을하고 있습니다 여기에 배경이 있습니다 이미지는 당신이이 정보를 얻기를 원할 것입니다 어떻게하는지 보여 줄게

저것은 당신이 그것이 no-repeat와 그 모든 것을 말하고 있는지 확인하기를 원합니다 너는 할 수있어 모든 사람들이 CSS 이름을 모든 것에서 CSS 이름으로 바꾸는 것과 똑같습니다 우리가 메뉴에서 준 것 나는 모든 이미지의 위치를 ​​얻고 싶다

그래서 나는 새로운 탭을 열려고합니다 나는 다른 탭을 닫고 싶지 않습니다 그래서 새 탭, 대시 보드로 이동하여 미디어로 이동하십시오 나는 모든 아이콘을 사용할 것이다 방금 사용했던 것들을 이미 업로드했습니다

얻으려면 위치를 클릭하고 여기를 클릭하면 URL이 표시됩니다 모든 것을 선택하고 복사를 클릭하십시오 이건 내 일이야 CSS 영역으로 돌아 가면 About 아이콘을 찾아서 변경하고 싶습니다 이걸 그래서 나는 거기에 붙여 넣을거야

그럼 이제 모든 사람들을 위해 다른 사람 위대한, 그리고 지금 거기에있는 모든 사람들과 여기에 광고가 게재되는 것을 볼 수 있으므로 게시를 클릭 할 수 있습니다 지금 우리는 블로그를 클릭하여 실제 상황에서도 볼 수 있습니다 그래서 그들은 위대한 두 가지입니다 귀하의 워드 프레스 웹 사이트에 메뉴 아이콘을 추가하는 방법

너 배웠어? 오늘의 비디오에서 나온 게 뭔가? 그렇다면 YouTube 채널을 구독하고 우리는 당신이 당신의 WordPress 웹 사이트를 관리하고 감사 할 수 있도록 도움이되는 팁을 보낼 것입니다 보고있는

SPEED UP WORDPRESS ( Without Plugins) | WP SPEED OPTIMIZATION (Organic)

여러분 안녕하세요! 이것은 WordPress 페이지 속도 최적화 자습서 단계로 단계입니다 걱정하지 마라

나는 천천히 말할 것이고 나는 또한 천천히 보여줄 것이다 모두가 이해할 수 있으며 문제없이 직접 해결할 수 있습니다 나는 어떤 플러그인도 사용하지 않고있다 이제 내 웹 사이트에 로그인하고 있습니다 이것은 내 테스트 웹 사이트입니다

5 단계 보안이 있습니다 내 사이트에 5 단계 보안 기능이 있습니다 그것은 매우 중요한 웹 사이트 보안입니다 사이트 보안을 잊지 마십시오 내 대시 보드 야

하나의 플러그인 만 사용하고 있습니다 내 추천, 무료 플러그인을 사용하지 마십시오 그것은 해 롭습니다 당신은 "연락처 양식 7"이라고 불리는 플러그 – 인을 하나만 사용하고 있습니다 다시 말하지만, 그것은 더 좋습니다 – 무료 플러그인을 사용하지 마십시오

그것은 해 롭습니다 그것은 귀하의 웹 사이트를 느리게하고 더 많은 오류가 올 것입니다 최신 버전의 WordPress를 사용하고 있습니다 항상 웹 사이트를 업데이트하십시오 보안을 위해서도 중요합니다

자, 내 라이브 웹 사이트를 보여주고 싶습니다 나는 그것을 단계적으로 시험 할 것이다 걱정하지 마라 당신은 쉽게 이해할 것이다 그리고 나는 8 개의 다른 언어로 짧은 설명을 할 것이다

테스트가 이미 시작되었습니다 부디! 부디!! 부디!! 내 채널을 구독하십시오 이것은 새로운 채널을위한 첫 튜토리얼입니다 나는 다른 오래된 채널을 가지고있다 그러나 이것은 (이 튜토리얼은) 나의 새로운 채널을 넣을 것이다

구독 및 귀하의 의견에 대해 저에게 매우 중요합니다 제발 잊지 마세요! 나는이 튜토리얼이 어떤 WordPress 애호가에게 도움이 될 것이라고 생각한다 WordPress를 좋아한다면 화면을주의 깊게 따라주십시오 나는 덜 말하고 더 많이 할 것이다 그리고 모든 링크는 내 비디오 설명을 넣을 것입니다

이 URL 주소를 읽거나이 URL 주소를 기억할 필요가 없습니다 그것은 비디오 설명에있을 것입니다 너도 알지! 4, 10 %의 손실이 있지만 좋은 결과입니다 플러그인이 없으면 다시! 다시! 플러그인없이이 자습서

그것은 유기적입니다 이제 나는 시험 할 것이다 그것은 "Mobile Friendly Test"라고 불린다 이것은 Google 테스트입니다 70 % 인터넷 사용자가 모바일 장치를 사용하기 때문에 어떤 웹 사이트에서도 중요합니다

테스트가 이미 시작되었습니다 5 ~ 10 초가 소요됩니다 아마도 더 약간의 시간은 20 초 이것도 초록색입니다

모바일 친화적 인 페이지입니다 그것은 또한 좋다 이제 1 단계입니다 코드에 오류가 없다는 것을 확인하십시오 이것은 공식적인 WordPress 페이지입니다

그들이 추천하는 내용을 읽으십시오 WordPress 권장 사항을 따르지 않으면, 당신은 좋은 결과를 얻지 못할 것입니다 나는 항상 WordPress 추천을 따릅니다 이제는 내 사이트를 테스트 할 것입니다 최대 1 ~ 5 초의 시간이 소요됩니다

아무 경고도 경고가 표시되지 않습니다 그것은 신선하고 청결하며 깨끗합니다 이제는 내가 사용하고있는 모든 코드, 모든 링크, 모든 이미지를 보여 드리겠습니다 너는 모든 심상이 여기에서있는 것을 본다 나는 이미 그것을 최적화했다

좋다 오류가없고 모두 녹색입니다 좋다 아주 좋아 이 소리에 유감스럽게 생각합니다

그것은 외부에서오고있다 나는 그것을 멈출 수 없다 이제는 내 CSS 파일을 검사 할 것입니다 나는 하나의 메인 CSS 파일을 가지고있다 나는 그것을 확인해야한다

여기 내 모든 코드가있다 복사하여 여기에서 복사하여이 사이트에 붙여 넣으십시오 그것은 w3c입니다 너는 보았다! 붙여 넣기 만하면됩니다 그것은 또한 녹색입니다

매우 훌륭하고 우수하며 귀하의 웹 사이트에 대한 유기적 결과를 얻을 것입니다 결코 빨간색이 아닙니다 또 다른 4 단계를 통해 페이지 속도를 빠르게 할 수 있습니다 이제 Google Page Speed ​​인사이트를 확인하고 있습니다 당신은 결과를 봅니다! 모바일 장치 용 80/100 최적화없이이 결과

이것은 유기적 인 결과입니다 이것은 자연 스럽다 컴퓨터가 좋은 것을 의미하는 PC의 경우 녹색입니다 두 번째 단계 두 번째 단계는

htaccess 파일을 사용하여이 파일을 모두 압축합니다 이 파일이 있어야합니다 너도 알지! 나는 모든 코드를 복사하고 어떤 블록이 내 사이트에 필요한지 테스트하고있다 원본 파일을 볼 수 있습니다! 먼저 라이브 서버에서 PC로 다운로드합니다 첫 번째 블록 만 사용하겠습니다

다른 코드 블록을 사용할 수 있습니다 이것은 공식 워드 프레스 사이트에서입니다 웹 사이트에 알 수없는 코드를 사용하지 마십시오 그것은 귀하의 웹 사이트에 해로울 것입니다 너도 알지! 첫 번째 블록 만 붙여 넣고 다른 것은 삭제하고 저장합니다

그리고이 파일을 다시 라이브 서버로 다시로드하십시오 너도 알지! 나는이 파일을 오른쪽에두고 업데이트 할 것이다 여기가 업데이트 중입니다 너 봤어? 죄송합니다 파일 이름 인 서버 이름을 닫습니다

보안 문제 일뿐입니다 나는 당신을 보여줄 수 없으며 어떤 웹 개발자에게도 권하고, 당신의 서버를 보여주지 않습니다 이름 또는 다른 것, 컴퓨터 이름 너도 알지! Google의 추천? 시간! 로드 시간! 나는 이미 내 모든 이미지를 최적화했다 이제는 완벽하게하는 방법을 보여 드리고자합니다

Google 추천을 읽을 수 있습니다 그것을하는 방법 다음은 모든 권장 사항입니다 당신은 당신이 당신의 심상을 낙관 할 때 항상 좋은 결과를 얻을 수있다 내가 너를 보여주지

Go이 웹 사이트 이것은 좋은 것입니다 처음에는 사이트에서 모든 이미지를 하나씩 다운로드하십시오 파일 이름이나 폴더 이름을 절대로 변경하지 마십시오 그것은 동일 할 것이다

너는 -78을 본다 이제 이미지 품질을 보여 드리겠습니다 어떤 것이 최적화되었는지 이해할 수 없으며 최적화되지 않은 것입니다 품질은 동일하며 크기 만 다릅니다 이 후

이 전에 당신은 이것이 약 100 킬로바이트에 가깝다는 것을 알 수 있습니다 품질은 같습니다 그리고이 하나의 원본 이것은 약 400KB입니다

대략 300 킬로바이트를 절약 할 수 있습니다 이것은 세 번째 단계입니다 다시 파일 이름을 변경하지 마십시오 이제 우리는 내 (우리) 웹 사이트를 확인합니다 그것은 내 웹 사이트를 의미합니다

모든 그림은 같은 장소입니까? 누락 된 것이 없습니까? 나는 내 이미지를 확인하고있다 예, 올바른 장소의 모든 이미지와 품질이 동일합니다 브라우저 데이터를 지우는 것을 잊지 마십시오 업데이트 할 때도 중요합니다 이제 브라우저 데이터를 삭제합니다

나는 지금 나의 웹 사이트를 시험 할 것이다 다른 점은 무엇입니까? 내 요점을 기억해 너도 알지! 그냥 역사를 삭제 그런 다음 시험을 시작하겠습니다 승인

그것은 괜찮습니다 이제 내 웹 사이트를 테스트 할 수 있습니다 너도 알지! 그것은 좋은 녹색입니다 87 좋다 93 또한 좋았다

너도 알지! 모두 녹색입니다 너도 알지! 하나의 렌더링 CSS 파일 문제는 문의 양식 7에서옵니다 그래서 무료 플러그인을 사용하지 말라고 말한 것입니다 플러그인 더 많은 오류 나는 무료 플러그인을 좋아하지 않는다

당신이 좋아하면 사용할 수 있습니다 수천 개의 플러그인은 무료이며 원하는 수를 사용할 수 있습니다 무료 플러그인에 대한 다른 자습서가 있습니다 나는 그것을 나중에 넣을 것이다 이제 4 번과 5 번 단계로갑니다

먼저 CSS를 축소하고 자바 스크립트 파일을 축소하십시오 우리는 다른 점을 얻을 것이다 여분의 포인트는 우리가 좋은 속도를 얻을 수 있도록 도와줍니다 귀하의 사이트 (라이브 사이트에서)에서 귀하의 모든 CSS 파일을 다운로드하십시오 그런 다음 모든 css 코드를 복사하십시오

너는 보았다! 8 개 언어로 된 설명 그것은 당신을 도울 것입니다 당신이 직면하고있는 어려움이 있으면 저에게 편지하십시오 코드를 복사하여 붙여 넣기 만하면됩니다 너도 알지! 먼저 방해하기 때문에 CSS를 입력하십시오

그것을 삭제하십시오 파일을 한 번 클릭하면 간격없이 OK입니다 하나의 큰 파일 이 파일을 읽을 수 없으며 편집 할 수 없습니다 같은 파일을이 코드에 넣고 업로드하십시오

이제 JavaScript 파일과 동일한 프로세스를 수행 할 것입니다 그것은 매우 쉽습니다 걱정 마세요 화면을주의 깊게 따라하십시오 처음부터 끝까지 당신은 좋은 웹 개발자가 될 것입니다

너도 알지! 나는 모든 JavaScript 코드를 복사하여 여기에 붙여 넣습니다 (왼쪽) 클릭 만하면 바로 사용할 수 있습니다 너도 알지! 어떤 간격도 없다 편집 할 수없고 이해할 수 없습니다 너뿐 아니라 나는 또한 이해하지 못한다

아무도 이해할 수 없다 그것은 일할 준비가되어 있습니다 지금 나는 나의 웹 사이트를 다시 시험 할 것이다 테스트 전에 인터넷 사용 정보를 지우는 것을 잊지 마십시오 나는 이미 그것을 지웠다

브라우저를 새로 고침하고 테스트하십시오 너도 알지! 그것은 또한 녹색, 실수는 아니지만 결과가 좋지 않습니다 그러나 걱정하지 마십시오, 좋을 것입니다 연락처 양식이 방해가됩니다 접촉 양식 7 방해

하나는 내 사진 (이미지)입니다 이제 나는이 이미지를 최적화하려고 노력할 것입니다이 이미지에 너무 많은 작은 텍스트가 있기 때문입니다 나는 너에게 지금 보여줄 것이다, 너는 지금 그것이 24 %임을 보았다 나는 그것을 다시 최적화하려고 노력한다

나는 너에게이 그림을 보여주고 싶다 이미 웹 서버를 최적화하고 다시로드하고 테스트를 시작했습니다 매우 작은!! 결과? 아래쪽의 작은 텍스트가 불안해하는 것을 볼 수 있습니다 이 이미지를 바꿀 수 있으며 괜찮을 것입니다 이 CSS 및 JavaScript 파일은 원본에서 가져온 것이므로 편집 할 수 없으며 수정할 수 없습니다

20 17 테마, WordPress 테마 나는 아이 테마를 사용하고있다 6 번 스텝 그것은 css 전달 시스템을 의미합니다 Google 지침을 읽을 수 있으며 매우 쉽습니다

하지만 다음 튜토리얼에서는 sul와 함께 Gulp를 사용합니다 너무 빨라요 그 시간 나는 단지 나의 사이트 넘버 6 (스텝 넘버 6)을 건너 뛰고있다 왜냐하면 나는 다른 것을 가지고 있기 때문에 이것을하는 더 나은 방법 이제는 다른 도구로 내 웹 사이트를 점검 할 것입니다

그냥 재미로 Pingdom입니다 그것은 또한 웹 사이트 속도 테스트를위한 인기있는 도구입니다 너도 알지! 테스트가 시작되고 결과가 나타납니다 – 보시오! 100 % 및 1 초 미만, 91 % 빨라지고 녹색 오 그것은 아주 좋은 모두 녹색입니다

오류 없음 잘했습니다 당신이 내 지시를 따를 경우 당신은 같은 결과를 얻을 것입니다 이제 다른 사이트와 테스트 해 보겠습니다 GTmetrix라고합니다

Google reCAPTCHA가 올 때마다! 너도 알지! 이 사이트는 속도 테스트에도 좋습니다 테스트가 이미 시작되었습니다 30 ~ 40 초가 소요됩니다 너도 알지! 어떻게 된 거예요! 좋은 결과 Yslow의 마지막 테스트

웹 사이트에서 다운로드하여 테스트 할 수있는 것보다 컴퓨터에 설치해야합니다 내 사이트가 보입니다 이미이 프로그램을 설치했습니다 너도 알지! 로고가 있습니다 여기를 클릭하십시오

대시 보드가 열리 며 확인을 클릭하십시오 확인 중입니다 Yslow! Yslow !! 그것은 또한 좋다 너도 알지! A 등급과 92 등급 좋습니다

나는 매우 행복하며 당신이 나의 지시를 따르는다면 행복하게 될 것입니다 필요없는 무료 플러그인 그것은 방해가 될 것입니다, 그것은 더 많은 오류를 만들 것입니다, 그것은 귀하의 웹 사이트와 플러그인을 지연됩니다 안전하지 않습니다 다음 튜토리얼은 다음과 같습니다 구독자가 10,000 명이면이 새로운 튜토리얼을 새 채널에 추가 할 것입니다

그렇지 않으면 내가 페이지를 최적화하기가 매우 어렵 기 때문에 이것을 넣지 않을 것이다 그것은 큰 돈이다 한 지점에서 실수를하면 결과를 얻을 수 없습니다 나는이 웹 사이트를 얼마나 빨리 보여줄 것인가 100/100이 될 것입니다

이제 웹 사이트 코드를 확인하고 있습니다 오류가 없는지 확인하십시오 웹 사이트를 개발하거나 디자인 할 때 매우 중요합니다 오류가 없는지 확인하십시오 너도 알지! 경고없이 한 번만 오류가 발생하고 WordPress에서 오류가 발생합니다

오! 24 밀리 초입니다 너 봤어? 단 24 밀리 초 보고 주셔서 대단히 감사합니다 나쁜 영어로 실례합니다 나는 4 개의 언어를 알고있다

나는 러시아어를 할 수있다 이것은 모두 내 모국어가 아닙니다 보고 주셔서 대단히 감사합니다 부디! 부디!! 부디!!! 구독하십시오 (Pozhaluysta! Pozhaluysta !! podpishites의 na moy kanal

pomogite mne uluchshit 'kachestvo video uroki dlya vas) 대단히 감사합니다 나는 또한 러시아어를 사용한다 죄송합니다! 고맙습니다! 고맙습니다! 부디!!! 구독하십시오

Divi 3 How To Animate Any Single Word With Hover CSS

안녕 얘들 아, 다른 Divi에 오신 것을 환영합니다 WordPress에 테마 자습서 이것은 제이미 시스템 22 및 웹 디자이너 기술 팁에서 진정 우리가이 작은 전속 사이트에서 놀았 던 것은 기능과 누군가가 내게 큰 질문을 보냈다 사탕이 자라는 누군가로부터 당신이 단 하나의 h2에있는 단어 잘 간단한 답변을 확실히 확실히 당신은 애니메이션에서 격리 수 있습니다 당신이 원하는 모든 것에 대해 그리고 나는 그것이 아주 쉽다는 것을 당신에게 보여줄 것입니다

여기에 무작위로 단어를 선택해 봅시다 그 사람들이 h2s라고 생각해 마우스 오른쪽 버튼으로 클릭하고 검사합니다 위대한 Chrome 브라우저를 사용하고 있습니다 검사기 도구 예 h2 우리는 h2를 볼 수 있습니다

이 단어들 중 하나를 타겟팅하자 그러니 계속해서 비주얼 빌더를 활성화하십시오 이제 우리는이 섹션을 여기에서 편집 할 수 있습니다 멋지게 만들었고 우리는 그것을 볼 수 있습니다 우리는 텍스트보기에 있으며 기본적인 HTML 편집을 여기에서 할 것입니다

거기에 바로 그 단어가 있고 거기에서 볼 수 있듯이 h2에 싸여있다 그리고 내가 말했듯이 텍스트 탭에 있는지 확인하면 모든 태그를 볼 수 있습니다 그리고 저는 그것들을 오픈 스탠다드 (span tag)라고 부르는 것에 쓰겠습니다 대괄호 SP는 스팸 메일이고 다른 한 쪽은 내가 닫을 것입니다 SP는 지금도 내가 WordPress가 있는지 여전히 모르겠다

스팸 메일 태그를 제거 할 때 스팸 태그를 제거하는 것이 좋습니다 작동하지 않습니다 이제 다른 방법을 찾게 될 것입니다 마음 그러나 이것이 내가 원한다면 내가 할 수있는 방법이다 그래서 우리는 스팸 태그에 지역 단어를 싸서 이제이를 대상으로 할 수 있습니다

이 전체 요소에 CSS 클래스를 부여합니다 나는 수업에서 SSID를 보게 될 것이고, 나는 그들이 단지 하나의 단어를 분리하기를 원한다 분리를 위해 ISO라고 부르 겠어 그래서 기억할 수있어 이제 우리는 이걸 가지고있어

우리가 준 엘리먼트는 우리가 여기에이 엘리먼트를 가지고 있다고 말하려합니다 ISO의 클래스가 주어 지므로 ISO로 요소를 대상으로 지정할 수 있습니다 h2 ISO로 타겟팅 할 수 있습니다 h2는이 특정 부분을 타겟팅합니다 일부 스팸 태그에서이를 감싸서 타겟팅 할 수 있음을 알고 있습니다

스팸 메일은 여기에서이 특정 단어를 타겟팅해야합니다 HTML 태그를 다시 검사하여 해당 팬 태그를 제거하지 않았는지 확인합니다 나가 WordPress가 저것을 항상하는 것을 사용했다는 것을 나가 그것을 말하는처럼이다 비주얼 빌더의 괜찮은 분석가 X 마우스 오른쪽 버튼으로 클릭하면 @h가 텍스트에 다시 나타납니다 그곳에는 잘 보이기 때문에 우리는 사람의 꼬리표가 여전히 거기에 있다는 것을 알 수 있습니다 이제 우리가해야 할 일은 실제로 가서 목표로 삼는 것입니다

우리의 WordPress 대시 보드를 아래의 DB 및 테마 옵션에서도 사용할 수 있습니다 커스텀 화일에 커스텀 CSS 박스가 있습니다 페이지 아래쪽으로 스크롤하여 빠른 제목을 지정해 보겠습니다 격리 된 h2 지금 우리가 말한 것은 우리가 그 요소를 누구라고 부르는가입니다 Oh 그것은 클래스이기 때문에 그것은 항상 클래스와 점이 점이 그래서 약간의 공간을 얻을 해시 태그에 ID를 지정하면 이것이 클래스이므로 오, 그 텍스트입니다 h2는 iso 요소 내에서 h2를 대상으로 타겟팅하고 있습니다

펼치기 범위를 타겟팅하고 우리가 그 위에 마우스를 올리면 그 지점이 발생하기를 원합니다 우리는 그것이 당신이 의미하는 바 였기 때문에 그것이 내가 취한 방식이라고 생각합니다 질문 잘하니 우리가 잘하고 싶은 일을 해봅시다 더 큰 크기라고 말하자 그것이 25의 사진에 관해 얼굴에 나타내는 것은 얼마나 클지도 아마 let 's는 30의 사진을 말하고, 시원하게 또는 세미콜론을 사용하면 30 픽셀을 넘기지 않으므로 세미콜론을 사용하지 마십시오

색깔도 바꿔라 논쟁의 여지가 너무 빨갛다 좋아요 그래서 우리는 요소 텍스트를 대상으로했습니다 우리가 만든 스팸은 글꼴 크기가 바뀔 때 한 단어 만 빨간색으로 변하고 변경 사항 저장 좋은 작은 체크 박스가있어 사이트로 돌아가서 새로 고침 당신 그 작은 단어 위에 마우스를 가져 가면 빨간색으로 바뀌고 조금 거기서 우리는 너에게 간다

그래서 그것은 일어나고 있지만 매우 행복하지는 않습니다 그냥 점프하는 것은 괜찮아요 물론 당신을 의미합니다 당신이 회전하는 twisty를 원하는 CSS 효과를 전혀하지 않았습니다 너는 사라지게 할거야

하지만 나는 그걸로 사라지지 않을거야 그 즉시 거의 맞는 느낌을주는 것처럼 보입니다 여기에 다시 들어가서 클래스를 복사 해 봅시다 이 호버를 여기 위에 놓고 일부를 열고 닫을 것입니다 중괄호를 써서 한 번 보도록하겠습니다

아마도 05 초 정도의 멋진 전환과 나는 그것을 원한다 모두 다 목표로 삼 겠지만 단 하나의 단어 일 뿐이지 만 여전히 거기에 넣을 것입니다 05 초를 0

5 초라고 말하면 더 쉽게 할 수 있습니다 그것은 단지 일종의 일이 아니라 심하게 과도기 반감기 완화 용이성 지금 당신이 여기에 전환을 사용할 때 WebKit 그런 다음 다시 전투를 복사하면 공급 업체 프리픽스라고 부르는 것이고 당신이 할 수 있다고 생각하는 다른 브라우저에서 작동하는지 확인하십시오 더 이상이 아이콘을 없애고 그 아이콘이있는 다른 아이콘이 있습니다 관례와 같은 일을 다시하지만 나는 그것들이 더 많이 업데이트 되었기 때문에 그것이 작동하지 않는다고 생각한다 그렇지만 그렇게 할 수 있도록 두 사람을 둘 수 있습니다

변화를 저장하자 이제 사이트로 돌아가 보겠습니다 새롭게 하다 이제 우리가 그 위에 마우스를 가져 가면 30 초가 걸릴 것입니다 작은 호버 효과가 너무 폭력적이어서는 안됩니다 거기에 우리는 조금 더 쉽게 그들의 눈에 보이지 않는 것 같습니다

그것 같이 결함 그게 낫다 그래서 나는 그것이 당신이 의미했던 것이고 물론 당신이 지금까지이 모든 것을 주었기를 희망합니다 그 도넛 형 교실 일을 원하면 노래 부를 수 있어요 집에 다시 비주얼 빌더가 없다고합시다 당신 당신 우리는 단순히 같은 수업을들을 수는 있지만 그는 요소와 어떤 스왓 스팸 메일에 우리가 말하지 않은 스팸 스팸 태그 약 당신 이제 우리는 다시 같은 수업을해야합니다 이것은 ISO 기억은 때로는 그렇지 않지만 나는 그것이 무엇인지 확신한다

변경 사항 저장 비주얼 빌더를 종료하십시오 이제 그 단어를 집으로 가져 가면 같은 효과를 가져야합니다 물론 그것은 내가 뭘 잘못했는지 보자 알았어 그게 우리가 잘못 한거야

나는 클래스와 ID 대신에 ID를 주었다 물론 작동하지 않을 것입니다 그래서 우리는 ISO 클래스를 제공 할 것입니다 우리는 그것을 구할 것이다 이번에는 비주얼 빌더를 다시 빠져 나와서이 일을 할 수 있기를 바랍니다

당신이 코딩하는 동안 당신이 이야기 할 때 일어나는 일은 당신이 잘못한 것을 얻는 것입니다 저기에서 우리가 가서 시도해 봅시다 물론 당신은 목표로 할 수 있습니다 어떤 단어 나 실제로 원하는 모든 것을 똑같은 것을 스팸으로 싸서 iso 클래스에 넣으면됩니다 우리가 전에 말한 것과 같은 효과가 있다면 어떤 이유로 wordpress 이 팬세를 떼어 내고 때때로 멈추는 일을 멈 춥니 다

과거에 일어난 일이라면 그 작은 보트를 내가 어쩌면 고칠 수도 있겠지 그 경우에 들어가서 h3에서 그 단어를 만들어서 h2와 h3 정확히 같은 크기와 같은 칼로리 차이를 말할 수 없다 범위보다는 h3를 목표로 삼아 잘 작동 할 것입니다 이 동영상을 즐겁게 읽고 발견 한 경우 귀하의 질문에 답변 해 주시기 바랍니다 유용하다면 공유하고 YouTube 채널을 구독하십시오 웹 개발에 관심이 많다

무료 개발 코스는 물론 프리미엄 코스도 있습니다 우리의 youtube 구내 구독자를 위해 몹시 할인 된 이렇게 다시 한번 보십시요 이것은 시스템 22의 제이미이며 웹 디자이너 tetrapod는 위대한 일