Bootstrap 4 Create A Custom CSS File

좋아, 이제 막 마지막 비디오에서 우리는이 페이지를 그냥 지나쳤습니다 모든 것이 맨 위에 있었는지 설명하고 여기에 사용자 정의 스타일이 있습니다

템플릿 우리는 자신 만의 CSS 파일을 만들 것입니다 2 ~ 3 개의 서로 다른 페이지가 있으며이 모든 페이지에 스타일을 적용하고 싶습니다 이 CSS를 별도의 파일로 연습하는 것이 더 좋습니다 그래서 내가 할 일은 내가 원하지 않는 모든 것을 복사하는거야 태그 나는 우리의 실제 사용자 정의 CSS 파일을 위해 그런 것들을 필요로하지 않는다

그래서 나는 단지 복사 할 것이다 시체에서 클로저를 닫는 중괄호 오른쪽 ctrl C 지금 복사하기 나는 파일에 가서 새로운 것을 칠거야 이 새로운 파일에 제목을 부여하고 이렇게하려면 주석을 달아야합니다 네가 할 때 네 개의 슬래시 스타 스타 슬래시가 나온다 여기에 넣은 코드는 브라우저에서 코드로 읽을 수 없습니다

우리는 코멘트를 달고 코멘트를 달아서 내가 넣을거야 곧 올 좋아하는 사용자 정의 스타일을 이제 드롭 다운하면됩니다 몇 번 키를 반환하고 컨트롤 V를 붙여 붙여 넣습니다 방금 복사 한 내용 그리고 나는 그걸 모두 뒤로 당길 수 있도록 조금 뒤쪽으로 당기고 싶다 이걸 통해 내게 물건을 앞뒤로 움직일 수 있습니다

방금 쳤던 오른쪽으로 이동하여 원하는 것을 선택하고 탭 키를 치고 왼쪽으로 돌아가서 원하는 것을 선택하고 Shift + 탭 키를 눌러서 코드와 코드는 훨씬 더 잘 보이고 더 잘 조직 될 것입니다 네가 알아 차 렸는지 모르겠다 그래도이 일은 좋은 습관이다 내가 모든 백인이라고 말할 때 모든 백인을 본다 나는 모두를 의미하지는 않는다 흰색으로 바뀌 었습니다

색이 모두 하얀색 이었으므로 저장하지 않았기 때문입니다 우리는 괄호에 어떤 파일이 있는지 알려주지 않았으므로 우리가 필요로하는 것입니다 지금 파일 저장으로 이동하거나 원하는 경우 ctrl shift를 누를 수 있습니다 그리고 그것은 우리가 그것을 잡았던 이름에게 당신이나 당신이 원하는 것을 줄 것이다 당신이 부른 것을 기억하고 파일 타입을 주어야합니다

CSS 스타일 시트를위한 점 CSS입니다 당신은 색깔이 바뀌었고 우리의 의견은 거기에 주석 처리되어 있기 때문에 그것을 볼 수 있습니다 CSS로 읽으므로 우리가 효과적으로 우리의 indexhtml로 돌아 가면 우리 사이트의 스타일 시트를보실 수 있습니다 더 이상 이걸 필요 없지만 우리가하는 일 매번 사용자 정의 CSS 파일을 읽어 와서 무엇을 읽어야하는지 알려줄 필요가 있습니다

우리는 거기에있어 그래서 시작 스타일 태그에서 모든 것을 지울거야 닫는 스타일 태그를 포함한 그리고 밑에는 코드가 약간 생깁니다 실제로 꼭대기와 똑같은데 사실은 그걸 조금 복사 할거야 바로 지금 우리의 스타일 시트는 맞춤 CSS라고 불렸습니다 여기에 많은 것이 붉은 색으로 변했습니다

이 물건에 빨간색이 보인 곳은 보통 문제가 있음을 의미합니다 당신에게 뭔가 올바르게 작동하지 않는다는 것을 말하면서 그것은 아주 간단합니다 이 태그에 닫는 태그를 두지 않았으므로 이미 알았습니다 하지만 빨간색을 보았을 때 무언가를 의미한다는 것을 염두에두면 안됩니다 나는 그것을 고쳐야한다면 그것을 고칠 필요가있다

그래서 이것은 우리의 커스텀 CSS 파일을 가져 오는 것이라고 말할 것입니다 이제 막 끝 부분에 닫는 태그를 붙이면됩니다 우리가 그 ctrl을 말하면 우리는 지금 가야한다 우리는 우리의 웹 사이트에서 새로 고침을 할 때마다 CSS CSS가 동일해야합니다 제대로 작동하고있다

거기에 우리가 간다 내가 똑같은 머무르고있는 모든 것을 새로 고쳐 줄께 내가 그걸로 모든 일이 잘되고 있는지 확인해 줘 우리 몸은 배경색이야 난 그냥 빨간색으로 넣을거야 그냥 배경에 넣어 파란색 말 그 컨트롤이 지금 우리 사이트로 돌아 왔을 때, CSS가 파일이 올바르게 작동하고 파란색으로 바뀌어야합니다

여기 잘 잘 작동하고 그 못생긴 괜찮지 않아요 이제 허프 파일로 돌아가서 커스텀 CSS 파일을 만들었습니다 나는 그걸로 행복하다

Divi 3 Add CSS Spin Effect To Any Module In The Divi WordPress Theme

안녕 얘들 아, 다른 워드 프레스 Divi 테마 자습서에 오신 것을 환영합니다 이것은 Jayme에서입니다 시스템 22와 웹 디자이너는 우리가 이걸 가지고 놀았 던 것을 잘 알고 있습니다 divivy 사이트는 여기에 있고 Divi 테마는 절대적으로 당신이 WordPress 사이트의 어떤 종류를 만드는 경우에 나는 당신을 추천 할 것이다 굉장하다

그것을 시험해보고 그것을 시도하고 싶은 경우에 그것을 이렇게 다재다능하게보십시오 이 비디오 아래의 링크에서 이제 우리는 끝났습니다 이 사이트에 약간의 효과를 추가하여 조금 더 보이게 만듭니다 재미 있기 때문에 내가하고 싶은 일을이 시간에 계속 추가하자 아마도 여기에이 아이콘으로의 회전 전환 비트와 나는 그것이 회전하기를 원한다 수평으로 회전하는 바퀴가 아닌 회전하는 동전과 같습니다

꽤 쉽게 할 수 있지만 특히 사람들이 클릭하거나 기다리 길 원한다면 눈에 띄게하기 위해서 좋은 효과가있다 그래서 오른쪽 클릭을하겠습니다 Chrome 브라우저를 사용하고 있습니다 여기 있습니다 이 작은 요소를 마우스 오른쪽 버튼으로 클릭하고 검사하십시오

우리는 아이콘 아이콘 클래스라는 것을 알 수 있습니다 재미 있습니다 당신이 그것을하는 방법을 배우고 싶다면 여기에 우리 사이트에 추가 한 멋진 아이콘들 우리가 그것에 관해서했던 우리의 글꼴 굉장한 튜토리얼을 확인해주십시오 아주 쉽게 그리고 그들은 거기에 거대한 선택을 가지고 그래서 우리가 원하는거야 효과를 발휘하고 여기에 컨테이너를 올려다 보면 클래스가 있습니다 이름 또는 글꼴 a 그래서 우리는 a에서 글꼴에 영향을 미칠 것입니다

컨테이너는 컨테이너 내의 아이콘입니다 이제 내가 원하는 것은 마우스를 가져 가면 상태가됩니다 그래서 나는 여기로 가서 우리의 작은 구멍을 확인하고 호버 상자를 확인합니다 이제 우리는 이것을 hover 상태에 놓을 것입니다 우리는 그것을 가져갈 것입니다

그래서 여기에 우리가 있습니다 우리의 글꼴은 글꼴입니다 나는 눈을 말해야합니다 조금 더 가져 와서 조금 더 쉽게 볼 수 있습니다 이제 나머지 부분처럼 그 위에 마우스를 올려 놓으면 뭔가 할 수 있습니다

우리는 이것을 붉은 색으로 바꾸고 상자의 그림자를 조금 더 눈에 잘 띄게되고 우리가 가진 것처럼 보입니다 하단에 다른 마진도 있으므로 변형 시키십시오 동전처럼 회전 시켜서 우리가 원했던 방식을 바꾸어 봅시다 우리가 회전하고 싶었던 변환 우리가 바로 거기 회전하고 있고 어떤 방법으로 회전했는지 우리가 수평으로 회전하기를 원할 정도로 회전하고 싶다 Y를 회전시키고 적어도 하나의 혁명을 위해 얼마나 많이 회전 시키길 원하나요? 360 도가 될 것이므로 여기서 중괄호를여십시오

360도 4도 거기에 둥근 브래킷을 닫으면 세미콜론이 켜집니다 좋아, 지금은 아무 일도 일어나지 않아 그러니 얼마나 오래 지속될 수 있을지 생각해 봅시다 우리가 이것을 끝내기 위해서 오래 걸릴까요? 2 초라고 말합시다 항상 우리가 전환을 바꿀 수있는 충분해야합니다

기간은 우리에게 다시 전환과 지속 시간을 촉구합니다 2 초에 2 초를 넣을거야 잠시 그 선택을 취소하고 그 위에 마우스를 가져 가세요 우리는 당신이 그것을 할 수 있다는 것을 알게됩니다 물론 360 전환을 할 수 있습니다 180 당신은 기본적으로 그것을 원한다면 720을 만들 수 있습니다

한 회전 서버가 빈 쪽에서 시작하여 거기서 끝납니다 그래서 그것은 예를 들어 그 호버가 다시 돌아 가게하는 것입니다 180 180으로 바꾸자 이제 그 전체를 꺼내 보자 거기에 뭐였지? 거기에 그냥 180 않습니다 그리고 그는 여전히 그것을 수행하는 데 2 ​​초 걸립니다 물론 다른 방법으로 바꾸면 720을 할 수 있습니다

또는 할 수 있습니다 그러나 많은 사람들이 그 호버를 다시 쳐 보자 이번에 7시 20 분이라고 말하기 당신 이번에는 반올림해야합니다 이번에는 2 초 걸립니다 너해라

좋아, 그럼 우리가 실제로 가지고있는 것을 복사 해 보자 우리가 360을 말하기 전까지 한 번에 회전합니다 당신이 볼 수 있듯이 36,000이 아니라면, 나는 그것이 회전하고 회전 할 것입니다 스핀 내가 너에게 보여 줄게 네가 원하는대로 넣을 수 있다고 말했듯이, 그건 내가 원한 것이 아니야

하나를 너무 많이 넣으므로 그 중 하나를 꺼내어 실제로 다시 원래의 360으로 돌아가고 싶습니다 조금이라도 어쩌면 1 포인트 5 초 만듭시다 어떻게 생겼는지 보아라 네, 조금 더 빨라요 괜찮습니다

알았어 그냥 우리가 여기에서했던 것을 복사해서, 나는 그 호버를 다시 치고있다 그리고 나는 그것을 아래쪽으로 모두 복사 할 것이고, 이제 나는 그것을 바꿀 필요가 없다 우리가 바꿀 필요가없는 것들은 무엇이든 바꿀 수 있습니다 우리 대시 보드에 가보자

우리는 Divi가 있고 우리는 테마 옵션에있다 우리의 커스텀 CSS 패널은 테마 옵션 페이지의 하단에 있습니다 아, 테마 커스터마이저의 맨 아래에도 같은 장소가 있습니다 우리 코드를 여기에 넣으십시오 스타 스타 네 슬래시와 우리는 단지 그것을 스핀이라고 부를 것이다

너 너 좋아, 이제 크롬 검사기에서 복사 한 코드를 붙여 넣었습니다 브라우저가있어서 지금은 아무것도 바꿀 필요가 없습니다 그래서 처음 세 번 윤곽 우리는 제거 할 수 있고 또한 내가 할 일은 이것을 복사 할거야 변환 라인에 줄을 긋고 그들이 공급 업체 프리픽스라고 부르는 것을 추가하여 그것은 파이어 폭스 브라우저에서 작동하거나 사파리 브라우저에서보고 그래서 나는 단지 – WebKit – 그 다음 Safari에서 작동하는지 확인합니다

브라우저는 물론 커버가 우리를 꽤 잘 감싸므로 변경 사항을 저장하면됩니다 사이트에 가서 새로 고치면 나는 그 검사관을 지금 없애 버린다 우리 사이트에는 이제 모든 글꼴이 같은 클래스를 가져야합니다 모든 것이 실제로 회전해야합니다 첫 번째 체크를하자

하나도 스핀해야합니다 거기서 우리는 그들이 회전하는 모든 과정을 진행할 수 있도록합니다 당신은 내가 이걸 적용 할거라고 생각하지 않기를 바란다 왜냐하면 우리는 계속 진행하고 있기 때문이다 우리가 이것을 여기에 적용하기를 원한다면 혹시 그것은 단지 클래스를 제공하여 우리의 비주얼 빌더를 가능하게합니다

너는 이렇게 해 알았어 저 아래로 가자이 수업에 전체 수업을 해보자 내가 설정에 대한 그 작은 수탉에 갈 수있는 클래스 클래스에서 고급 CSS ID를 할 것입니다

나는 그것을 fpn이라고 생각합니다 당신이 그것을 기억할 수있는 한 당신이 원하는 것을 스핀을 주자 변경 사항을 저장하다 비주얼 빌더를 종료하면 변경 사항을 다시 저장해야합니다 나가다 이제 종료되는 동안 우리는이 CSS 바로 아래에있는 사용자 정의 CSS로 돌아갈 것입니다 지금 우리는 그 수업을 SPN이라고 불렀습니다

그렇지 않았습니다 SP가있는 곳이었습니다 SP n 및 중괄호에서 닫힌 상태로 열면이 항목을 다음으로 복사합니다 지금 너는 그것을 바꿀 수있어 똑같이 할 필요는 없지만 나는 떠날거야

그 순간에도 똑같은 변화를 말할거야 페이지로 돌아가 그 페이지를 새로 고침하고 해당 요소로 이동하십시오 나는 당신이 그 요소 내에서 할 수있는 요소에서 그것을 할 수 있다고 말합니다 예를 들어 우리는이 요소 안의 아이콘에 대해 여기에서 해냈습니다 hover 오, 나는 호버 클래스를 거기에 두지 않았다

그래서 우리는 그것을해야한다고 말해야한다 우리가 떠올랐다 그래서 우리는 스핀 오버를 보게 될 것입니다 the : 호버에 되돌아 가서 새로 고침하자마자 새로 고침하자 우리가 갈 때 지금 무슨 일이 일어나는 지 보아라

주위를 돌고 있습니다 조금만 빨라서 너무 바꿔 보겠습니다 나는 그들이 완전히 다를 수 있다고 말한 것처럼 25 초 다시 그 신선한 당신 그래, 2

5 초를 생각하고있어 다시 앞뒤로 올바른 방향으로 돌립니다 그래서 당신은 지금 당신이 실제로하고 싶어하는 그 밖의 다른 것들을 그저 줄 수 있습니다 그것은 스핀의 클래스는 우리가 충분히 진행하고있는 이들 중 하나에서 시도해 봅시다 어쨌든 이건 그냥 재미를 위해서 뿐이지 만 물론 엘리먼트 내의 어떤 엘리먼트를 배열하기 위해 할 수 있다고 말했던 것처럼 말입니다

해당 요소가 무엇이든간에 타겟팅을 태그 지정하여 저기있는 칼럼이라고 생각해 그래서 그냥 이것으로 해봅시다 그러면 팝업 될 때 단어에 적용됩니다 그것은 SPN의 클래스를 가지고 있습니다 지금은 이미 클래스를 가지고 있습니다

모자를 씌우고 SPN 호를 추가하는 것도 괜찮습니다 그 말 우리의 변화를 저장하다 비주얼 빌더를 종료하십시오 그리고 그곳에서 회전하는 것을 볼 수있는 것처럼 지금 어떤 일이 일어나는지 봅시다 그게 내 취향 때문에 너무 많이 나아가고 있다는 것을 의미하지만, 내가 말하는 것처럼 원한다면 할 수있는 것을 보여줍니다

당신 거기서 당신은 내가 말하는 것처럼 회전 변환을 조금 추가하는 예제를 보았습니다 그게 바로 내가하고 싶었던 바로 그 일 이었어 매우 눈길을 끄는 것은 물론 정상을지나 가기 매우 쉽습니다 원한다면 사용할 수있는 또 다른 효과입니다 공유하고 YouTube 채널을 구독하고 싶다면 다음과 같이하십시오

당신은 웹 개발에 관심이 있습니다 저기에 훌륭한 코스가 있는데 거기에는 무료 코스가 있고 게다가 프리미엄이 있습니다 우리의 유튜브 가입자를위한 몇 가지 큰 할인과 코스 그래서 좀 봐 다시 한번 이것이 시스템 22의 Jamie와 웹 디자이너 기술 팁이었습니다 지켜봐 주셔서 감사합니다 좋은 하루 되세요

CSS change background color using simple CSS – Cascading Style Sheets Tutorial

안녕 얘들 아,이 간단한 CSS 비디오에 오신 것을 환영합니다 이것은 http://wwwsystem22

net의 Jamie이고 이 일련의 동영상에서 http://web-design-and-tech-tipscom을 통해 간단한 CSS는 당신이 쉽게 당신의 웹 사이트를 지금 만들 수있는 개조한다 CSS 무엇이다 well CSS는 캐스 캐이 딩 스타일 시트의 약자로 실제 정보입니다 웹 사이트가 들어오고 실제 웹 사이트가 배경색 글꼴 크기 및 스타일 등과 비슷하게 보이므로 매우 간단합니다 찾고있는이 사이트와 함께하고 싶은 사람을 위해 여기를 찾고있는 사이트 다운로드 할 수 있습니다이 비디오 아래에 다운로드 링크를 추가하겠습니다 이 폴더를 여기 당기면 이것은 작은 부트 스트랩 사이트입니다

그것은 여기에있는 몇 가지 파일 일 뿐이므로 indexhtml 문서가 있습니다 우리는 지금 우리가 우리의 대괄호 텍스트를 여는 것을 보여줄 것입니다 편집 소프트웨어이 대괄호 텍스트 편집 소프트웨어는 또 다른 무료입니다 훌륭한 텍스트 편집기를 다운로드하십시오 다시 다운로드 할 수없는 경우 다운로드하십시오

이 비디오 아래의 링크에서 indexhtml 파일을 찾으십시오 여기에 우리 사이트의 골격은 기본적으로 브라우저에서 색상을 추가하는 데 좀 더 흥미로워 지도록 지금 렌더링 할 항목 CSS 파일을 가져와야하는 경우 여기에 CSS 파일을 가져와야합니다 다음은 CSS의 기본 스타일을 지정하는 부트 스트랩 CSS입니다 부트 스트랩 프레임 워크와 내가 만든 간단한 CSS라고 여기에 있습니다

내가 갈 경우 CSS를 추가하기 위해 노력할 것입니다 많이 그리고 그것은 단지 약간의 몸체 패딩과 우리 섹션의 최소 높이 이 모든 것을이 첫 강의에서 다룰 미래 강좌에서 다룰 것입니다 우리는 배경색 변경을 아주 간단하게 할 것입니다 우리는 모름지기 만 한 사람을 위해 우리 사이트의 브라우저로 돌아갑니다 브라우저에서 귀하의 사이트를 열려면 index

html 파일을 두 번 클릭하십시오 라이브 사이트를 온라인으로 가지고있을 때 브라우저에 표시됩니다 브라우저는 항상 색인 또는 HTML 파일을 찾아서 먼저 표시하거나 인덱스는 PHP 파일이므로 사이트에서 가장 먼저 원하는 첫 번째 파일은 일반적으로 색인 파일은 좋아요 그럼 여기 배경 색상을 바꾸어서 사용하고 있습니다 Chrome 브라우저는 여기에서 무료로 다운로드 할 수 있습니다

몰랐는지, 마우스 오른쪽 버튼을 클릭하여 검사를 하든가 또는 f12 버튼을 사용하면 HTML과 같은 패널을 불러올 수 있습니다 왼손 쪽과 당신이 가지고있는 한 우리는 오른쪽에 우리 CSS를 가지고있다 스타일 탭을 사용하면 여기에 CSS가 표시됩니다 당신은 어쨌든 그것이 당신과 어울리는 방식으로 바꿀 수 있습니다 당신을 위해 편리하게 배경색을 바꾸는 것은 매우 쉽습니다

섹션을 선택하십시오 여기를 다시 한 번 말하면됩니다 내가 그것을 클릭하면 무엇이든 집어 들게 될 것입니다 너는 무엇이든 사이에서 단지 클릭 할 수 없다 그리고 그것은 당신이있는 것처럼 강조 할 것이다

당신이 실제로 거기에서 선택한 것을 위아래로 움직이기 때문에 우리는 먼저 그것을 원합니다 섹션을 선택 했으므로 여기서는 해당 CSS에 대한 CSS가 있습니다 거기에 지금은별로 많지 않은 섹션이 있습니다 배경색 그래서이 둥근 뒤를 클릭하자 상단 요소 스타일 및 오른쪽 배경에 여기에 괄호 : 이제 우리는 우리의 색깔을 넣기를 원합니다

당신은 RGB를 사용할 수없는 16 진법을 사용할 수 있습니다 이 같은 색상은 베이지 색이며, 베이지 색으로 바뀌 었음을 알 수 있습니다 물론이 작업이 Chrome 브라우저에서 완료되었지만 여기에서 새로 고침하면 사이트는 원래의 상태로 돌아갈 것이며 영구적 인 상태로 유지하려고합니다 그러나 이것은 아이디어와 CSS를 실제로 테스트하기 전에 환상적인 방법입니다 시연하고 여기 새로 고침을하면 스타일 시트에 넣으십시오 그냥 정상으로 돌아 왔으니 다시 해보 죠

지금 우리가 어떻게 그렇게 잘 지낼 것인가? 이것을 우리의 스타일 시트에 넣으십시오 그래서이 사이트가로드 될 때마다 이 섹션에이 정보가 지금 우리가 HTML로 보았을 때이 섹션은 클래스를 가지고있다 처음이자 그게 우리가 원하는 것입니다 그래서 우리는 먼저 그것을 원한다고 말하고 싶습니다 베이지 색의 배경색이므로 여기에 넣은 코드를 복사 해 봅시다

그냥 왼쪽 클릭하고 선택하고 Ctrl 키를 누른 다음 복사하면 우리가 우리의 브래킷 소프트웨어는 간단한 CSS 파일로 이동합니다 이 CSS 파일에는 아무 것도 없지만 서면으로 작성하면 수백, 수백 줄의 코드를 찾는 것이 종종 어렵습니다 if 당신은 거기에 제목을 넣어 그것은 당신을 위해 조금 더 쉽게 그래서 그냥 넣어 제목은 단순히 슬래시 스타 슬래시 다음 슬래시 그 사이에 네가 원하는 어떤 제목이라도주고 그래서 나는 이것을 첫번째로 부를 것이다 섹션 이제 아래로 내려가 첫 번째 섹션에 이것을 적용하도록 말하고 싶습니다 if 우리는 여기 사이트로 돌아갑니다

우리가 필요로하는 멋진 수업 이었으니까요 마침표 나 마침표를 넣고 그 다음에 먼저 말하십시오 대부분의 코딩과 마찬가지로 올바르게 모든 것을 철자하는 것이 중요합니다 모든 것들이 작동하지 않을 것입니다 중괄호를 닫으십시오

중간에 공백을 넣으면됩니다 우리는 브라우저에서 복사 한 코드를 배경 페이지로 가져옵니다 시프트 탭으로 돌아가서 코드를 깔끔하게 유지하고 ctrl로 저장하십시오 우리의 간단한 CSS 파일에서 가져 오는 것처럼 우리의 인덱스 파일로 돌아 간다 로드 할 때마다 첫 번째 섹션에 배경 정보가 있어야한다고 알려야합니다

페이지를 시도해 보도록하겠습니다 이번에 새로 고침하면 정확하게 머물러야합니다 우리가 가지고있는 것과 똑같은 것이 신선합니다 또 하나를 빨리 해봅시다 섹션에서 파란색으로 배경색을 지정해 보겠습니다

배경색을 사용할 수 있습니다 이것은 일을하는 오래된 방법과 비슷합니다 하지만 배경은 잘 작동하거나 최소한 파란색을 그냥 복사하는 것처럼 보입니다 그 control-c를 다시 스타일 시트로 다시 두 번째 섹션을 만들겠습니다이 섹션은 우리가 각 섹션에 CSS를 추가로로드하십시오

이제 그 이름을 확인해 보겠습니다 예쁘습니다 그것은 단지 두 번째 옙이었다 그래서 두 번째 점주기 중괄호로 열고 닫으십시오 이 시간에 우리가 말한 것처럼 우리 브라우저에서 복사 한 코드 사용 된 배경 색상은 레스터 유형과 마찬가지로 작동하지만 완전히 작동합니다

둘 다 일하므로 신속하게 사이트를 다시 저장하자 빨리 새로 고침해라 그게 정확히 동일해야합니다 우리는 그것을 가지고 있으므로 우리는 효과적으로 그 배경색의 배경색은 이것도 할 수 있습니다 이번에는 너무 단순한 동일한 프로세스로 백그라운드를 다시 사용합니다

비스크가 뭔지조차 모르겠지만, 비스크를 시험해 봅시다 그걸 다시 우리의 스타일 시트로 복사 해 봅시다 이것은 반복입니다 제목을 통해이 섹션을 추가 할 것입니다 패딩 및 여백 및 텍스트 장식 및 상자 그림자 및 what-have-you 그래서 다시 이것은 점입니다

세 번째 클래스가 클래스 3임을 확인합니다 우리는 3 등석이므로 3 등점이 될 것입니다 중괄호를 열고 닫으십시오 거기에 복사 한 텍스트를 붙여 넣으십시오 시프트 탭을 사용하거나 나머지 부분과 함께 뒤집기

세미콜론 ctrl 거기에 코드를 다시 사이트에 저장하고 새로 고침해야합니다 이 일을 그렇게 말하면서 우리는 여기에 극도로 추악한 사이트를 가지고 있습니다 색 구성표는 어쨌든 배경색을 변경하는 방법이었습니다 작은 섹션은 메뉴와 함께 할 수있는 것과 동일한 것으로 작동합니다 당신은 실제로 당신의 텍스트로 그것을 할 수 있습니다 나는 그것을 할 것입니다

이 첫 번째 비디오를 보려면 여기를 클릭하십시오 우리 채널은 CSS를 통해 더 많은 일을 할 것입니다 웹 디자인에 관심이 있으시면 아래의 과정 중 하나를 선택하십시오 여기에 다시 한번 Jamie의 구독자를 위해 크게 할인되었습니다 http://www

system22net 및 http://web-design-and-tech-tipscom 좋은 하루 되시기 바랍니다

How to Make Columns in HappyForms – WordPress Form Builder

– 이봐 요, 이번 주에 여분의 비디오를 공개하겠습니다 나중에 내가 행복하게 해주니까

나중에 HappyForms에 대해 이야기 할 것입니다 이 모든 트윗과 이메일에서 그렇게 흥분해 동영상에 대한 의견을 주셔서 감사합니다 그리고 나는이 형식에 대해 질문을 받고 있습니다

그래서 나는 내가받은 위대한 질문들 그건 그렇고 멋진 폼 빌더입니다 HappyForms에 대해 아직 모르는 경우, 내가 만든 다른 비디오를 체크 아웃해야 해 정말 멋진 개요를 제공합니다 이 완전히 무료 WordPress 양식 작성기

제 생각에는 Contact Form Seven보다 낫습니다 그리고, 그것은 분명히 나의 마음에 드는 것보다 비싸지 만, 그것은 중력 양식입니다 그러나이 사람들은 무료 예산에 있습니다 어떻게 이길 수 있니? 그 질문에 우리가 말했습니다 이 양식에는 한 줄에 두 개의 필드가있는 옵션을 사용할 수 있습니까? 이름과 이메일을 나란히 놓고 내가 제시 한 예가 너는 계단식으로 쌓여 있었다

여기서 바로 보여 드리죠 자, 대시 보드에 들어가서, 이 일을하는 법을 보여 주겠다 그게 상자에서 꺼내지기 때문이야 너희들, 어떤 얼간이 코드를 모르더라도 그 코드를 넣을 수 있습니다 당신은 이것을 할 수 있습니다

그래서 우리가 여기 올거야 우리는 내 양식 중 하나에 갈거야 내가 이미 주위를 돌보고 있었다 수정을 클릭하고 양식으로 이동하십시오 그래서 나는 이미 여기에 몇 개의 들판을 가지고있다

그들이 어떻게 이렇게 쌓아 올려 졌는지 보아라 이걸 좀 지퍼로 묶고 싶다면, 공간을 많이 차지하지 않겠습니까? 이 사람들이주는 작은 영역을보세요 믿어지지가 않아, 이것 좀 봐 여기에서 고급으로 이동하십시오 당신이 반으로되기를 바라는 분야에서, 또는 잠재적으로 세 번째

그게 얼마나 깔끔한가요? 그래서 저는 그 이름의 절반을 말할 것입니다 그리고 나는 다음 필드로 갈거야 그리고 전자 메일 필드에도 전폭이 아닌 것으로 알려주고, 반값이기를 바랍니다 제발 그래서, 나는 다음에 클릭 할 것입니다

양식 변경을 관찰하십시오 마법 어! 너희들, 나는이 양식 제작자를 사랑해 당신이 여기에 들어서면서 더 많은 질문을한다면, 체크 아웃하고, 지원 양식으로 이동하십시오 아래의 설명 상자에 링크를 붙여 놓겠습니다

그래서 당신은 그것에 접근 할 수 있습니다 이 사람들은 매우 반응이 좋습니다 그리고 그들은 매우 흥분합니다 플러그인에서 내가하고있는 일련의 비디오 그러나 그들에게도 훌륭한 리뷰를 제공하십시오

그들에게 리뷰를주기 위해 잠시 시간을내어주십시오 그리고 그것은 그들에게 말하는 당신의 방법입니다, 무료 제품을 제공 해줘서 고맙습니다 이 많은 종소리와 휘파람 나는 당신이 훌륭한 WordPress 수요일을 보내고 있기를 바랍니다 그리고 나에게 당신의 질문을 보내 주신 것에 대해 진심으로 감사드립니다

다음에 또 봐 안녕 얘들 아

10+ FREE WordPress Plugins for Developers (MUST-HAVE)

다음은 개발 워크 플로우를 향상시킬 개발자 용 WordPress 플러그인 10 가지입니다 그리고 가장 중요한 부분은 그들이 모두 무료라는 것입니다! 일부 플러그인은 개인적인 취향의 문제 일 수도 있지만 특정 플러그인 정말로 필수품입니다

WordPress 개발을 처음 시작하거나 이미 가지고있는 경우에도 몇 가지 경험, 내가 어느 것이 가장 좋아하는지 코멘트에 알려주십시오 고급 맞춤 입력란을 사용하면 맞춤 입력란을 사용하여 사이트에 맞춤 입력란을 쉽게 추가 할 수 있습니다 사용자가 쉽게 데이터를 입력 할 수있는 메타 박스 이 플러그인은 사용자 정의 메타 박스를 구축하기위한 시각적 끌어서 놓기 인터페이스로 구성됩니다 사용자는 이미지 업 로더, 이미지 업 로더, 날짜 선택기 및 쉬운 편집기

게시물은 게시물, 사용자, 분류학 용어, 미디어, 주석을 포함하여 WP 전체에 추가 될 수 있습니다 심지어 사용자 정의 옵션 페이지! 고급 사용자 정의 필드를 더욱 사용자 친화적으로 만드는 것은 광범위한 문서이며, 귀하의 사이트에 쉽게 통합 할 수 있습니다 디버그 표시 줄은 관리 표시 줄에 디버깅 메뉴를 추가하는 간단한 플러그인입니다 디버그 메뉴는 유용한 디버깅 정보를 표시하는 데 사용할 수 있습니다 쿼리 및 캐시와 관련된 세부 사항 등

디버그 막대는 PHP 오류 알림뿐만 아니라 MySQL 쿼리를 추적 할 수 있습니다 디버그 모음을 사용하면 쉽게 찾을 수있는 솔루션이 필요합니다 PHP주의 사항 및 경고 및 기타 쿼리 디버그 막대와 마찬가지로, Query Monitor도 워드 프레스 코더 용 디버깅 플러그인입니다 그러나 디버그 바 (Debug Bar)를 넘어서서 그 이상을 제공합니다

Query Monitor를 사용하면 진행중인 모든 데이터베이스 조회와 영향을받는 행을 볼 수 있습니다 당신은 또한 재 작성 규칙, 현재 요청에 대한 후크, PHP 오류 및 경고를 볼 수 있습니다 심지어 템플릿 파일 이름과 부품 Blackbourn 및 기여자 PHP 오류 및 경고에 대한 기본 세부 정보 만 필요하면 Query Monitor 과잉이라고 증명 될지도 모른다 Styleguide를 사용하면 WordPress 테마의 글꼴과 색상을 사용자 정의 프로그램에서 직접 사용자 정의 할 수 있습니다 더 깊이 파고 들지 않고도 웹 사이트의 모양을 변경하려는 경우 코드에서 Styleguide는 완벽한 플러그인입니다

Styleguide를 사용하면 Google 글꼴, 다양한 문자 세트 및 색상 중에서 선택할 수 있습니다 귀하의 웹 사이트를 사용자 정의합니다 간단한 해결책이 필요한 경우 Styleguide를 사용해야합니다 사용자 정의 프로그램에서 글꼴 및 색상을 변경합니다 더군다나, 테마에 대한 지원을 추가하는 것을 고려해야하므로 최종 사용자 또는 고객은 스스로 간단한 변경을 할 수 있습니다

아마도 테마 개발자의 가장 친한 친구 인 Theme Check는 매우 인기가 있고 그 분야에서 유용한 플러그인 최신 코딩 표준 및 방법에 따라 WordPress 테마를 테스트 할 수 있습니다 따라서 WordPress 테마가 테마 검토 가이드 라인을 충족하는지 검토하고 확인할 수 있습니다 그것을 저장소에 제출하기 전에 이렇게하면 테마가 거부 될 확률을 낮출 수 있으며 최고의 코딩 방법

Theme Check는 WordPress 테마가 최대 표시인지 확인하는 데 도움이됩니다 사용자 전환을 사용하면 한 번의 클릭으로 WordPress의 사용자 계정간에 전환 할 수 있습니다 이는 워크 플로에서 여러 계정을 관리해야하는 경우 특히 유용합니다 또는 사용자 권한 및 역할을 테스트하고 디버그하려고합니다 사용자 메뉴에서 "전환"을 클릭하기 만하면됩니다

원래 계정으로 다시 전환 할 수 있으며 암호가 필요하지 않습니다 또는 특별 특권 물론 원래 계정에 관리 권한이 있어야합니다 이 멋진 전환 작동합니다 고급 CSS 편집기는 CSS 코드를 작성할 수있는 개발자를위한 WordPress 플러그인입니다

맞춤 설정 도구 자체에서 바로 다른 장치 용 궁금해 할 수 있습니다 : CSS 코드에 대한 큰 문제는 무엇입니까? 제트 팩도 어쨌든 사용자 정의 CSS를 추가 할 수 있습니다! 그러나 이것이 흥미로운 부분입니다 : Advanced CSS Editor 다른 기기에 다른 CSS 코드를 추가 할 수 있습니다 따라서 태블릿마다 다른 CSS 스타일링을, 스마트 폰용으로 다른 CSS 스타일링을 사용할 수 있습니다 그리고 노트북과 데스크탑을위한 또 다른 하나 이렇게하면 귀하의 웹 사이트가 여러 기기에서 다르게 보이고 작동 할 수 있습니다

별도의 플러그인을 사용합니다 이것은 사용자 정의 CSS를 자주 사용하는 경우 매우 유용하고 중요한 플러그인입니다 재생 목록 미리보기는 미리보기 이미지를 재생성 할 수있는 간단한 플러그인입니다 이미지 첨부 파일 용 최근에 테마의 축소판 크기를 변경 한 경우 특히 유용합니다

같은 목적을 가진 개발자를위한 몇 가지 다른 플러그인이 있지만 거의 그들 중 누구도 Thumbnails Regenerate만큼 대중적이지 않습니다 다운로드 횟수는 백만 회 이상입니다 따라서 이러한 성격의 플러그인을 찾고 있다면 재생성 미리보기 이미지가 더 현명한 내기입니다 대부분의 개발자와 마찬가지로, 더 이상 쓸모 없게되거나 권장되지 않는 코딩 방법에서 벗어나기를 원한다면, 로그 비추천 통지는 당신을위한 플러그인입니다 Log Deprecated Notices는 더 이상 사용되지 않는 파일, 함수 및 인수의 사용을 추적합니다

또한 더 이상 사용되지 않는 기능과 잘못 사용 된 기능을 대체 할 수 있습니다 이름에서 알 수 있듯이 RTL Tester를 사용하면 RTL 모드에서 WordPress 테마 및 플러그인을 테스트 할 수 있습니다 이 플러그인을 사용하면 웹 사이트의 텍스트 방향을 전환 할 수 있습니다 따라서 오른쪽에서 왼쪽 방향으로 WordPress 테마 및 플러그인을 미리 볼 수 있습니다 이렇게하면 모든 것을 순서대로 표시하는 데 도움이됩니다

아랍어, 우르두어 등의 오른쪽에서 왼쪽으로 텍스트를 자주 사용하는 경우 RTL 테스터를 사용해야합니다 또는 히브리어를 선택하고 테마 및 플러그인에서 그 모양을 확인해야합니다 개발자가 사용하는 플러그인을 놓친 적이 있습니까? 코멘트에 나를 알려주세요! 그 동안 최신 동영상을 확인하고 즐겼다면 구독하십시오! 나는 다음에 너를 볼거야

Cómo optimizar las Google Fonts en WordPress

안녕하세요 여러분! 오늘의 동영상에서는 Google 소스를 최적화하는 방법을 보여 드리고자합니다 우리는 WordPress에서 사용합니다

이를 위해 우리 테마가 두 개의 다른 소스를로드하는 경우를 시뮬레이션했습니다 우리가 머무를 때 우리는 한편으로는 폰트를 제거 할 수있는 방법을 보자 단일 소스로 어떻게 최적화 할 수 있는지 알아볼 것입니다 첫 번째 단계는 항상 불필요한 소스를 제거하는 것입니다 소스가 아닌지는 사용하지 않습니다

또는 우리가없이 할 수있는 출처 예를 들어,이 경우 나는 몬세 라트와 만 머무르고 싶다고 가정 해 봅시다 Roboto를 제거 할 것입니다 그래서 우리가 어떻게하는지 봅시다 원본은 테마에 의해 정상적으로로드되므로 FTP를 통해 테마 폴더로 이동합니다

functionsphp 파일을 엽니 다 여기에서 프로세스가 약간 다를 수 있으며 코드가 다를 수 있습니다 당신이 사용하는 주제에 따라 다르지만,이 함수와 같이 많이 보일 것입니다 무엇보다도 CSS 리소스를로드 할 수있는 wp_enqueue_style 함수가 있어야합니다

그래서 우리는 소스를로드 할 수 있습니다 필자의 경우이 두 줄은 소스를로드하여 근원은이 선의 한에 논평하게한다 당신은 하나가 몬세 라트를로드하고 다른 하나는 로보트를로드하는 것을 보았습니다 그래서 Roboto 우리는 그것을 지우거나 그것에 대해 논평 할 수 있습니다 이 경우 지우겠습니다

끝났습니다 이제 우리는 하나의 소스 만 청구되고 2 번 단계로 이동합니다 다음으로해야 할 일은 stylecss 파일로 이동하여 참조를 제거하는 것입니다 방금 제거한 소스로 예를 들어,이 편집기에서 Ctrl + F를 눌러 "Roboto"를 검색 할 수 있습니다

더 이상 사용하지 않고 Montserrat를 사용하기 때문에 Montserrat를 여기에 넣습니다 우리는 그것이 더 많은 시간이 나오는 지 알아보기 위해 되돌아갑니다 그리고 그렇지 않은 것처럼 보입니다 그것은 제목에만 나타납니다 이제 페이지를 새로 고침하면 헤드 라인이 변경되었으며 이제는 페이지에서 Montserrat 글꼴이로드되고 더 이상 Roboto가로드되지 않습니다

이 페이지에서는 그것은 이미 조금 가벼워졌습니다 불필요한 출처를 제거하는 것 외에도 우리가 할 수있는 일과해야 할 일은 동일한 출처의 변형 당신이 알고있는 변형은 두께가 다른 예를 들어, 같은 소스 또는 다른 유형의 경우, 여기에 300의 두께가 있음을 알 수 있습니다 더 유한하지만이 예를 들어, 같은 소스이지만 다른 변형입니다, 그리고이 대소 문자 또는 대문자입니다 그리고이 텍스트에서 우리는 400을로드합니다

이 값은 보통, 즉 일반 두께입니다 그리고 우리가해야 할 일을 최적화 된 소스로 만들기 위해서는 유사 콘텐츠 만로드하면됩니다 우리가 사용하는 것과 우리가 사용하지 않는 것은 그들을 적재하지 않습니다 예를 들어 몬세 라트가 다른 숫자를 넣은 후 여기에서 볼 수 있듯이 "i" 기울어 진 것입니다 기울어 진 것이고 다른 버전을로드하고 일부는로드합니다

우리는 그들을 사용하지 않습니다, 그래서 우리가 그것을 어떻게 수정하는지 보겠습니다 이를 위해 Google 글꼴로 이동하여 우리가 사용하는 소스가 몬세 라트인지 확인합니다 여기에 추가하여 사용자 정의에서로드 한 유사 콘텐츠를 사용자 정의 할 수 있습니다 우리는 여기에 들어가고, 우리가 단지 400을 적재한다면 우리가 이미 우리 페이지 빠르게로드되며 우리는 300과 700을 사용하는 것을 보았습니다 3 개의 유사 콘텐츠 만 사용하는 경우 충전 시간입니다

그리고 더 많이 넣으면로드 속도에 많은 영향을 미친다는 것을 알 수 있습니다 단지 2, 나는 빛을 제거하고 나는 규칙적이고 대담하게 떠날 것이다 이제 Embed로 돌아 가면 링크가 이미 변경되었고 400 버전 만 포함되어 있음을 알 수 있습니다 및 700 필요없는 https를 포함하지 않고 여기에 복사하여 여기에 붙여 넣습니다

나는 그것을 사용하지 않는다 그래서 그것을 사용하지 않는다 그래서 나는 그것을로드 할 필요가 없다 한 번 우리가 우리 페이지에가는 파일을 저장했다, 우리는 그것을 충전하고 지금 우리가 가진 것처럼 보일 것이다 300을 이미 제거 했으므로 300이로드되었고 400이로드되었습니다

우리는 그것을 가지고 있지 않습니다 가장 가까운 것이로드되고 그것은 똑같이 보입니다 이 방법으로 우리는 페이지가있는 소스의 두 가지 버전 만로드합니다 이전보다 훨씬 가볍습니다 그리고 이것은 오늘을위한 전부입니다! 나는 그것이 당신을 위해 봉사했기를 바란다

그리고 당신은 이미 모든 제안, 코멘트 또는 프로젝트를 위해 그것을 알고있다 empresionacom에서 나를 찾을 수 있습니다 다음 비디오에서 만나요 나중에 보자!

A WordPress Plugin that Writes CSS for You

– 이봐, 그 때가 또 있네 또 다른 WordPress 수요일

내 이름은 애쉬톤 고리 고, 후원 받는다 Pressable, 모든 것 WordPress 이 사람들은 호스팅을 알고 있으며, 지원을 알고 있으며, 보안을 알며 웹 사이트를 최적화하는 방법을 알고 있습니다 찾고 있다면 그들을 체크 아웃해야 해 올인원 (all-in-one) 솔루션 귀하의 WordPress 웹 사이트 호스팅 환경

그것은 프레스 가능합니다 아래 설명 상자에 링크가 표시됩니다 코리 애쉬튼이 당신에게 그들의 길을 보냈다고 그들에게 말해야합니다 경이로운 가격도 있습니다 여러분들은 분명히 해결책을 찾고 있습니다

웹 사이트 내부에 CSS를 작성하는 데 도움이됩니다 아니면 해결책을 찾고있는 것일 수도 있습니다 이는 끌어서 놓기 환경과 비슷합니다 글쎄, 나는 너의 마음을 날려 버릴거야 CSS Hero라는 멋진 솔루션으로 나는 정말로 흥분한다

그게 너 뭐야, 너는 알아 듣겠 니? 페이지 빌더 환경 웹 사이트의 전면으로 이동합니다 드래그 앤 드롭, 크기 조정, 그것은 당신을 위해 모든 코드를 씁니다 CSS 나 HTML을 알 필요가 없으며, 요소를 검사 할 필요가 없습니다 당신은 저자가 무엇인지 알아낼 필요가 없습니다

DIV 클래스를 명명했다 이것은 하나의 간단한 플러그인으로 완성됩니다 이걸 가져와, 너희들, 또한 응답 형 코드를 작성합니다 모바일 장치, 어떤 장치에 따라 한 번의 클릭으로 화면을 축소 할 수 있습니다

당신의 모든 포지셔닝, 해당 모바일 장치에 대한 미디어 쿼리를 작성합니다 오, 너무 멋지다! 좋아,이게 어떻게 작동하는지보고 싶다면, 주위에 붙어있어, 내가 너에게 보여줄거야 (낙관적 인 음악) – 이제 CSSHeroorg로 이동하십시오 아래의 설명 상자에 링크를 삽입하겠습니다

그래서 당신은 쉽고 빠르게 그것을 얻을 수 있습니다 그리고 당신은 이제 Get it을 선택하게 될 것입니다 그게 네가 할 일이야 기본적으로, 당신은 너에게 맞는 계획이야 따라서 사이트 하나만 있으면됩니다

1 년에 19 달러는 수수료입니다 5 개의 사이트, 999 개의 사이트, 당신이 개발자라면 이것은 경이로운, 경이로운 가치 그러나 기억하십시오, 이들은 일년에, 그래서 당신은 아마도 환매해야 할 것입니다 적어도 면허 갱신 또한 이러한 가격이 사라질 수도 있음을 기억하십시오

지금 판매 중입니다 그래서 그들은 다시 뛰어 올라서 이렇게 빨리 행동 할 것입니다 오늘의 가격은 바로 지금입니다 가입 및 구매를 클릭하십시오 네가 그렇게하면, 너는 채울거야

여기에 귀하의 모든 정보, 약관에 동의, 진행하고 계획을 선택하십시오 여기가 바로 여기에 있습니다 계획을 선택하고, 페이팔로 지불하고, 당신은 벗어나고 있습니다 그렇게하기 쉽습니다 실제로 귀하의 계정을 보유하고 나면 여기에 대시 보드가 있습니다

여기 열릴거야 그리고 나서 여기 오른쪽으로 올 겁니다 다운로드를 클릭하면 다운로드됩니다 귀하의 다운로드 폴더에 더 많은 가능성, 그것이 당신이 정한 곳이라면 말이죠 그리고 이것은 당신이 필요로 할 정확한 zip 폴더입니다

WordPress 웹 사이트에 설치하십시오 이제 네가 그걸 가지고 돌아 왔어 웹 사이트의 플러그인 영역으로 이동하십시오 물론 새로 추가를 클릭 할 것입니다 그리고 플러그인을 업로드 할 것입니다

구입 한 프리미엄 플러그인이기 때문에 그것을위한 면허, 그것은 당신이 가야하는 길입니다 그래서 우린 파일을 선택할거야 물론, 이건 우리 다운로드 지역에 살거야, 그렇지? 그래서 우리는 다운로드 영역으로갑니다 그리고 당신이 클릭하고 있는지 확인하고 싶습니다 압축 된 파일에서 그 파일을 열 필요가 없습니다

이 파일은 다운로드 한 파일과 동일합니다 업로드하고 설치해야하는 파일입니다 그리고 플러그인 활성화를 클릭합니다 슈퍼 신나는! 이제 다음 단계는 당신의 열쇠를 얻는 것입니다 그래서 당신은 그것을해야만합니다, 당신은 그것을 클릭 할 것입니다

너를 계기판으로 돌려 보낼거야 CSS Hero에서 열쇠를 가져올 것입니다 움직여! 그러니 가자 내 열쇠 가져와 여기에 라이센스가 있습니다

키를 클릭하십시오 거기를 클릭하십시오 라이센스를 얻으십시오 알았어 가자

그것을 사랑해 그것은 활성화되었습니다 나는 아무것도 복사해서 붙여 넣을 필요가 없었습니다 나는 모든 농구를 뛰어 넘을 필요가 없었습니다 내가 참여할 준비가되었습니다

그래서 나는 내 웹 사이트의 앞쪽으로 돌아갈거야 새로 고침을 클릭하면 이제 여기에 올 수 있습니다 CSS Hero로 클릭하십시오 내가 조금만 확대하자 그래서 당신은 일이 벌어지고 있는지 좀 볼 수 있습니다

나는 CSS Hero로 Customize를 클릭 할 것이다 그리고 이제 내 패널을 줄거야 그리고 이것은 여전히 ​​나를 앞쪽으로 지켜줍니다 내 웹 사이트에서 할 수있는 일은 할 수 있습니다 나는 여기를 클릭 할거야

나는 그 글꼴을 늘리고 싶다 조금만 여기 왼쪽에 타이포그래피로 갈거야 그리고 이것들은 모두 내 다른 옵션입니다 색깔, 폰트 패밀리, 폰트의 무게, 대담함, 당신이 얼마나 대담 해지기를 원하는지

그래서 나는 그냥 가서 이걸 움직일거야 정말 큰 그래서 당신은 좀 주위에 놀고 나를 볼 수 있습니다 나는 그것을 좋아한다 조정할 수있는 선 높이 모든 대문자로 원한다면 그렇게 할 수 있습니다

또는, 실제로, 이것은 모든 대문자 인 첫번째 편지입니다, 그건 대문자예요 멋진 옵션이 있으므로 클릭 만하면됩니다 이 모든 것들이 주변에 땜장이가되어 놀 수 있습니다 그 지역에서 일하게되면, 당신은 다음 지역으로 이동하고 있습니다 너가 무언가의 색깔을 바꾸고 싶으면, 당신은 타이포그래피로 들어가서 그것을 할 수 있습니다

완전히 색을 바꾼다 내가 아무것도 할 필요가 없다는 것을 주목하라 팅커와 놀이 이외 나는 어떤 코드도 작성하지 않고있다 그리고 그것은 모두 실시간으로 나에게 그것을주고 있습니다

이것에 대해 흥미로운 것이 무엇인지 알 것입니다, 여러분, 이 도구를 실제로 사용할 수 있습니까? 기본적으로 CSS를 배우려면 기본적으로 할 수있는 일입니다 왜냐하면, 그것은 당신을 위해 모든 것을 여기에 쓰고 있기 때문입니다, 그것이하는 일을 당신에게 드러내는 것입니다 그리고 그것은 당신에게 그것을 줄 것이기에 너무 멋집니다 정말 대단한 다른 것 그리고 우리를 위해 여기에 던져 넣을 사람들이 아주 관대합니다 다른 편집 모드입니다

이제 화면의 오른쪽 구석에 당신은 다른 장치를 선택할 수 있습니다 이 틈에서 주위를 돌변하고 놀고 싶다는 것 이게 내가 전에 너와 통화하고 있었던 곳이야 휴대 기기에서 보는 것과 나는 그것을 클릭 할 수있다 이 집이 너무 길면 그 화면에서 글쎄, 가자

그리고 그것을 오른쪽으로 생각하는 크기로 다시 줄이십시오 작은 화면에 그렇게 뭔가가 할 수있는 것처럼 보입니다 근사하지만, 내가 돌아 가면 내 모든 장치 모드에, 그것은 여전히 ​​거기에 큰 그들이 나를 위해 무엇을하는지, 그들은 코드를 작성하고 있습니까? 모바일 쿼리의 경우, 모바일 장치에서, 이 글꼴을 작게 만드십시오

패딩과 그 모든 것을 조정할 수 있습니다 그들은 여러 가지 다른 견해를 가지고 있습니다 iPad 및 태블릿 크기의 가로 및 세로입니다 거기 정말 멋진 옵션, 이 놈들은 모두 다시 밖으로 나가고, 배경 영역을 조정하고 싶다면 모든 종류의 멋진 옵션이 여기에 있습니다 그들은 당신이 입을 수있는 경계를 가졌습니다

그래서 우리가 경계를하고 싶다면 이 특별한 이미지에서 우리는 그것을 할 수있었습니다 테두리 색을 변경하십시오 그리고 다시, 나는 쓰지 않아도된다 어떤 CSS 든 모든 종류의 멋진 옵션이 있습니다

조금 까다로운 부분 중 하나 때로는 웹 사이트에서 변경하기 위젯 상자입니다 CSS 코드에 숨겨진 종류 알아내는 것은 정말 까다 롭습니다 저자가이 여러 가지 이름을지었습니다 하지만이 플러그인으로는 안됩니다

다시 말하지만, 위젯 제목을 클릭하기 만하면됩니다 난 타이포그래피에 들어가서 조정하고 싶다 다시 그 크기 그리고 물론, 지금, 이것은 제 제목 3에 영향을 미치고 있습니다 CSS에서 여기를 살펴보십시오

내 모든 위젯 상자에 영향을 미칠 것입니다 그 이름은 같은 제목 3입니다 권리? 그러나 도움이된다 왜냐하면 그럴 필요가 없기 때문이다 모든 상자에

그것은 매우 쉽고, 사용자에게 친숙합니다 그래서 여기 다른 흥미 진진한 것이 있습니다 당신이 궁금해하는 것이 있다면, 글쎄, 그것은 내 주제와 함께 작동 할까? 그들의 웹 사이트에는 테마 데모가 있습니다 이것은 그들이 정말로 그들의 게임을 강화하고 있었고, 당신을 보여주는, 당신은 기본적으로 수색을 할 수 있습니다 당신의 주제에 대해 그들이 여기에 그것을 가지고 있는지보십시오 일반적으로 저는 Divi를 사용합니다

그래서 나는 여기에 와서 주변에서 팅커 칠할 수있다 그들의 솔루션이 호환되는지 확인해보십시오 Divi 테마 또는 Divi 빌더와도 관련이 있습니다 그리고 그것은 완전히 있습니다 당신이 여기 들어올 수 있다는 것을 알 수 있습니다

평소대로하는 모든 변화를 만들어라 여기 주제에, 바로 거기에 그것은 완벽하게 완벽하게 작동합니다 아, 너무 멋지다 이것을위한 멋진 해결책

저장 및 게시를 클릭하고, 당연히 웹 사이트가 살아납니다 여기에 와서 다른 테마를 검색하십시오 궁금하신 분은 이미 사용 중입니다 특정 플러그인 아마 너 beaverbuilder를 사용하고있을거야

어쩌면 당신은 WooCommerce를 사용하고 있습니다 너는 알아 내려고 노력하고있어 글쎄, Elementor와 함께 작동 할 것입니다 당신들, 여기에 당신을위한 무료 데모가 있습니다 주변에서 팅커를보고 볼 수 있습니다

그들은 호환성이 100 %, 99 %라고 말해줍니다 그래서 그들은 매우 투명합니다 그것이 이미 작동하는 것과 함께, 그들이 이미 테스트 한 내용으로 정말로, 정말로 흥미로운 재료 나는 당신에게 내가 매우 인상적이라고 생각하는 것을 보여주고 싶다 이제 이것은 현재까지 90 % 호환됩니다

이 비디오에서 하지만 Gravity Forms는 프리미엄 플러그인입니다 나는 많이 자랑하고, 나는 정말로 내 YouTube 채널에서 광범위한 재생 목록을 볼 수 있습니다 여러분, Gravity Forms를 사용자 정의하는 것은 매우 어렵습니다 그러나 더 이상

이거 봐요 모든 분야를 조정할 수있게 해줄거야 내 말은, 완전히 좌절 한거야 조금 필요한 필드를 숨기고 싶다 수 없습니다

하지만 클릭하면 엑스트라로 들어가서 숨겨진 곳으로 가면 숨길 수 있습니다 그 작은 레이블을 숨기고 싶다면 당신이 상자 밖으로 더 이상 숨길 수 없다는 것, 나는 그들을 숨길거야 그것은 단지 하나의 간단한 클릭이고 그들은 당신을 돕고 있습니다 이 작업을 수행하는 데 필요한 모든 코드를 작성하십시오 그것은 단지 나를 슈퍼, 매우 흥분하게한다

서로 다른 간격과 패딩을 보도록하겠습니다 그 모든 것을 가지고 땜장이로 놀 수있게 해줄거야 글꼴을 바꾸고 싶다면 그렇게 할 수 있습니다 전체 섹션의 배경을 변경하려면, 당신은 그것을 할 수 있습니다 그렇게 쉽고 빠르게

물론 다른 플러그인이 많이 있습니다 너 여기로 와서 체크 아웃 할 수있어 Contact Form 7에도 있습니다 정말 멋지고 시원한 호환성 기능 여기에 CSS Hero가 있습니다 음, 어떻게 생각하니? 이런 식으로 사용 하시겠습니까? 귀하의 워드 프레스 웹 사이트에? 나는 무엇을 말해 줄게

5 개의 면허증을 나눠 줄거야 그들은 모두 한 웹 사이트를 1 년씩 보유하게 될 것입니다 그들은 나에게 5 개의 면허를주었습니다 다음 이틀 동안이 비디오에 대해 의견을 말하면 지금 당장 5 명의 우승자를 무작위로 선택하겠습니다 면허증을 받게 될거야

자신의 WordPress 웹 사이트에서 사용할 수 있습니다 WordPressorg 버전을 사용하고 있는지 확인하십시오 이 플러그인을 설치할 수 있도록 이는 설치해야하는 프리미엄 플러그인이기 때문입니다 하지만 이걸 버리게되어 기쁩니다

나는 당신이 위대한 것을 가지고 있기를 바랍니다 꼭 구독하십시오 그리워하지 마세요 자유로운 물건을 얻는 기회 WordPress에 대해 모두 배우십시오 다음 주에 보자

안녕 (가벼운 음악) (종소리)

How to add Google Fonts to WordPress without plugin

안녕하세요 학습의 또 다른 새로운 에피소드에 오신 것을 환영합니다

우리가 할 일은 Google 글꼴을 WordPress 웹 사이트에 사용하는 것입니다 즉,이 사이트에서 여기에 사용되는이 특정 글꼴의 경우를 의미합니다 title 우리는이 폰트 패밀리를 사용하지 않을 것이고 대신에 다른 폰트 패밀리를 사용할 것입니다 Google 글꼴에서 이제 우리가해야 할 일은 Google로 돌아 가야하고 여기에서 우리가 찾고있는 것입니다 Google 글꼴

그리고 거기에 간다 이 글꼴들 중에서 우리는 처음에는이 글꼴을 사용합니다 그래서 우리는 평소대로 이 파일을 선택하면이 파일이 복사됩니다 이제이 부분까지 Google 글꼴을 사용하는 방법에 대해 잘 알고 있습니다 프로젝트이지만 이번에는 WordPress 웹 사이트입니다

그래서 극단적 인 예방 조치를 취해야합니다 첫 번째 경우에는이 극단적 인 왼쪽 패널로 돌아가고 있으며 여기서 우리는 편집자 그러나 다른 한편으로 나는 여기서 그들이 말한 모든 변화가 내부에 만들어진다고 말하고 싶다 이 하드 코어 코딩은 여기에 관여 된 코딩을 의미합니다 이 특정 편집기 부분에 일부 정보를 수정하면 잃어 버릴 수 있습니다

우리의 워드 프레스 웹 사이트 이제 우리의 프로젝트로 돌아가서 여기 극단적 인 부분으로 들어가 봅시다 여기서 테마 파일은 우리가 headerphp를 찾을 때 저장되며 여기에 있습니다 그리고 이것은 실제로 WordPress 웹 사이트의 헤더 부분이 실제로 나타나는 부분입니다

그래서이 부분은 바로 위에있는 다른 모든 코드 아래에 있습니다 이 헤드 세그먼트 아래에서 우리는이 특정 링크를 붙여 넣을 것입니다 이 Google 글꼴에서 복사 한 href 부분 그리고 이제 우리는이 CSS 규칙을 복사 할 것입니다 그래서 우리는 그것을 복사하고 우리의 프로젝트로 돌아갈 것입니다 우선, 부품을 맞춤 설정하기 위해 돌아 가자

그리고 여기에 우리가 사이트에 이러한 특별한 변경을 가한 추가 CSS가 있습니다 tagline, 우리가 지금하려고하는 것은 우리가 복사 한 CSS 규칙을 붙여 넣을 것입니다 Google 글꼴 여기 간다 이 특정 글꼴 패밀리를 여기에 배치하면 이미이 사이트 제목 글꼴 패밀리가 다른 것으로 바뀌었다

만약 우리가 그것을 여기에서 옮기면, 우리가 그것을 사용하지 않는다면 당신은 그것을 볼 수 있습니다 인스턴스가 제거되거나 추가 CSS 부분에서 제거되었을 때, 우리는 초기 글꼴 패밀리가 이제 복원되면 할당 된 초기 글꼴 패밀리로 복원됩니다 이 특정 사이트 디스플레이로 실행합니다 이제 우리가 할 일은 여기에 붙여 넣기 만하면됩니다 지금 일어나고 동일한 문제점에서 우리가하기 위하여 우리 모두는 우리는 사용하기 위하여려고하고있다 여기에 텍스트 그림자

물론 그것은 1px, 1px, 1px, this 일 것입니다 그래서 우리는 지금 일어난 모든 변화를 볼 수 있습니다 그래서 우리가 지금 출판하고 우리가 다시 우리의 프로젝트로 돌아가서 재 장전한다면 우리는 이미 모든 폰트 패밀리는 이제 바뀌었고, 이제는 색이 바뀌 었습니다 그래서 우리는 성공적으로 Google 폰트에서이 특정 글꼴을 WordPress 웹 사이트에 삽입하면 지금 당분간 우리 프로젝트에 남아 있습니다 그러나 이전에 내가 너에게 이야기 한 것처럼 이 특정 프로젝트에 적용된 모든 종류의 업데이트 및 모든 변경 사항이 손실됩니다

이것이이 특별한 튜토리얼에서 알아야 할 것입니다 너희들이이 튜토리얼을 좋아하길 바래 만약 당신이이 튜토리얼을 좋아한다면 주저없이 Red Subscribe 버튼을 누르십시오 아래로 내려 우리의 다음 튜토리얼에서 여러분을 만나길 바랍니다

[음악

]

How to customize CSS of WordPress site-Beginners Quick Guide

이제 또 다른 본질에서 우리는 CSS를 변경해야한다는 것을 의미합니다 우리 캐스케이드 스타일 시트

이제이 튜토리얼에서 변경하는 방법에 대해 논의 할 것입니다 WordPress 웹 사이트의 스타일 시트에 [음악] 우리는 두 가지 방법으로 CSS에 이러한 변경을 할 수 있습니다 첫 번째 경우에 우리가 돌아 오면 등장 인물, 편집자 그리고 우리가 그것을 클릭하면 이제 우리는 그것을 볼 수 있습니다 – 당신이 나타납니다 WordPress 대시 보드에서 테마를 직접 편집하는 방법; 우리는 편집하지 않는 것이 좋습니다 귀하의 테마가 귀하의 사이트를 직접 파괴 할 수 있으며 귀하의 변경 사항은 향후 업데이트에서 손실 될 수 있습니다 이제 이것이 우리가주의해야 할 것입니다

우리가 여기서 변경 한 사항이 변경 될 경우, 변경 사항은 임시 변경 사항 일 것입니다 우리는 WordPress 사이트에 대한 특정 업데이트를하고 있습니다이 경우 수백 명이있을 것입니다 우리가 우리 스타일로 만든 모든 수정을 잃을 확률 시트 WordPress가 제공하는 경고입니다

WordPress가 제공하는 경고입니다 이 스타일을 직접 수정하는 중입니다 CSS,이 편집기 내에서 변경 또는 특정 변경 사항은 일시적 일 수 있으며 웹 사이트 이제 업데이트되었습니다 대신이 맞춤 설정 부분으로 돌아갈 것입니다 여기서 우리는 우리가 약간의 변경을 할 추가 CSS 부분

이걸 사용하는 것이 좋습니다 스타일 시트를 변경할 때 특별한 포트 당신이이 WordPress 웹 사이트에 사용자 정의 CSS를 갖고 싶다면 이것은 실질적으로 모든 변경 사항을 유지하거나 유지할 부분, 변경 사항 귀하의 웹 사이트 내부 이제 어떻게이 특별한 변화를 이룰 수 있을까요? 예를 들어, 모든 웹 세미나에서 변경해야 할 특정 헤드 라인을 변경하고 싶습니다 우리는 여기에 빨간 색을 원하고 글꼴 무게를 줄이기를 원한다

첫 번째 경우 F12 키를 키보드로 누른 다음이 키를 누르십시오 F12 코드 관리자를 열었습니다 이제 우리는 오늘의 안녕하세요 모든 웹 세미나를 클릭 할 것이며 이것은 실제적으로 책임있는 부분입니다 변경 사항 그래서 우리가 지금 우리의 오른쪽 패널로 돌아 가면; 이제 이것은 실제적으로 이 특정 사이트 제목에 대한 모든 변경을 책임집니다

편리함을 위해서 이제 우리 모두는이 특별한 것을 바꿀 것입니다 색상을 변경하면이 색상이 변경되는 것을 볼 수 있습니다 이 사이트 제목으로 이제 우리가해야 할 일은, 우리가이 색을 유지하기 원한다면, 아니면 우리가 다른 색 색상, 우선 우리는 여기에서이 특정한 클래스 이름을 선택합니다 우리는 복사하고 있습니다

그것과 우리는이 추가적인 CSS 부분으로 돌아 간다 어디 있었지? 이 커스터마이징 부분, CSS 추가로 보았습니다 여기에 붙여 넣습니다 이것은 부품과 우리는 약간의 색상을 변경하려고합니다 색깔은 무엇이되어야합니까? 이것은 색이어야합니다

그래서 우리는 여기에서 이걸 복사하려고합니다 그리고 여기에 붙여 넣습니다 그래서 이것이 부분입니다 이제 색상이 여기에서 변경되었음을 알 수 있습니다 그래서 우리가 지금 그것을 출판한다면; 우리가 프로젝트로 돌아와 재 장전한다면 이 특정 색상이 이제 영구적으로 유지되는지 확인하십시오

같은 방식으로 글꼴 두께를 300으로 변경하고 글꼴 스타일을 기울임 꼴로 변경하면됩니다 이제 우리는 변화가 여기에 적절하게 이루어지고 있음을 볼 수 있습니다 우리가 아는 전부는 이 변경 사항을 여기에 게시해야합니다 다시로드 할 때 우리 프로젝트로 돌아 가면 변경 사항이 적절하게 발생했음을 알 수 있습니다 그래서 우리는이 사이트 제목을 성공적으로 변경했습니다

따라서 매번 우리가 어떤 특정한 변화를 꾀할 때마다 부품, 우리는 F12 버튼을 눌러야합니다; 즉, 코드 검사기를 열려고합니다 변경 사항을 반영하고자하는 특정 요소를 선택해야합니다 이 오른쪽 패널에서 특정 클래스 이름을 선택하고 프로젝트로 돌아 가야합니다 그런 다음이 맞춤 설정 섹션에서 추가 CSS로 돌아갈 필요가 있습니다 여기서는 그 (것)들을 풀칠하고 우리는 필요한 모든 변화를 만들 것입니다

이제이 추가 CSS를 사용하는 이유는 무엇입니까? 왜냐하면 매번 우리가 WordPress 웹 사이트에 특정 업데이트를 할 때마다 이 특정 stylecss를 변경하면 해당 변경 사항이 업데이트되지 않습니다 그것들은 미래의 사건으로 볼 수 없을 것입니다 위의 다른 모든 코딩의 맨 아래를 보면 변경 사항이 없음을 알 수 있습니다 이 스타일에 반영되었습니다

CSS 그러나 Section을 커스터마이징하기 위해 돌아가서이 추가 CSS로 돌아 가면 스타일 시트를 업데이트 할 경우 변경된 내용이나 변경된 내용이 있습니다css 파일 그래서이 편집기 대신이 특정 부분을 사용해야하는 이유입니다

세그먼트 및이 추가 CSS를 사용자 정의하십시오 오늘의 튜토리얼에서는이 모든 것이 있습니다 너희들이이 튜토리얼을 좋아하길 바래 만약 당신이이 튜토리얼을 좋아한다면, Red를 구독하는 것을 망설이지 말라 버튼을 아래로 누릅니다

다음 튜토리얼에서 여러분을 만나기를 바랍니다 그때까지, 안녕 [음악]

Add a Hover Animation Effect to a WordPress Site

얘들 아, 어때? 제 이름은 Jason Merrill이고 저는 크리에이티브 디렉터입니다 여기 WebTegrity에서

그래서 아니야, 나는 고리가 아니고 너희들 중 일부를 방해 할 수도있다 그러나 그녀는 팀 구성원들에게 조금 더 많은 동영상을 만들도록 요청했습니다 워드 프레스로 발전하고 워드 프레스에서 가능한 일종 웹 사이트 그래서 오늘 내가 너희들을 위해하고 싶은 것은 움직이는 법을 보여주는 것이다 귀하의 웹 사이트에있는 무언가, 효과에 대한 간단한 표지, 그리고하고 싶습니다

왜냐하면 많은 사람들이 다른 것에 관해서는 협박을 당하기 때문입니다 애니메이션 효과 그들은 자바 스크립트 또는 그런 것과 비슷한 것일뿐입니다 그래서 여기에 나는 카톨릭 신자가있다 여기 샌 안토니오에있는 학교에서 예를 들어 사용하고 싶습니다

마우스 오버 효과를 사용하여 무언가를 애니메이션으로 만드는 것이 얼마나 쉬운 지 알 수 있습니다 그래서 여기에 우리가 있습니다, 만약 내가 여기에 로고를 가져 가면, 단지 약간의 효과가 있습니다 의 물론 그것은 홈 페이지로 다시 연결되지만 그것은 단지 약간의 참여와 웹 사이트를 만들 수있는 이런 작은 것들 장난 그러나 내가 아래로 스크롤하면 그들이 나에게 준 의견은 Instagram 피드 위로 마우스를 가져 가면 애니메이션 효과가 없습니다 이 얼음 작은 커서 손을 클릭한다는 것을 알 수있는 방법이 없습니다

그래서 그들은 이 작업에 약간의 참여를 추가하는 빠른 방법이 필요했습니다 말 그대로 2 줄의 CSS로 처리 할 것입니다 그래서 나는 크롬 내부에서 그것을 검사하면 검사관 내부에서 일하게 될 것입니다 여기 스타일 시트 이제 스타일 시트에 대해 알고 있으면 변경 사항을 알 수 있습니다

내가 여기 만들면 백엔드의 스타일 시트에 추가해야 할 것입니다 그러니 제발 그것을 명심하십시오 이 게임은 좋은 장소이지만 결국에는 변경 사항을 영구히 유지하려면 실제 스타일 시트에 넣으십시오 그러나 그림 영역과 같은 모든 종류의 반복되는 요소에 관해서는 reoccurring 요소에 대한 좋은 시나리오이며, 정렬되지 않은 목록을 사용하고 싶습니다 이는 스타일 내에서 예측하고 사용하기 쉬운 구조를 추가하기 때문입니다

시트 하지만 네가 어쩌면 네가 이걸하려고하는 것 같으면 수집하고 목록 항목 대신 div를 사용하면 같은 방식으로 작동 할 수 있지만 제가 할 일은이 목록 항목으로 갈 것입니다 이것은 일종의 여기에있는이 이미지에 사용되는 상위 목록 항목입니다 이미 CSS를 가지고 있습니다 내가 할 일은 내가 잡을거야, 내가 이것에 호버 효과를 추가하고 싶습니다

그래서 저는 새로운 것을 만들 것입니다 이 inspector 요소 안에있는 CSS 행을 추가하면 목록 항목에 마우스를 가져 가면 의사 클래스가됩니다 그래서이 말을 내가 짚었을 때 말하는 것입니다 목록 항목, 내가 넣은 CSS 속성을 활성화하십시오 여기서 저는 변형 속성을 넣을 것이고 저는 저울을 사용할 것입니다

기능 이제 변형을 통해 할 수있는 여러 가지 작업이 많이 있지만 이 경우에는 내가 원하는대로 크기가 같아서 약간 당신은 변환으로 많은 것을 할 수 있습니다 옆에서 움직일 수 있습니다 옆으로, 뛰어 올라라, 다른 많은 것들이있다

네가 할 수있는 일 그래서 너에게 보여주기 위해 15로 그 스케일을 놓을거야 당신이 정말로 이런 것들을 폭발시킬 수 있다고 생각하지만,이 경우에는 너무 작아서 11처럼 갈 것입니다

그리고 거기에 우리가 간다 진짜 미묘하지만 여전히 애니메이션처럼 느껴지지 않습니까? 마우스를 가져 가세요 그것과 그것은 당신에게 튀어 나오고 그것은 훌륭합니다 그러나 그것을 얻기 위해서 애니메이션이 가지고있는 전환점, 우리는 여기서 부모 클래스에 가야합니다 우리는 속성 하나만 추가하면됩니다

이제이 속성을 마우스 오버 위에 추가하지 않습니다 효과가 있기 때문에 효과가있을 것입니다 그것을 밖으로 들락날락하게하고 싶다 여기이 영역에 추가 할 예정입니다 우리는 재산 전환을 사용할 것이고, 우리는 이것을 항상 사용합니다

나는 이것을 사용합니다 나를위한 표준과 같습니다 나는 이것을 말하기 위해 "all ease 03 seconds"라고 타이프한다 전환이 켜지거나 꺼질 때 발생하는 전환이므로 양방향으로 가고 싶습니다

전환 효과에는 여러 가지 유형이 있습니다 나는 생각하기 때문에 쉽게 사용하고 있습니다 그것은 최고입니다 그리고 저는 그것을 말할 수 있습니다 전환 시간은 0

3 초입니다 초 표준과 같습니다 매우 미묘하고 너무 빠르지도 않다 이제는 애니메이션처럼 느껴지는 멋진 효과를 얻었습니다 이전보다 훨씬 매력적이었습니다

그리고 우리는 말 그대로 CSS 두 줄; 그것은 매우 간단합니다 아무것도 두려워 할 필요가 없습니다 사이트 전체에이 효과를 추가 할 수 있습니다 그리고 변형만으로 작동하는 것은 아닙니다 이것은 전환 속성이기도합니다

마우스를 가져 가면 색이 변하는 것이므로 눈치 채실 것입니다 이런 종류의 멋진 전환점이 있습니다 마우스를 가져 가면 날카로운 점프가 아닙니다 그걸로 그래서 그것은 사이트에 많은 스팸을 실제로 추가하는 것과 같은 작은 것들입니다

이 비디오가 사람들에게 도움이되기를 바랍니다 물론 네가 아니란 걸 기억해 완료했으면, 이것을 복사하거나, 스타일 시트에 넣거나, 또는 다음과 같습니다 이미 내 스타일 시트에, 나는 그 마지막 줄을 잡아서 저기도 있습니다 그래서 너희들이 WordPress에 질문이 있다면 한동안 고리를보고 있던 당신들 중 일부는 더 고급, 코멘트 섹션에서 알려 주시기 바랍니다; 나는 그들을 기쁘게 생각한다

나 또는 다른 팀원 중 한 명, 우리는 매우 재능이 많습니다 개발자들은 당신이 얻고 싶어하는 것처럼 괴상하게되기를 원할 것입니다 WordPress와 함께 하지만이게 내가 가진 전부 야 얘들 아

지켜봐 줘서 고마워! 안녕!