Bootstrap 4 Image Hover Overlay With Button

안녕 얘들 아, 다른 부트 스트랩 4 자습서에 오신 것을 환영합니다 이것은 시스템 22의 jamie입니다

웹 디자인 및 기술 팁은이 비디오에서 잘 만들 것입니다 작은 오버레이가있는 이미지 컬러 오버레이와 가능한 작은 버튼 이 링크를 사용하여 연결하려는 곳으로 연결하십시오 대괄호로 된 텍스트 편집기는 여기에서 무료로 다운로드 할 수 있습니다 이 동영상 아래의 링크를 클릭하면 확장 기능 관리자에게 파일을 다운로드하면 무료 인 확장 기능 확장 프로그램 관리자가 열립니다 여기에 작은 설치 버튼으로 갈거야

나는 부트 스트랩을 사용하여 오늘 템플릿과 부트 스트랩 스타일을 사용하려고합니다 스 니펫 (snippets) 방금 설치 한 경우 다운로드하지 않아도됩니다 괄호는 사용 가능한 것으로 이동합니다 부트 스트랩 만 입력하면 사용할 수있는 플러그인 또는 당신이 여기에서 얻을 수있는 확장은 내가 볼 수있는 것처럼 그들은 모두 자유다고 말했듯이 이 설치가 이미 설치되어 있어도 원하는대로 설치하십시오 우리가 여기에있는 설치 탭을 누르면 자동으로 설치됩니다

너를 페이지로 데려다 준다 다운로드 한 Zip 파일은 어디로 다운로드 할 수 있습니까? 이 작은 상자는 여기에 자동으로 설치됩니다 그래서 시작하자 여기에 폴더가있다 이미지가있는 다른 폴더와 별개로 아무것도 없습니다

우리가 오늘해야할 일을하기 위해 어떤 이미지가 필요하기 때문에 3 7 이 특정 폴더는 indexhtml을 넣을 곳입니다 우리는 지금 만들거야 그래서 파일로 올라가고 부트 스트랩 템플릿을 얻었습니다 확장 프로그램이 설치되어 있으므로 설치하면 바로 볼 수 있습니다

그것을 클릭하십시오 빙고 우리는 자동적으로 여기에서 창조 된 작은 페이지를 얻었다 그래서 내가해야 할 일은 다음과 같이 저장하는 것입니다 당신 여기에 그걸 저장하겠다고 보여준 작은 폴더가 있습니다 그리고 나는 그것을 색인이라고 불러야 만 할 것입니다 DX dot html '당신은 항상 그것을 가져야합니다 파일 확장자는 당신이 그것을 무엇으로 저장하려고 하는지를 안다

그래서 우리는 그것을 저장했습니다 이제는 폴더에 저장됩니다 클릭하면 선택한 브라우저에서 열립니다 Google을 사용하고 있습니다 크롬 나는 그것이 단지 굉장하기 때문에 당신이 같은 것을 제안한다

그래서 우리는 무엇을 했어 여기에 작은 탐색 표시 줄과 약간의 섹션이 있습니다 그래서 우리의 작은 사이트를 만들기 시작하자 내가 먼저 할 일은 그들이 이것을 내가 주인공이라고 부르 겠어 이것을 섹션으로 변경하려고합니다

옷을 닫아야한다는 의미입니다 닫는 태그를 섹션으로 변경해야합니다 실제로 기본으로 남겨 둘 것입니다 실제로는 괜찮습니다 우리는 신분증 ID가 주어 졌다고합니다

그 종류의 컨테이너에서 평균의 아이디어가 있어요 안에는 약간의 텍스트가 있습니다 하지만 내가 할 일은 이 실제 내용을 제거하십시오 컨테이너 아래의 래퍼에 div라는 말을 남겼습니다 컨테이너의 클래스 너와 그때 나는 그 종결을 쪼개 야했다

거기에 div 태그를 ctrl X 잘라 내기 및 하단 ctrl V에 넣어 그래서 지금 우리는있어 전체 너비의 섹션과 내부에 있습니다 컨테이너 나 컨테이너의 클래스와 div 당신이 얻을 수있는 또 다른 작은 확장 당신의 괄호를 위해 내가 이것을 선택하고 치면 뭔가 아름답다 미화를 편집해라 여기 미인이 내게 모든 것을 생각 나게한다 그것은 어느 쪽이 편리해야하는지의 종류이어야한다 그리고 다시 당신은 단지 당신을 열 수있다

확장 관리자 및이 아래에 괜찮습니까? 어딘가에 이미지를 넣을 행을 만들려면 div 클래스를 만들어야합니다 열 그것을 닫기 당신 이제는 우리 컨테이너의 너비를 한 번 늘린 행과 그 안에는 세 개의 이미지를 넣고 싶습니다 이제 부트 스트랩은 부서로 구성됩니다 열두 가지의 전체 너비를 생각한다면 열 두 가지입니다 거기에 3 개 중 3 개는 12로 나눠야하는데 3은 4가 될 것입니다

나는 긴 div를위한 3 개의 컬럼을 만들 예정이다 수업과 함께 너와 같아 너 : 매체 지금은 우리가 여기에 매체를 쓴 이유는 여기에 조금 깊이 들어가 있습니다 이 모든 것을 이미 알고 있다면 자유롭게 기분을 전환하십시오 우리가 그것을 말했기 때문에 여기에서 그들 중 세 명이있을 거라는 중형 스크린입니다

4, 3, 4가 동등한 12가되기를 바란다 더 작은 장치는 그것이 iPhone에 갈 때 나는 그것이 전체 너비 1이되기를 원한다고 말한다 하나는 그냥 전체 너비를 밖으로 데리고 나 또한 오른쪽 열 작은 잘 그래서 우리의 중간 크기의 스크린과 더 큰 것은 4 분의 1이 될 것입니다 작은 화면 또는 작은 모든 것이 오순절이 될 것입니다 이제는 약간의 부트 스트랩이 있습니다

이제 첫 번째 이미지를 넣으십시오 폴더로 돌아 가라 indexhtml 멤버를 저장 한 곳에 거기에 폴더가 있었는데 IMG에서 전화를 걸거나 원하는 사진 이미지를 원하는대로 지정할 수 있습니다 너가 부른 것을 기억하는거야

그것은 꽤 표준이고 내 이미지는 내부에서 7까지 있습니다 우리가 작업하고있는이 폴더에서 루트 폴더라고 부릅니다 점이있는 HTML이 있으므로 여기에 이미지를 추가하겠습니다 당신 오프너는 이미지와 이미지의 표준 인 이미지 IMG를 말하면서 그것을 지적했다 그것이 이미지 소스에있는 소스 그것은 약간의 괄호를 열고 그것은 우리의 이미지 접을 IMG와 무료 슬래시 이미 우리가 거기에있는 모든 이미지를 보여주고 있습니다

이제 모든 이미지에 alt 태그가 있어야하고 alt 태그는 설명이 있어야합니다 갈색 머리 갈색 머리 소녀 또는 많은 여자를 위해 저장된 이미지의 버전 사람들이 SEO 목적으로 사용하고 자신의 사이트에 대한 정보를 알려줍니다 그들의 위치를위한 키워드 또는 핵심 어구 나는 그 (것)들을위한 그 공백을 다만 남겨 둘 것이다 우리 모두 괜찮은 것 같아서 지금 순간적으로 그 중 3 분의 1에 해당하는 열이있어 원하는 이미지를 가져야합니다 거기에 또 다른 두 시간 컨트롤을 통해 복사하자 실제로 전에 볼 이 이미지를해라 나는 그것을 수업에주고 싶다

나는 그것을 이미지 유체라고 부른다 그런 종류의 반응 형 반응기는 유체가 FL UID 즉, 사용 가능한 공간을 채울 것입니다 따라서 열 4 개일 때 열의 12 칸이 채워질 때 공간의 3 분의 1을 채울 것입니다 구멍 12를 들어 올리면 배열을 채우기 위해 늘어납니다 이 하나 인 상위 div의 사용 가능한 공간 이제 알았으니 지금 복사 해 봅시다

컨트롤 C 및 드롭 다운 1 복사 Ctrl + V를 눌러 붙여 넣기 Ctrl 키를 한 번 더 눌러 붙여 넣기 이제이 이미지를 바꿔 보겠습니다 이미지 하나 정말 흥미 진진한 이름이 있습니다 나는 거기에 넣고 이미지 3은 이제 당신이 선택해야한다는 것을 보았습니다 마우스로 마우스를 가져 가면 이미지를 볼 수 있습니다 실제로 여기에서 사용했다

그래, 괜찮아 이제 그걸 말하자 우리가 가진 것을 보아라 이제 브라우저에서 새로 고침하고 다시 말해야한다고 내가 새로 고침을하면 세 개의 작은 이미지가 여기에 있어야합니다 우리가 거기에서 호황 붐과 내가 말했듯이이 세 번째 섹션이 전체 섹션 12를 가로 질러 12를 3으로 나누면 4가되어 4의 열 좋아, 이제 우리는 내가 원하는 이미지를 내부에 텍스트를 가지고있다

그 이미지들 그래서 우리는 그것을 어떻게 할 것인가? 여기에 마우스를 가져 가면 나타나는 버튼을 여기에 추가하고 싶습니다 그렇게하기 위해 브래킷 소프트웨어로 돌아가 보겠습니다 그리고이 각각의 이미지 아래에 또 다른 작은 div를 만들 예정입니다 나는 그것을 우리가 무엇인지 알기 위해 오버레이라고 부르는 클래스를 주겠다 우리는 단지 그것이 나타나기를 원하기 때문에 이야기하고 있습니다

우리는 오버레이 위에 마우스를 올려 놓았습니다 이제는 처음에는 항상 여기있을거야 지금 여기 안에 나는 우리의 짧은 코드 중 다른 하나를 사용할거야 여기에 확장 관리자가 있습니다 버튼을 넣고 싶습니다

버튼 당신이 빨리 당신을 보여주지 않으면이 짧은 코드를 알아야했습니다 확장 관리자에게 갈 수 있습니다 일단로드되면 내가 사용하려고 할거야 아마 부트 스트랩 스 니프라고 생각할거야 기억할 수는 없지만 코드 자체를 기억하면 더 많은 정보로 이동합니다 버튼을 누르면 다른 모니터를 열어 자신의 github 페이지로 이동합니다

여기 나를 위해 그리고 당신이 아래로 스크롤하면 모든 짧은 코드가 있으므로 거기에서 짧은 코드를 찾을 수 있습니다 사실 그건 잘못된 것 같아하지만 네가로드하면 괜찮을거야 당신이 원하는 것들은 그 중 하나일지도 모릅니다 shortcode 나는 bs4 BTN이기 때문에 윤곽이있는 버튼에 이것을 사용할 것이다

마지막에 O를 넣으면 다른 것들에 대한 즉각적인 프롬프트가 나옵니다 빛을 사용하지 않고 릴레이와 내부를 사용하고 싶다 그냥 가자 좋아, 그냥 복사해서 우리가 나갔고 다른 작은 것들이있어 images ctrl C 트롤 V 대부분의 Windows 프로그램에서 공통적으로 사용합니다

생각해 보니 커맨드 V가 C 또는 Mac 컴퓨터에서 잘 작동한다고 생각합니다 오버레이 클래스는 실제로는 무엇을 의미합니까? CSS를 만들지 않았기 때문에 현재로서는 아무 것도 없습니다 그래서 실제로 CSS의 비트를 만들어 보겠습니다 어떻게 보이는지 알고 싶습니다 지금 나는 그들이 거기에 있어야한다는 것을 의미하지만 우리는 특히 그들이 거기에 있기를 원하지 않는다

이 ctrl을 저장한다고 해봅시다 새로 고침 할 때처럼 우리에게 돌아 가라 바로 거기에 아무 것도 없다 이미지 아래에 실제로 버튼이 있다고 생각합니다 흰색이기 때문에 당신은 그것을 볼 수 없습니다

나는 이것이 어두운 배경을 줄 수있어서 당신은 무슨 일이 일어나고 있는지 볼 수 있습니다에 그래서 우리가 기본적으로 괄호로 돌아 간다면 CSS의 약간의 비트가 있습니다

여기 우리가 TSS에 이것을 사용할 것입니다 이 섹션에서 우리는 그것을 잡아 보자 배경색을 말하자 파란색이라고 말하면서 신분증을 사용했다 해시 태그 (hashtags) 클래스를 사용할 때 마침표를 사용하거나 점 열기 중괄호와 배경을 보자

파란색 또는 무엇이든 당신이 다시 사이트를 제어 할 수 있다고 말하고 있습니다 우리는 당신이 보았을 때 푸른 색의 배경색을 알 수있게되었습니다 실제로 내가 할 일은 패딩이 바닥에 약간의 패딩을 줄 것이므로 약간의 작업이 있습니다 공간 그리고 우리는 정상에 나를 원해? 정상에 괜찮다고 생각했다 그래서 그것은 약간의 공간을 제공해야한다 나는 느낌 ctrl을 말하는거야 거기에 공의 약간의 공간이 있습니다

버튼을 클릭하면 여기에 이미지의 한가운데있게되고 싶습니다하지만 우리는 정말로 단지 그것이 거기에 있기를 바랄 때입니다 이 이미지 위에 마우스 코드 커서를 놓으면 마우스가 움직입니다 우리는 약간의 CSS로 그 일을 할 수 없습니다 이제 저는 우리에게 그것과 같은 오버레이 클래스를주었습니다

우리가 기간이나 도트 오버레이로 시작하는 수업 시간 전에 말했어 이제 알았어 일부 곱슬 괄호를 열고 닫으십시오 이제 우리가 제일 먼저 말하고 싶습니다 그것은 포지셔닝 일 이니, 이제 우리가 말할 위치를 말하고 싶습니다

순수한 그 후에 작은 세미콜론을 넣는 것을 항상 기억하십시오 우리는 그것이 중간에 있기를 원합니다 상단에서 중간까지 50 우리는 중간에 그것을 알기를 원합니다 그래서 우리는 왼쪽으로 말할 것입니다 50 %이므로 상단에서 50 %이고 원하는 부분이 있습니다

왼쪽에서 50 %이므로 우리가 할 때 중간에 우리는 왼쪽으로 50 % 괜찮아요 지금 이 오버레이로 색상을 지정하고 싶습니다 나는 그것을 파랗게 줄 수 있었지만 그것은 그 안에서 일종의 사라질 것입니다 푸른 색 프레임 거기서 우리는 언제나 그것을 바꿀 수 있습니다 우리는 항상 그것을 바꿀 수 있습니다

잠시 후에 나는 어떻게 그렇게 말할 것인가? 내가 이야기하고 있기 때문에 각하 나는 이것들 뒤에 세미콜론을 넣는 것을 잊었다 그리고 그렇게한다면 그것은 일어난다 아래의 내용은 읽지 않으므로 작동하지 않을 것입니다 배경 그리고 당신이 볼 수 있듯이 그것은 당신에게 당신이 나머지는 타이핑하지 않으려 고하고 나는 하늘색이라고 말할거야 나는 선수들이 그들을 클릭하기 만하면 아마 조금 창백해질 것입니다

내가 원하는 것은 바꿀 수 있지만 언제나 그것을 바꿀 수 있고 우리가 원하는 것은 세미콜론이다 좋아, 우리는 그것을 전체 높이로 가고 싶다 위에 무엇이 겹쳐 있는지의 높이를 보아라 우리는 100 %라고 말하고 다시 전체 너비에 걸쳐 100 % 너 괜찮아 잘 돌봐 줘야 해

그 중 대부분은 우리가해야 할 일입니다 그게 아직 길어서 색이 될거야하지만 그 작은 상자는 우리는 여전히 잘못된 장소에있을 것이라고 생각했다 우리가 거기에있는 것을 보자 이것은 색 오버레이를 처리해야한다

컨트롤은 이제 새로 고침 사이트로 돌아 갑시다 그래, 우리는 여기에서 벗어났다 훗타 하늘색 오버레이는 물론이다 이걸보고 싶지는 않아요 잠깐 후에 가져 가겠습니다

잘못된 장소와 우리의 버튼이 중간이지만 여전히 적당한 장소에 있지는 않습니다 그래서 우리는 여기에 우리가 가진 것을 가지고 있습니다 오버레이와 다른 오버레이가 이제 하나의 상자 또는 하나의 오버레이가 있습니다 우리가 이걸 올바른 장소에 놓을 수 없는지 보자 우리의 CSS로 돌아가서 다른 클래스를 만들고 그것을 중심으로 부르 자 좋은 수학은 우리가 원하는 센터의 종류에 대한 클릭률을 클릭하자

상자와 작은 오버레이가 있으므로 우리가해야 할 일은 우리에게 다른 클래스를 오버레이하다 CTR 센터를 다른 센터로 복사하기 만하면됩니다 당신 우리는 이제 오버레이 클래스를 얻었고이 새로운 클래스를 얻었습니다 우리가 방금 만든 소결 물은 우리가 상쇄 시키거나 밀어 넣을 수있는 종류입니다 이 상자들은 왼쪽에서 오른쪽으로 약간 가운데에있는 것처럼 보입니다 바로 거기에서 우리는 50 % 올라가고 싶어하고, 50 % 하지만 아직 그걸 그곳에두고 가려고합니다

우리가 보자 그래서 우리 센터에서 다시 위치가 될 것입니다 왜냐하면 우리가 말하고 있기 때문에 절대적입니다 이것은 우리가 원하는 곳입니다 덜 변환 해보고 우리가 원한다면 번역을 풀고 싶다

– 50 % 이상 – 50 명의 왼쪽 왼쪽에있는 사람이 번역을 말하려합니다 그 말이 맞았지만 아직 번역하고 규칙적인 둥근 괄호와 내부 둥근 괄호를 열 것입니다 상단 및 하단에 대해 50 % 빼기 그리고 마이너스 50 %는 물론 지난 50 년 동안 소비되었고 -4 % 죄 조금 : 그 후 그게 무슨 일이 끝났는지보고 사이트로 다시 돌아가 보자 예, 그렇습니다 아뇨, 사진이 전부 덮 였지만 실제로 우리가 여기에서하고 싶은 것을 해냈습니다

그러자 우리는 이것에 벤더 프리픽스를 추가해야 할 것입니다 하자 text-align : center가 그 버튼을 가운데로 가져 왔는지 확인하십시오 너 너 하지만 내가 말한 네 말이 맞아

지금 중간에 밀어 내려야 해 나는 50 %가 걸릴 것입니다 왜냐하면 그 높이 때문에 너무 많이 길 것입니다 30 % 패딩 탑 30 %를 우리가 항상 바꿀 수 있다고 해두 죠 제가 잘못 됐습니다

Chrome 브라우저에서이 작업을 수행 할 수 있었지만 다음과 같이 해봅시다 너를 통제 해 우리가 거기 도착하면 좋을 것입니다 Chrome 브라우저는 나는 이것을 검사한다 우리 패딩 탑 30 오른쪽 클릭을 클릭하면 강조 표시됩니다

그래서 나는 단지 이것을 굴려서 조금 움직여서 커서를 놓을 수 있습니다 롤 위아래로 그리고 당신은 그것이 실시간으로 움직이는 것을 본다 그곳에 Varner 26 명이 27 %가 이제는 옳은 것처럼 보임 27 %를 바꾸자 실제로 오버레이를 보았을 때 느낌이 들었습니다 그것의 세포를 오버레이하는 것은 내가 왜 그것을 덮고 있다고 생각 하는가하는 것입니다

그림의 측면에 배수구 그래서 여기는 우리가 여기있는 곳이 어디야? 여기에 오버레이의 너비가 있습니다 다시 나는 그것을 클릭하기 만하면된다 우리는 거기에있는 이미지를 볼 수 있습니다 나는 그 아래에있는 이미지를 봅니다 아, 조금 더 바르게 93 %가 93 %로 바꾸자

왜 크롬을 사용하는 것이 좋을까요? 우리가 93 % 괜찮다고 말했기 때문에 훌륭했습니다 우리가하고 싶었던 일을 끝내지 만 나는 그 색깔이되기를 원하지 않는다 또한 그 뒤에있는 이미지를보고 싶습니다 그래서 여기에 우리의 색깔 변화가 있습니다 조금 더 좋아

우리는 여전히 이미지를 볼 수 있습니다 뒤에 거기에 다섯 명이 우리에게 그것을 바꿔야한다 더 많은 브라우저에서 RGBA 값을 사용하므로 브라우저에 친숙합니다 그 색을 복사해서 그 밝은 파란색을 그 색으로 바꾸면 괜찮아 질거야 세미콜론 거기서 잠시 이걸 없애 버려

그리고 새로 고침을해라 왜 우리 패딩이 깨어 났는가? 나는 알고있다 패딩에 2 퍼센트 뒤쳐져있어 거기서 아마 대부분의 코딩과 같이 작동하지 않을 것입니다 바로 그 밖에 바로 돌아가서 디버그하고 무엇이 문제인지 파악해야합니다

무슨 일이 일어나고 있니? 우리가 가지고있는 버튼이있어 우리의 오버레이하지만, 우리는 들었을 때까지 그 오버레이를보고 싶지 않습니다 저기있는 쥐가 사라지도록하자 이제 오버레이가 투명도의 클래스를 제공합니다 안개 또는 불투명하지만 나는 완전히 불투명도 0이라고 말할 것입니다

투명한 멋지다고 말하면 그가 그것을 사라지게 만들 것입니다 처음에는 어떻게 그것을 잘 되돌릴 수 있을지 조금은 그렇습니다 우리는 다음 번에 그렇게 할 수있는 마법을 새로 고쳐야합니다 안녕하세요 모두 사라져서 지난 20 분이 완전히 낭비였습니다

아니면 우리가 간단하게 다시 가져올 수 있었습니까? 수업 이름이 뭐니? 당신 우리의 작은 이미지를 모두 다른 수업에 보태 자고하자 다른 학급은 IMGE hawk라고 불렀다 그들이 네가 원하는대로 부르기 때문에 나는 그것을 무언가주고 싶어한다 저에게 무슨 일이 벌어지고 있는지에 대한 단서를주세요 여기 우리 작은 멍청이들 모두에게이 여분의 수업을주고 있습니다

이미지를 가져 가거나 이미지 구멍에있는 작은 물건은 클래스입니다 ghu movie 이제 우리가 움직일 때 뭘하고 싶은가요? 그래서 우주선을 움직이지 않아도 멋집니다 우리는 그것이 오버레이 클래스에 무엇인가를하기를 원한다 그래서 우리는 도트 ​​오버레이를 클래스이기 때문에 넣습니다 우리가 원했던 것은 우리가 만들지 않은 것이 었습니다

불투명도가 0이므로 완전히 투명하므로 단순히 말하고 싶습니다 불투명도가 완전히 보이고 컨트롤이 다시 사이트를 새로 고침하고 새로 고침 좋아, 작동하지 않는다 내가 어디서 잘못되었는지 보자 debug 다시 말하면 내가 잘못 입력 한 것처럼 보입니다 지금 당장 uber la 4s 거기에 우리가 가서 그것을하고 있지만 당연히 그것을하고있어 즉시 좋네요 그것이 즉시하지 않았다면 우리가 원하는 버튼을 정확하게 연주하고 있습니다

너 그렇게 가자 조금 더 느리게 진행되도록하겠습니다 오버레이 섹션 자체에서 전환이 조금씩 진행될 것입니다 비디오 나는 사과한다 그러나 할 가치가있는 it 's 작은 작은 작은 일 3/4 초를 가정 해 봅시다

1/2 초 25 초를 가정 해 봅시다 우리가 그렇게 쉽게 말하면 쉽게 거칠게 말할 수 있습니다 아마도 편안함을 느낄 수있을 것입니다 아마 그걸 할거야

당신 네, 3/4을 만들자 5 번 다시 시도해보십시오 우리가 간다 우리가 잘 할거라 생각한다 파란색 배경을 없애고 해당 버튼에 대한 링크를 추가해 보겠습니다

실제로 어딘가에 가면 배경이 파란색으로 변합니다 당신 바로 지금 나는 내 자신의 웹 사이트 URL을 링크로 사용한다고 생각하지만 물론 링크 할 수있다 어디에서나 원하는대로 H 버튼이나 태그로 버튼을 감싸 웁니다 여기에는 버튼이 있지만 심방은 같고 우리가 원하는 링크입니다 지금은 실제로 작동하지만, 나는 그렇게 새로운 것을 열어보고 싶었다 밖으로 괄호로 묶고 닫는 앵커 태그를 우리가 원하는대로 뒤에 놓으십시오

내가 거기에 넣은 단추가있는 곳을 엉망으로 만든다 내가 말하고 물건을 할 때 나는 그릇된 것들을 얻는다 좋아요, 우리는 그 버튼을 여러가지 방법으로 사용할 수 있습니다 그것을하고 난 그냥 쓸 수 있었고 거기 버튼으로 열어 뒀다 이것은 나를 위해 작동하므로 다른 버튼에 복사 해 보겠습니다

너뿐 아니라 실제로 내가하기 전에 여기에 넣을 것은 target equals입니다 그런 다음 밑줄과 공백을 얻습니다 그러면 그게 할 일은 브라우저가 기존 탭에서 벗어나기 위해 새 탭에서 열려면 사이트가 내가 좋아하는 것은 전적으로 귀하와 그 사람을 복사하는 것입니다 물론 닫는 앵커 태그도 복사해야합니다

너 거기있어 버튼 닫기 태그 바로 다음에 넣으십시오 내가 말한 다른 것 변환 변환은 공급 업체 접두사라고하는 것을 넣어야합니다 거기에 그것이 호환되는지 확인하기 위해 모든 브라우저에서 나는 이것을 복사 할거야 WebKit을 말할거야

Web kit – 그 후 다시 구형 Microsoft 브라우저의 경우 MS 제 생각에 그들은이 분야의 일부를 고쳐야한다고 생각합니다 이후에 사이트를 확인하십시오 다른 사이트를 추가하는 것이 좋습니다 당신은 모질라에서 1을 넣을 수 있습니다

하지만 모질라는 이제 파이어 폭스를 고쳤습니다 최신 버전을 사용하고 있지만 잘못된 것일 수 있습니다 항상 확인하는 것이 좋습니다 나중에 다른 브라우저에서 이러한 것들이 컨트롤의 잘하면 우리는 끝났어 우리의 새로 고침이 파란색은 사라져야한다

너 거기 너 우리가 간다 – 우리가 마우스를 올려 놓았을 때 들리는 작은 버튼 청력 당신이 다른 것을 볼 수있는 것처럼 거기에 그것이 걸립니다 탭에서 새 사이트로 이동 그들은 광고를 가지고 몇 가지 마우스 오버레이를 추가하는 방법을 알게되었습니다 버튼을 클릭하면 어디든지 데려 갈 수 있습니다 YouTube를 공유하고 구독하고 싶다면 즐겁습니다

다음 동영상에서 채널은 내가 할 일은 무엇입니까? 우리는 똑같은 것을 사용하지만 거기에 약간의 텍스트 나 무언가를 가지고 있습니다 단순한 링크가 아니라 모델이나 모달 팝업을 클릭하면 팝업이 나타납니다 웹 디자인에 관심이 있으시면 아래의 모양 나는 거기의 위대한 약간의 무료 코스를 거기에서 얻었다 우리는 어느 정도 또한 가지고있다 YouTube 가입자에게 큰 할인 혜택을주는 고급 과정 다시 한번 이것이 시스템 22의 제이미와 웹 디자인 및 기술 팁이었습니다 지켜봐 주셔서 감사합니다 좋은 하루 되세요

DIY WP #40 front-page.php Converting part 1 : Modal

반갑습니다 지난 번에 이 front

php의 하드 코딩을 마쳤습니다 이번 동영상 부터는 이 html 코드를 워드프레스 php 코드로 변환할 건데요 제일 먼저 상단 메뉴에 contact를 클릭할 때 나타나는 이 모달 창부터 하겠습니다 우선 이 모달창에 상단 제목 다음 바디 부분, 클로즈 버튼으로 크게 세 부분입니다 바디 부분은 다시 제목과 폼 양식 부분으로 구분됩니다 어떤 사람이 이 컨택트창에서 이름, 이메일, 내용을 작성해서 보내기하면 관리자는 자신의 메일로 작성된 내용 등을 받아 볼 수 있습니다 그 후 메일이나 연락 해서 리플해주면 되겠습니다

이런 프로세스가 필요한데요, 이 작업을 해주는 유명하고도 아주 심플한 플러그인이 바로 ConatctForm7입니다 그래서 그 플러그인을 설치하고, 이 인풋폼 양식을 작성해보도록 하겠습니다 그 전에 여기 제목, 다음 간단한 설명 부분, 인풋 양식이 들어가는 바디 부분, 그리고 아래에 클로즈 버튼 부분 등 커스텀필드가 4개 필요합니다 이 정도로 정리하고 들어가보겠습니다 관리자 페이지로 가서, 커스텀필드를 클릭하고요, Add new를 클릭합니다

필드 그룹에는 모달 컨택트 하고 해주시구요 애드 필드를 클릭하고, 모달 컨택트 타이틀이라고 합니다 필드 타입에는 텍스트, 두번째 이 필드에는 모달에 We receive라고 하는 이 부분의 텍스트가 들어갈 겁니다 그래서 타이틀에 모달 컨택트 바디 디스크립션

필드타입에는 텍스트나 텍스트에어리어 둘 다 괜찮구요, 그렇게 긴 내용이 아니니까 그냥 텍스트로 해도 되겠습니다 또 애드 필요 이번에는 여기 인풋폼 양식들이 들어 갈텐데요 타이틀에 모달 컨택트 바디 라고 하고, 필드 타입에는 위지윅 에디터를 선택합니다 에디터 모양과 유사한데요, 아래에 툴바에 Full과 Basic 중에 베이식을 선택해줍니다 다음에는 모달 컨텍트 클로즈 btn 필드 타입은 이번에도 텍스트로 하면 되겠습니다

클로즈 필드를 눌러주세요 로케이션에는 페이지를 선택하고, 이퀄 투 "홈"을 선택합니다 옵션에서 포지션에는 지금처럼 에프터 컨텐트를 선택합니다 스타일은 박스 모양 스탠다드 그 다음 하이드 온 스크린에는 프런트 페이지에 기본 에디터를 쓸 필요가 없기 때문에 하이드 올을 선택합니다

그리고 공개하기를 클릭해주세요 이 필드네임들은 워드프레스 php에서 변수로 쓰이게 될 것입니다 그래서 처음 이 필드네임을 일단 복사한 다음 에디터로 가서 headerphp를 불러옵니다 여기에 변수 선언을 하는데, 우선 php 달러 마크 모달 컨택트 타이틀이라고 변수를 정하고, 이퀄 겟 언더바 필드 소괄호, 작은 따옴표 속에 복사한 것을 붙여넣기 합니다 세미콜론

두번째는 모달 컨택트 바디 디스크립션 복사하고, 이퀄 겟 필드에 붙여넣기 세 번째는 모달 컨택트 바디 달러마크에 붙여넣기해서 변수 지정하고 이퀄 겟 필드 괄호 속에 한번 더 붙여넣기합니다 마지막으로 모달 컨택트 클로즈 btn을 복사하고, 붙여넣기하고 이퀄 겟 필드, 괄호 속에 다시 붙여넣기 합니다

그리고 이렇게 선언한 변수 역할을 하는 이 커스텀 필드네임을 해당 코드에 중에 다이내믹하게 바뀔 곳에 입력해주시면 되겠습니다 타이틀을 지우고, php 탭키, 에코 달러 마크 모달 컨택트 타이틀이라고 적어주면 됩니다 그리 어렵지 않습니다 두번째는 여기 부분은 php echo 달러 카크, 모달 컨텍트 바디 데스크 그 다음 이 폼 양식 부분은 br 태그 밑에 php 에코 달러 마크 모달 컨택트 바디라고 하겠습니다

이 아래 부분은 나중엔 지울텐데요, 잠시 그냥 둡니다 그 다음 제 밑으로 가서, 클로즈를 지우고, php 에코 달러마크 모달 클로즈 btn이라고 적습니다 그리고 저장하고요 다시 대쉬보드로 가서, 프런트페이지 편집으로 들어가보면, 기존의 편집 모습들 고유 주소, 콘텐트 에디터 등이 보이지 않습니다 어찌 된건가 하면, 콘택트 커스텀 필드 옵션에서 이 프런트 페이지의 편집 섹션을 모두 하이드했기 때문입니다

프런트 페이지 편집에는 각 섹션을 모두 커스텀필드로 구성할 거라서 이런 것들이 있을 필요가 없습니다 그러면 모달 컨택트를 눌러봅니다 여기 모달 컨택트 타이틀이 있는데, 이게 바로 여기 모달창 상단의 내용입니다 내용으로 저희 회사에 연락하기 라고 적어 주겠습니다 그 다음 설명부분에는 우리는 언제나

이렇게 적겠습니다 다음 이 컨택트 바디에는 인풋 폼이 들어오는데 이 부분은 잠시 놔 두구요, 아래 부분에 텍스트로 그냥 닫기라고 하죠 그리고 업데이트를 누릅니다

브라우저에서 리프레쉬하고, 다시 컨텍트 메뉴를 클릭하면, 좀 전 입력한 내용들이 이렇게 반영되었습니다 이제 이 컨택트 바디부분만 남았습니다 다시 대시보드로 갑니다 이제 또 플러그인을 설치할 텐데요 플러그인에 플러그인 추가하기 를 클릭합니다 그리고 플러그인 검색에서 ContactForm7이라고 입력합니다 그러면 여기 좌측 제일 처음에 컨택트 폼 7이라는 플러그인이 보입니다

100만명 이상이 설치해서 사용하고 있네요 이 워드프레스버전과도 호환되고 최근 업데이트도비교적 신속하게 잘 되는 편입니다 아주 유명하고 인기있는 플러그인입니다 지금 설치하기를 클릭해 주시고요 설치가 다 되면 활성화를 눌러주세요 활성화까지 되면 대시보드에 Contact라고 하는 우편봉투 모양 아이콘이 있는 메뉴가 생기게 될겁니다 여기서 Add New를 클릭해주세요

그러면 새로운 어떤 형태의 콘텍트 폼을 만들 수 있습니다 지금 여기에 있는 샘플 내용들은 필요없습니다 지우기 전에 와일드카드, 대괄호 등 일반적인 html 코드와 다르죠 와일드카드는 require 필수라는 의미입니다 잠시 확인해 주시고, 이제는 모두 지워줍니다

제목은 모달 콘택트 폼이라고 해 주시죠 그리고 이 내용에 우리가 에디터에서 작성한 이 부분들이 들어오는데, form 태그는 필요없구요, 그 사이에 있는 부분들만 들어오면 됩니다 그래서 이 부분들을 복사해서 컨택트폼 플러그인 에디터에 붙여 넣기합니다 줄이 좀 엉망인데요 이렇게 줄 정리를 해 주겠습니다 먼저 주석들은 삭제합니다

그 다음 한칸씩 띄우는 것도 다 붙여줍니다 이제부터 컨택트폼의 숏코드 방식으로 수정할 텐데, 여기 인풋이 나 버튼, 텍스트 에어리어 등의 html코드는 여기 컨택트 폼에서 쓸 수 없습니다 아까 잠시 설명했다시피 대괄호를 써야 합니다 먼저 대괄호, 다음 타입으로 텍스트 다음 와일드카드

그리고 네임으로 your name, 다음에 클래스 표기는 클래스 다음 콜론을 하고, form-control 아이디 역시 id 콜론, formInput1으로 적어줍니다 물론 여기서는 id가 꼭 필요하지 않지만 일단 그대로 했습니다 placeholder는 콜론없이 한 칸 스페이스 그리고 한글로 성함이라고 적어주겠습니다 그러면 이 html 코드는 필요없으니까 삭제합니다

같은 방법으로 이메일도 대괄호 이메일 와일드카드, 필수 항목이구요 your-email, 클래스 콜론 form-control, 아이디 콜론 formInput2, placeholder는 아 여기 위에서 큰 따옴표를 잊었네요 빠뜨렸네요 큰 따옴표 추가해주세요

다시 youremail@emailcom이라고 해주고 대괄호 닫기 세번째도 같은 방법으로 대괄호 text 다음 서브젝트 클래스 form-control 아이디는 formInput3 placeholder에는 제목을 입력해주세요 이렇게 하시구요

이 부분은 삭제 그 다음에 텍스 에리어도 대괄호 텍스트 에어리어 콘텐트, 다음 클래스 form-control, 아이디는 formInput4, 다음에 rows 8이라는 것을 여기에서는 그냥 x8 이라고 바꿉니다 placeholder 큰 따옴표 속에, 내용을 입력하세요그리고 위의 html 코드는 지웁니다 그 아래에 버튼으로 대괄호 submit, 클래스 btn, 만야 여러 개의 클래스가 있을 때는 각각을 이렇게 적습니다

또 클래스 btn-danger, 클래스 btn-lg, 클래스 bnt- fill이라고 합니다 여기에는 submit 즉 보내기르라는 placeholder가 들어는데, 이번에는 그냥 큰따옴표 하고 여기에 보내기라고만 적어 줍니다 이렇게 따라서 하시면 됩니다 그 다음 이제 밑에 있는 이런 부분에는 우리말로 혹은 그 밑에는 전화가 편하시다면, 이 번호로 연락 주세요 라고 고쳐주세요 전화번호는 그냥 그대로 두겠습니다

각자 맞게 고쳐주세요 세이브합니다 그러면 여기 상단에 하늘색의 이런 숏코드가 보이는데, 이 부분을 복사해서 프런트 페이지 편집으로 가서 이 모달 콘텍트 디에 붙여 넣기를 합니다 좀전에 컨택트 폼 플러그인에서 만든 양식이 반영이 되어서 나타날 겁니다 업데이트합니다 자 그리고 브라우저로 가서, 일단 어떻게 보이는지 리프레시하고, 콘택트 메뉴를 눌러보면 아

폼양식이 2개가 나타나네요 텍스트에디터에서 하드코딩한 것을 지우지 않아서 그렇습니다 다시 텍스트에디터로 가서 여기 폼에서 시작해서 닫히는 form까지를 이제 삭제합니다 자 세이브하고 다시 브라우저에서 리프레쉬합니다 그리고 콘택트 메뉴를 클릭하면 네

좀 전에 작성했던 폼 내용들이 잘 나타나고, 또한 한글로 보이게 되었습니다 이렇게 테스트로 내용을 작성하고 보내기를 눌러 보시면, 현재는 에러가 나는데, 그 이유가 개발용으로 로컬호스트에서 코딩 중이기 때문입니다 나중 라이브 서버에 테마를 이전한 후에 다시 해보면 제대로 될 겁니다 네 프런트 페이지 php 변환에서 처음으로 이 컨택트 모달 편집을 했는데요

마지막으로 이번 동영상을 마무리하기 전에 프론트 페이지 아이디가 여기 보시면 56이죠 예 그래서 텍스트 에디터로 가서, 이 겟 필드 괄호 속에 콤마하고, 56이라고 입력해줍니다 이건 매 페이지마다 콘택트 모달이 기본적으로 들어가고 작동해야 하기 때문에, 이렇게 해당 편집을 한 페이지 아이디를 입력하면 다른 페이지에서 또 입력할 필요가 없습니다 저장합니다 이번 동영상에서는 콘텍트 모달까지만 하고, 다음번에는 슬라이드에 대한 코딩을 이어서 하도록 하겠습니다

수고하셨습니다

How to Fix Font Awesome Icons Not Showing in WordPress

안녕하세요, Hoz이고 오늘의 동영상이 전부입니다 글꼴 문제 해결에 대한 정보 아이콘이 표시되지 않습니다

폰트 끝내기 아이콘 단축 코드 놓기 어딘가에서 예를 들어 워드 프레스 메뉴와 아이콘은 그냥하지 않습니다 나타나다 그래서 나는 이것이 조나단이 지적 할 때까지 실제로 문제 코멘트에서 그것 – 그가 언급했다 그의 주제에 대해 그를 위해 일하지 않았다 온라인과 붐을 간략하게 살펴 보았습니다

이것이 실제로 꽤 공통적 인 문제가 있으며 사실 이 문제에 대한 수천 개의 결과 지금, 문제는 잘 도전하자 조금 더 깊이 파고 들자 내가 본 많은 스레드 중 일부 사람들의 대답은 서로 다릅니다 그들은 항상 작동하지 않습니다 그래서 이것은 무엇입니까 나는 지금까지 그럭저럭 할 수 있었다 나는 이것이 계속 될 것이라고 생각한다

내가 가지고 있다고 생각하지 않기 때문에 온라인으로 그 스레드 몇 개 읽음 모든 해결책이 가고 있다고 생각하지 마십시오 모두를 위해 일하기 때문에 내가 무슨 일을하는지 해야 할 일은 블로그 게시물을 만들 것입니다 내 블로그에 나는 그 링크를 넣을거야 이 동영상 아래의 설명에서 나는 몇 가지 언급 할거야

지금까지 내가 해왔 던 것들 동영상을 재생할 수 있지만 그런 다음 링크 헤드를 클릭하십시오 블로그를 통해 내가 계속됩니다 솔루션을 추가합니다 과 그 메모에 당신이 뭔가를한다면 너를 위해 일하고 그 후에 그것을 남겨주세요 그런 식으로 코멘트에 추가 할 수 있습니다

당신과 그 블로그와 신용 우리가 자원을 구축 할 수있는 방법은 누군가 문제가있는 경우 글꼴 멋진 아이콘을 표시 다음 중 하나를 사용하여이 문제를 해결할 수 있습니다 거기에 해결책이 있습니다 알았어 내 블로그와 이것은 실제로 라이브입니다 블로그는 그것의 사본이 아니며 당신입니다

이 사실을 알 수는 없지만 다음과 같이 할 수 있습니다 거기에 아이콘이 없습니다 이제 시도해 보았습니다 이것을 복제하고 결국 나는 어떻게 관리했는지 잘 모르겠다 하나의 아이콘은 사라지지만 다른 하나는 사라지지 않게하십시오

이 두 사람은 여기 이렇게 여기 둘 글꼴 멋진 아이콘과 여기에 이 아이콘이 있어야하지만 사라 졌어요 그것은 놓치기 때문에 이것이 문제입니다 어떤 사람들은 가지고있다 자, 내가 볼 때 온라인 나는 사람들이 이 아주 문제 : 일부 아이콘 만 사라지고 다른 사람들이 보여주고있다 그때 보고있는 다른 사람들이있다

아이콘 대신 사각형을 누른 다음 그냥 보지 못하는 다른 사람들이 있어요 어떤 아이콘이든 우리가해야 할 필요가있는 Ok 이 아이콘을 표시하게하면 이 일의 마지막에 뭔가 보여주세요 내가 실제로하고 해결 한 비디오 이게 다른 일 때문에 나는 지금까지 보지 않았다 좋아요

한 가지를 보여줌으로써 시작하겠습니다 if 보기 소스를 클릭하면 당신이 그것을 볼 수있는 멋진 검색 여기 스타일에 대한 참조가 있습니다 멋진 글꼴 인 시트 시트하지만 여기 내가 네가보기를 원하는거야 왜냐하면 이것이 문제의 근원이기 때문입니다 URL을 따라 가면 그것이 실제로 참조하고있는 것을 보아라

MaxCDN에서 호스팅되는 스타일 시트 멋진 글꼴 인 서버 시트가 있지만 버전 번호가 있습니다 4 점 7 점 제로 문제의 근원이라고 생각합니다 왜냐하면 내가 어떤 사람들을 보았을 때 일부 온라인 스레드 온라인 이 라인을 참조하여 스타일 시트와 그들은 수표를 말하고 있었다 이것이 당신의 머리말에다는 것을 또는 그것을 추가하십시오 하지만 항상 다른 버전이있었습니다

그런 다음 몇 가지 스레드를 보았습니다 누군가는 누구든지 소스 코드 확인 그 (것)들이주의 한 문제점을 스타일 시트를 참조하고있었습니다 잘못된 버전 나는 생각한다 일어나는 일 – 선들 사이에서 읽는 것 -은 그 글꼴은 끝내 그들의 것을 계속 업데이트한다

시스템 또는 그들의 일을 어떤 사람들은 오래되거나 이전 스타일 시트 문제를 일으킨다 그래서 이것은 모든 고통입니다 물론 엉덩이에 그래서 가장 먼저 이것이 내가 검색 할 때 보았던 플러그인은 플러그인이 잘만 글꼴 통합 우리가 당기고 있는지 확인하십시오 올바른 정보 또는 오히려 최신 정보

이제는 멋진 글꼴처럼 보이게 실제로 공식 플러그인이지만 꽤있다 몇 가지 플러그인 괜찮아 그래서 글꼴을 검색하면 끝내 주면 몇 가지를 볼 수 있습니다 플러그인이 나옵니다 이들 중 어느 것이 실제로 멋지게 만든 글꼴 그래서 나는 어떤 역사도 가지고 있지 않다

이러한 플러그인은 추천 할 수 없기 때문에 그러나 나는 이것을 알아 챘다 short 궁극의 코드는 거의 3/4의 백만 번 설치하므로 1 대 1이 될 수 있습니다 봐라 나는 그 많은 것을 본다 올 때 전체 5 개의 별을가집니다

문제가있는 경우 검토합니다 놀라운 글꼴 아이콘 표시 해결책이되어야한다 자, 이것을 설치합시다 더 나은 글꼴 하나만 시도해 굉장 플러그인과 나는 라이브에서 이것을하고있다 항상 좋은 생각은 아니지만 블로그 무슨 일이 일어나는지 보자

좋아, 방금 설치 했어 새로 고침하고 상자에서 나온지 확인하십시오 아무 일도 일어나지 않습니다 알았어 그 아이콘 알아

거기에 나타나지 않았다 좋아, 가자 실제로 플러그인이 무엇인지 확인하십시오 않습니다 좋아, 이것이 플러그인 그 자체 다

이제, 여기에 버전 설정을 변경 한 다음 드롭을 설정합니다 당신은 그것이 항상 최신이지만이 모든 것을 볼 수 있습니다 버전 및 이것 좀 더 또는 덜 검증 전에 내가 말한 것은 – 나는 이것이라고 생각한다 실제 문제 즉, 글꼴 끝내 업데이트 : 우리는 정적 코드 라인을 가지고 있습니다

특정한 하나의 스타일 시트를 참조한다 버전 다음에 우리는 빠져 나올거야 날짜 그래서 나는 어떤 사람들에게는 플러그인이라고 생각한다 가야할 길이 될 것입니다

분명히 최신 수단으로 설정 그 플러그인이 최신 버전입니다 그리고 그것은 끌어 넣을거야 최신 버전 자, 나는 이것을 알아 차렸다 fontawesome CSS를 제거하려고 시도하고 다른 플러그인에 의해 추가 된 짧은 코드와 테마 – 편리한 것일 수 있습니다 내가 생각한 첫 번째 문제는 나는 이미 내 헤더에 줄이있다 특정 스타일 시트를 참조합니다

나는 그것이 4 포인트 7 포인트 제로라고 생각해 이걸 보니 최신이지만 여전히 문제가 있습니다 하나의 아이콘이 없어서 이것이 약간의 것임을 알 수 있습니다 토끼의 구멍과 나는 놀랍지 않다 8 백만 가지가 넘는 결과가 있었다

내가 글꼴 멋진 아이콘을 검색했을 때 그렇게 보이지 않기 때문에 이것이 우리가 생각하는 이유입니다 다른 자원을 만들 수있다 실제로 작동하는 솔루션 그것이 하나가 될 것이라고 생각하지 마라 모두를 고치는 한 가지 문제 좋아, 너에게 보여줄거야

전에 내가 한 일은 실제로 이것을 고쳤습니다 나를 위해,하지만 나는 당신에게 내가 보여주고 싶었어 문제가 있다고 생각하면 그건 당신에게 왜 그것이 가능하지 않은지에 대한 이해 네가 일하면 일하고 또한 너를 돕는다 너 자신의 연구를 할거야 그것은 당신에게 출발점을 제공하기 때문에 또한 사실은 글꼴을 통합하는 플러그인 당신의 블로그 또는 당신과 함께 멋진 그 (것)들은 시험의 값이 있을지도 모른다

나는 물론 모든 것을 테스트하지는 않았습니다 하나만 연결했는데 시도해 볼 만하다 그 밖의 일로 일하는 것 같지 않으면 당신 이제 내가 실제로 무엇을 보여 드릴까요? 그건 실제로 나를 위해 일 했나요? 나는 undid 물론 그것은 내가 너를 보여줄 수 있도록 – 그러나 나는 방금 굉장한 폰트에 되돌아 가게되었다 아이콘에 가서 나는 다음을 찾았다

유튜브는 내가 아는 아이콘이기 때문에 실종이 안되네 내가 클릭 한 아이콘을 기억하십시오 이 하나 좋아, 코드를 복사 해 보자 그걸 내 클립 보드에 보내고 지금 가자 메뉴

좋아, 여기서 당신은 실제 아이콘이 보이지 않습니다 그 멋진 글꼴이 너무 많아서 이걸 할거야 내가 관습을 추가 할거야 링크 난 그냥 여기에서 만들거야 진짜 주소 일 필요는 없어 새 아이콘을 붙여 넣으면 거기에 마지막으로있어

이제 나는 구하고 싶어 블로그로 돌아가서 한 번 로드가 완료되면 브라우저와 봐이 말이 이해가 안돼 지금은 유튜브 아이콘이 있습니다 사라진이 사람을 얻을 수 없다 돌아와서 방금 하나 추가 했어

내가해야만하는 모든 일이 이 아이콘을이 아이콘으로 바꿉니다 그 중 하나가 누락되었거나 삭제되었습니다 그게 전부 빠졌고 그냥 움직여 이 주변에 내 메뉴와 그것을 넣어 가고 싶어 나는 알지 못한다

하지만 효과가 있었고 그게 내가 배려 한 전부 야 이 시점에서 그래서 내가 말했듯이 내가 생각하는 빙산의 일각 좋은 12 개가있을거야 해결하려고하는 여러 가지 사람들의 문제 적어도이게 우리에게 출발점 그래서 내가 제일 먼저 앞으로 나아갈 것입니다

당신이 원했던 아이콘이나 그 아이콘으로 가라 그게 당신하고 그냥 보이지는 않아요 메뉴에 새 맞춤 링크를 추가하고 그게 나타나는지 만 보아라 특정 아이콘이 보이지 않는 경우주의 내가 여기로 돌아 가자 알았어

YouTube를 다시 검색하면됩니다 내가 생각하기에 여기에 세 개의 아이콘이있다 대부분의 경우가있을 것입니다 여러 아이콘 하나의 특정 아이콘 에 대한 짧은 코드를 표시하지 않습니다

무슨 일이 일어나는지를보기위한 다른 것 내가 말했듯이, 아이콘이 표시되지만 무엇이 표시되어야합니까? 너 일할 수있어? 그래서 나는 시도 할 것이다 그 해결책을 먼저 추가하기 전에 플러그인 그래서 우리는 두 가지 해결책을 가지고 있습니다 우선, 첫 번째 것은 아이콘을 다시 수동으로 누르고 두 번째 아이콘을 다시 누릅니다

몇 가지 플러그인 중 하나를 시도하는 것입니다 저기에있어 실제로 당신을 위해 일합니다 그런 것들이 없다면 일하면 그것은 다양한 솔루션 구현 다른 사람들이 온라인에 대해 이야기했습니다 내가 처음에 말했듯이, 나는 블로그 게시물에 계속 추가하십시오 의견에 엄지 손가락을 줘

if 그것은 당신을 위해 일할 것입니다 알아두면 좋은데, 아직 안다면 채널을 구독하십시오 당신이 모든 것을 최신 상태로 유지할 수있는 방법 이 에피소드 진정해 다음 비디오에서 널 잡을거야

How to Get Insights & User-data for Your WordPress Themes

이봐! 나는 Freemius와 Kobe입니다 – 당신이 당신의 WordPress를 판매 할 수있게 해주는 완벽한 솔루션입니다 플러그인 및 테마

당신이 WordPress 주제 개발자 인 경우 – 오늘 저는 Freemius Insights에 관해 이야기하고 싶습니다 이는 우리의 분석 및 사용 추적 솔루션입니다 바로 들어가자! 테마를 공식 WordPressorg 저장소에 저장하면 다운로드 한 내용 만 볼 수 있습니다 시간 및 활성 설치 수를 계산합니다

ThemeForest 또는 CreativeMarket과 같은 장터를 통해 테마를 판매하는 경우 마케팅 페이지 뷰에 대한 여러 판매 및 통계를 얻으십시오 그러나 누가 당신의 테마를 사용하고 있습니까? 어디서 어떻게 사용합니까? 글쎄,별로 이 유형의 데이터는 귀하와 공유되는 것이 아닙니다 오늘 저는 2 분 이내에 어떻게 포괄적 인 Freemius Insights라고하는 통찰력 및 분석 솔루션을 WordPress 테마에 추가하여 도움을받을 수 있습니다 당신은 그 지식 격차를 해소합니다

이 데모에서는 '새 주제 추가'를 클릭하고 최근 26 개 항목을 사용하겠습니다 WordPressorg의 테마 저장소의 테마 슬러그를 잡아서 이름을 입력하겠습니다 새 테마를 만들려면 클릭하면 데이터가 저장되고 빠른 SDK 통합으로 이동합니다

안내서 먼저 링크를 클릭하여 Freemius WordPress SDK zip 파일을 다운로드하고 압축을 푼 다음, 내 테마 폴더 안에 폴더를 놓습니다 나는 'Freemius'로 이름을 바꿀 것입니다 이제 테마 설정에 따라 여기 단계를 거치면 자동으로 내 테마의 FUNCTIONSPHP 파일에 복사하여 붙여 넣기해야하는 기능을 생성하십시오

먼저, 함수에서 사용할 단축 코드를 선택적으로 사용자 정의 할 수 있습니다 테마를 만드는 동안 사용한 단축 코드와 일치시키려는 경우에 사용합니다 이 기본 단축 코드는 그대로 두겠습니다 그런 다음 테마의 사양을 준수하는 옵션을 확인하십시오 예를 들어, 제 20 권 테마는 확실히

org 규격입니다 여기서 함수 코드를 얻을 때까지 여기에서 옵션 사용자 정의를 계속하십시오 클릭하여 복사 한 다음 바로 내 FUNCTIONSphp 파일에 붙여 넣습니다 여기, 그리고 그것을 구하십시오

그런 다음 SDK가 주제에 성공적으로 통합되었는지 확인하려면 테마 목록을 설치하고 'Twenty Sixteen'테마를 활성화하십시오 보시다시피 이제 Freemius가 내 사용자 데이터를 캡처하도록 허용할지 여부를 선택합니다 나는 이것을 건너 뛰도록 선택할 수 있고, 테마는 잘 동작 할 것이다 부여 된 사용 권한을 확인하고 허용하려면 클릭하십시오 사용자가 옵트 인을 선택하면 프리메이슨에서 캡처 한 데이터를 즉시 볼 수 있습니다

계기반! 행동의 마술을 보자 : 나의 Freemius 계정으로 되돌아 간다 내 '대시 보드'로 넘어 가면 모든 데이터가 실시간으로 전달되기 시작합니다 새로운 사용자가 내 테마를 활성화하고 옵트 인 할 때 그래서, 현재 저는 1 개의 활성 사이트와 1 개의 활성 사용자를 가지고 있습니다 나는 내 테마의 '사용자'테이블로 가서 캡처 된 사용자의 이메일 주소를 볼 수 있으며, '사이트'테이블에서 내 테마를 사용하는 모든 사이트의 목록을 얻습니다 주제별 버전과 같은 특정 사이트 데이터를 얻기 위해 여기를 드릴 수 있습니다

워드 프레스 버전, PHP 버전, 사이트 언어 및 훨씬 더 유용한 데이터 설치 한 실제 테마에 대해이 대시 보드가 어떻게 보이는지 빠르게 알려 드리겠습니다 1 개 이상의 웹 사이트에서 나는 'Awesome Theme'의 대시 보드로 빠르게 전환 할 것입니다 여기서 대시 보드를 볼 수 있습니다 날짜 범위별로 필터링 된 데이터 '효과적인 성장'그래프를 통해 내 테마의 모습을 볼 수 있습니다

얼마나 많은 활성 사용자, 옵트 인 사용자 및 중요한 데이터가 있는지 확인할 수 있습니다 내 WordPress 테마 바로 아래에서 WordPress뿐만 아니라 내 테마 버전의 배포판을 볼 수 있습니다 및 PHP 버전 배포 또한 해당 국가 및 설치 언어에 대한 데이터를 얻을 수 있으므로 내 테마 번역 노력에 집중하십시오

Freemius가 테마 작성자에게 즉시 제공 할 수있는 또 다른 매우 중요한 기능 피드백 양식입니다 수십 개의 플러그인과 테마에서 추적 한 데이터를 기반으로 사용자 중 20 %는 평균, 처음 15 분 이내에 테마를 제거합니다 이는 잠재 사용자가 배수구를 내려가는 데 드는 막대한 낭비이며, 그 (것)들을 일으키는 원인이되는 무슨을 알고 있으십시오 사용자가 전원이 공급되는 WordPress 테마를 전환하려고하면 어떻게되는지 봅시다 Freemius

내가 설치 한 다른 테마에서 활성화 버튼을 클릭하면 피드백 양식이 표시됩니다 주제 나는 나의 스위치에 대한 이유와 피드백을 제공 할 것을 요구하면서 비활성화 중이다 이 간단한 형태는 실제로 10 명 중 8 명을 참여시키고 이유를 제공합니다 사용자 의견은 사용자를 위해 캡처되고 필터링되므로 나중에 해당 사용자 의견에 대해 조치를 취할 수 있습니다 테마를 개선하고 설치 제거 횟수를 줄이십시오

Freemius Insights에 포함 된 또 다른 멋진 점은 이벤트와 웹 훅입니다 기구 모든 이벤트는 자동으로 기록되며 사용자 정의 웹 훅에 의해 소비 될 수 있습니다 예를 들어, 자동으로 각 선택 사용자가 MailChimp 목록에 추가 될 수 있습니다 또는 사용자가 최신 테마 버전으로 업데이트하면 즉시 이메일로 보낼 수 있습니다

소개 한 새로운 기능에 대한 정보를 제공합니다 시청 해 주셔서 감사 드리며, 더 많이 배우거나 Freemius 통찰력을 사용하고 싶다면 당신의 WordPress 테마를 위해 – 그냥 넘어서 머리 : freemiuscom/wordpress/insights

Bootstrap 4 How To Create A Sticky Menu

안녕 얘들 아, 다른 부트 스트랩 4 자습서에 오신 것을 환영합니다 시스템 22가있는 Jamie입니다

웹 디자이너 테크 팁이이 비디오에서 모두 진정 될 것입니다 끈적 끈적한 미니와 끈적 메뉴가 무엇인지 자문 해보십시오 여기에 페이지를 아래로 밀어 넣으면 여기에 메뉴가 있습니다 우리가 정상에 도착하는 곳에 그것은 정상에 거기에 머무른다 영웅 섹션을 시연하고 싶다면이 기능이 훌륭합니다 그런 다음 가지고있다

맨 꼭대기에 붙어있어 시작하자 내 괄호를 여는거야 텍스트 편집기이 대괄호 텍스트 편집기는 최고입니다 그것은 자유 롭다 당신은 여기에서 영상의 밑에 연결에서 그것을 다운로드 할 수있다 나는 간다 out to file 이제는 새로운 부트 스트랩 템플릿을 사용할 것입니다 나는 당신이로드 할 필요가있는 경우에 모든 연장이 무료 인 대괄호로 적재했다 여기에 확장 관리자가 있습니다

일단로드되면 사용 가능한 항목을 누르고 무엇이든 입력을 시작합니다 확장 귀는 그것과 부트 스트랩 템플릿을 못생긴 우리는 부트 스트랩에 템플릿을 시작하고 거기에 템플릿을 입력했습니다 실제로 오늘 데모에서 두 개를 사용하게 될 것입니다 당신은 1 분 안에 그리고 rch bootstrap 스 니펫을 볼 수 있습니다 잠시 후에이 모든 것들이 무료입니다

당신은 설치를 치고 그것을 설치할 것입니다 자동으로 또는 페이지로 이동하여 여기에 끌어다 놓을 수 있습니다 그들이 새로운 부트 스트랩을 말할 때 그리기 보드에 다시 설치합니다 템플릿을 만들고 거기에 HTML을 만듭니다 이제 기본 템플릿을 저장하면 저장됩니다

저장해야합니다 HTML 파일이므로 다음으로 저장하겠습니다 우리는 그것을 인덱스라고 부를 것이고 그 뒤에 파일 타입을 넣어야한다 HTML 문서 HTML은 여기에 방금 저장 한 폴더가 있습니다 두 번 클릭하면 그것에 당신의 브라우저에서 열리게 될 것이다

왜냐하면 나는 여기에서 크롬을 사용하고있다 그냥 경위 도구를 사랑하고 이것이 우리가 얻는 것입니다 여기에 navbar가 있으며 여기에 약간의 텍스트가 있습니다 입술로 가라 우리는 더미 필러 텍스트 인 약간의 긴 엉덩이를 사용할 것입니다

여기에 약간의 공간을 만들어 단락이 생성되도록하겠습니다 어쨌든 우리는 이것을 지금까지 가지고 있습니다 그리고 물론 템플릿을 다운로드하여 모든 것을 스크래치 할 수 있습니다 그것을 구축하십시오 우리가 여기로 돌아 가면 그냥하기 만하면됩니다

끈적 거리는 것은 정말로이 논증에 문제가되지 않는다 그래서 여기에 우리 navbar가있다 우리 신체 계급에서 볼 수 있듯이 밑에는 약간의 텍스트가 있습니다 나는 그것을 섹션으로 변경하려고합니다 ID가있는 섹션 섹션에 해당 닫기 태그를 변경해야합니다

순전히 내 시위를 위해서 당신이 원하지 않으면 이것을 할 필요가 없습니다 좋아, 그래서 여기에 검은 막대에 있던 우리 navbar가 우리가보고있는 bar가있다 그것은 그것의 위에 무언가를 만들자 그래서 나는 새로운 섹션을 만들 것입니다 그리고 저는 그것이 영웅이라고 말하는 것의 ID를 줄 것입니다

첫 번째 비트에 대한 공통 이름 인 당신은 우리 제품이나 서비스에 대해 강조하고 싶은 부분을 볼 수 있습니다 그 내부에서 더 잘 파고 드는 고객 우리는 기술 센터 수업을 제공 할 것입니다 텍스트 중앙 및 텍스트 내부에 모든 텍스트를 만들 수있는 텍스트 라이트 클래스 밝은 색 괜찮아 그 안에 무언가를 넣자 나는 한 표제를 가르치고있다 아마 밑에있는 작은 단락 좋아요

나는 짧은 코드 중 하나를 사용할 것입니다 지금 버튼을 빠르게 추가하기위한 확장 기능 거기에 정의 할 기본 코드가 있습니다 그리고 이것은 버튼 내의 텍스트입니다 좋아 그 작은 차이를 없애자

이것을 우리가 원하는 높이로 만들고 싶습니다 그래서 우리는 다음과 같은 섹션 아이디어를 가지고 있습니다 여기에 오, 여기에 페이지 스타일이 있습니다 그래서 여기에 추가 할 것입니다 편의상 나는 그들이 가지고있는 것을 제거 할 것이고 그것은 ID이므로 해쉬이다

태그가 아닌 3 개의 해시 태그가 있습니다 오, 우리가 원하는 것은 무엇입니까? 아주 간단한 말을 배경으로 모든 권리 왜 네가 높이 당신은 조금 높이를 얻을 500 픽셀 텍사스가 어딘가에있을 수 있도록 상단에 약간의 덧씌우기를 할 것입니다 페이지의 중간 또는 중간에있는 어딘가에 섹션에서 픽셀 당 500 픽셀의 높이라고 말하면됩니다 페어웨이 다운 페어웨이는 내 생각에해야한다 우리는 이것을 저장하고 무슨 일이 일어나고 있는지보고 싶어서 내가 원하는 효과를 얻지 못한다

지금 당장 또는 그 일이 어떻게 진행되고 있는지 보자 순간을 새롭게하자 우리는 우리 navbar의 꼭대기에 이것을 놓았지만 당신이 볼 수있는 것에 따라 우리는 간다 여전히 그 아래에 나타난다 그래서 우리가 원하는 것은 우리 navbar가이 아래에 혼자 있고 싶을 때 그리고 스크롤 할 때입니다

잠시 스크롤 할 수있는 콘텐츠가 충분하지 않지만 스크롤 할 때 스크롤 다운됩니다 우리는 navbar 일종의 롤을 원하고 그곳에 꼭 붙어서 돌아 가자 우리의 괄호에 그 일이 생기면 나는 할거야 그 안에 텍스트가있는 섹션은 빨리 정리해야합니다 나는 나의 의지를 최소한 1200이라고 말하고 다시 ID로 할 것입니다

해시 평균 제거 높이는 1200 픽셀 이상이어야 함을 의미합니다 또는 금액을 당신이 거기에 넣었는지 그리고 그냥 약간의 더미를 추가하자 여기에 텍스트 의사가 몇 가지 p 클래스 또는 단락 클래스를 만들어 봅니다 몇 번 ctrl C를 복사하여 트롤 V를 붙여 넣기 만하면됩니다 우리의 lorem ipsum 텍스트로 가보 죠

하지만 지금 우리가 길러 왔고 그것은 단지 사본입니다 이 물건들 중 일부는 우리가 거기에서 뭔가를 얻을 수있게 해줍니다 보여주기 위해 사용하면이 모든 것을 복사 할 수 있다고 생각할 수 있습니다 그리고 그냥 거기에 밀어 넣을 수는 있지만 그 사이에 어떤 단락도 없을 것입니다 왜냐하면 그것은 그것을 읽지 않을 것이기 때문에 텍스트의 블록을 하나의 블록으로 보게 될 것이기 때문입니다

이 태그들을 거기에 놓음으로써 조금 더 분리 할 것입니다 그래서 저는 이것으로 시연 할 것입니다 한번에 두 번 할거예요 한 번 저장하면 화면이 한 번처럼 보입니다 그 틈을 보아라

실제 페이지 자체에 더해서 보지 않을 것이다 꽤 못생긴 괜찮아요 마지막으로 저기로가요 우리는이 시간을 사이트로 다시 스크롤 할 수 있어야합니다 그 자리에 우리가 가지고있는 자리를 새로 고칩니다

거기에 우리의 긴 Epsom이있다 그것은 제가 실제로 말했던 네 번째 텍스트 블록이었습니다 저기서 거기에 대해 생각하지만 어쨌든 우리는 거기에 스크롤 할 수 있다고 생각합니다 상단에 약간의 패딩이 붙어있는 것을 보자 메뉴가 정말 어렵고주의를 기울이기가 어렵습니다

실제로 그것은 엄청나게 쉽지 않다 나는 꼭대기에 약간의 패딩을 넣고 싶다 그 질감의 그래서 내가 주위에 모든 패딩 해요 괜찮아 이제 메뉴를 끈적 거리게 만들어 보자 준비는 정말 어렵다 menu nav bar now 박스 밴드 now bar 배경 우리의 트릭을 멈출 필요가 있습니다

변화가 바로 당신이 힘든 일을 바로 처리 할 수 ​​있다고 생각합니다 한 번 더 안전 할 수있는 안전한 사이트로 다시 돌아갑니다 여기에 패딩이 있습니다 메뉴 상단의 영웅 섹션을 볼 수 있습니다 우리의 영웅 섹션 밑에는 텍스트가 있어야하는 방식입니다

이 페이지를 아래로 스크롤 할 때 스크롤해야합니다 거기에 도착하면 맨 위에 붙어 있어야합니다 거기에 너는 그것을 가지고있다 사람들이 아래로 스크롤해야하기 때문에 좋은 작은 기능 당신은 여기에 전폭 섹션을 만들었으니 그냥 1500 픽셀로 만들어 보자 ctrl을 사용하면 사이트 새로 고침 영역을 다시 저장하는 것이 좋습니다

어리석은 모양이지만 배경에 멋진 이미지가있을 수 있습니다 또는 여기에 강조 텍스트와 버튼이 무엇이든간에 당신이 그것에 도착하면 메뉴가 있습니다 그래서 거기에 당신이 그것을 가지고있어 정말 유용한 스티커 메뉴를 만드는 방법입니다 제품 및 서비스를 강조하는 데 많은 도움이됩니다 사람들이 실제로 메뉴 자체에 접근하기 전에 당신이 찾았 으면 좋겠어 당신이 우리의 유튜브를 공유하고 구독하고 싶다면 유용합니다

웹 개발에 관심이 있다면 채널을 아래에서 살펴보십시오 그리고 거기에있는 훌륭한 무료 코스들도 있습니다 우리 유튜브 가입자들에게 몇 가지 큰 할인 혜택을 줄 것입니다 이 시스템에서 제이미 22 및 웹 디자인 및 기술 팁을 주셔서 감사합니다 좋은 하루 되세요

Envira Gallery CSS Addon

Envira Gallery에 오신 것을 환영합니다 이 비디오에서는 Envira Gallery에서 사용하기 쉬운 CSS 애드온을 살펴 보겠습니다

CSS 애드온은 무료로 사용할 수있는 완벽한 유틸리티 애드온입니다 맞춤 갤러리를 특정 갤러리에 맞게 조정할 수 있습니다 일단 활성화되면 사용자 정의 CSS 스타일을 추가하여 수정할 수있는 CSS 상자가 여기에 있습니다 귀하의 갤러리 쉽게 몇 줄의 코드로 룩앤필을 변경하십시오

우리는 WordPress 갤러리 생성에서 고통을 뺐고 쉽게 만들었습니다 재미 있습니다 오늘 Envira Gallery를 시작하고 몇 분 안에 아름다운 사진 갤러리를 제작하십시오

How To Fix WordPress Problems – Troubleshoot & Find The Problem & Repair

이 비디오는 실행할 수있는 몇 가지 일반적인 문제를 수정하는 방법을 보여줍니다 WordPress를 사용하여 버그를 해결하는 문제를 해결할 수 있습니다

웹 사이트가 옳지 않아서 당신이 생각하는 것이 무엇인지 알아 내야합니다 테마 또는 페이지 작성자 또는이 또는 그하지만 당신은 정말 이것도 알지 못합니다 테마 나 플러그인 제공 업체에서 얻을 수있는 지원 속도를 높이는 데 도움이됩니다 그래서 여기 나는이 웹 사이트에 올라서서 그것에 대해 변화를주고 흥분을 만난다 그것은 Elementor가 가지고있는 것입니다 여기에 몇 가지 플러그인이 있습니다

저는 여기에 앉아 있습니다 내 모자와 보리스이 무슨 일이 있었는지 모르겠다 다음 단계는 WordPress의 백 엔드에 들어가서 페이지를 클릭 한 다음 여기를 클릭하는 것입니다 여기 내 홈페이지가 있는데 나는 Elementor로 편집을 클릭 할 것이다 왜냐하면 나는 뛰어 오르기를 원하기 때문이다

Elementor를 사용하여이 모든 것을 내 현금으로 확인한 다음이 일을 올바르게 처리하십시오 여기 미안 컨텐트 영역이 귀하의 페이지에서 발견되지 않았지만 문제는 이것이 작동하고 있다는 것입니다 며칠 전이 문제를 해결할 수있는 원인이 무엇인지 알지 못합니다 비디오 나는이 비디오에서 당신이 할 수있는 모든 것에 대해이 모든 것들에 대해 흥분해합니다 지금 당신이하는 일들을 해결할 수있는 방법을 제공하는 것은 당신이 앉아있는 것입니다

당신은 Elementor 여야한다고 생각합니다 그러나 생각할 때 대부분의 시간을 말해야합니다 그것은 특정 플러그인 또는 특정 주제에 문제가 일반적으로 아니지만 싶어 이 비디오에서 아래로 좁히는 방법을 보여주세요 안녕하세요 WPCrafter

com의 Adam입니다 당신이 구독을 클릭하는 것을 고려한다면 비 기술적 인 사람들을 위해 WordPress 튜토리얼 비디오를 리메이크하십시오 버튼 업데이트 알림 벨을 클릭하십시오 어떤 종류의 문제를 겪고있을 때 일반적으로 작동하는 방식의 당신은 일반적으로 당신의 테마 제공자에게 당신이 도달했다고 생각하기 때문에 손을 내밀 것입니다 당신이 생각하는대로 페이지에 표시됩니다 너를 위해서 이걸 알아 내려고 싶지만 너에게 너의 접근이 필요해

웹 사이트를 방문한 다음 액세스 권한을 부여하면 2 ~ 3 일이지나갑니다 이제 그들은 그것을 가지고 있으며 본질적으로해야 할 일은 그들이 웹 사이트를 방문하고 모든 플러그인을 사용 중지하는 지루한 과정을 거친 다음 그것들을 하나씩 활성화 시키면 그들은 다른 테마를 넣고 그것이 사물인지를 볼 것입니다 당신이 사용하고 있고 그들이 제거 과정을 사용하여 플러그인이나 테마가 없다고해도 문제는 현재 무엇입니까? 당신은 실제로 이것을 할 수 있습니다 당신의 세포 현상은이 비디오에서 이것을하는 방법을 통해갑니다 이전에 백업을하고 싶다는주의를 기울이는 더 빠른 방법입니다 이렇게하면 비디오 설명 상자에 링크가있는 웹 사이트를 백업 할 수 있습니다 아래로 아래로 updrafts 당신이 시작하기 전에 그것을 원하는 updrafts의 자습서를 사용하여 이 과정은 이제 귀하의 웹 사이트 호스팅 회사가 스테이징과 같은 스테이징을 제공하는 경우 두 번째입니다

당신이 무대 지역에서이 비디오로 할 일을하고 싶은 지역과 만약 당신의 웹 호스팅 공급자는 괜찮습니다 동영상에 다른 링크를 추가 할 것입니다 비용이 들지 않는 준비 영역을 쉽게 만드는 방법에 대한 설명 상자입니다 몇 분 정도 시간이 걸릴 것이고 그 일은 백업을 만들 수 있습니다 당신의 웹 사이트와 그것의 분리 된 지역으로 그리고 그 때 당신은 거기 로그인 할 수 있고 당신은 할 수있다 당신이 원한다면 무엇이든 할 수 있습니다

왜냐하면 목표가되는 주요 웹 사이트에 영향을 미칠 수 있기 때문입니다 우리는 문제를 해결하려고 더 많은 문제를 일으키고 싶지 않으므로 당신이가는 사람은 하고 싶은 것은 당신의 테마를 바꾸는 것입니다 우리가 이것을 먼저하고 싶은 이유는 플러그인을 제거하는 과정에가는 것은 간단합니다 더 많은 시간을 할애하여 귀와 여분의 테마를 설치하는 것이 좋습니다 귀하의 워드 프레스 웹 사이트 그래서 당신이 쉽고 빠르게 기본값 으로이 작업을 수행 할 수 있습니다 당신이 여분 주제가없는 경우에 WordPress 당신은이 3 개의 주제가 여기에서 있을지도 모르다 설치하십시오 그냥 새 항목 추가를 클릭하고 이전 주제를 설치하면 상관 없습니다

WordPress 테마의 경우이 경우 2017이되므로 지금은 알지 못합니다 admin bar 나는 어제 admin bar를 가져야한다 오늘은 없어 당신이하고 싶은 일은 농구를 시작했을 때 다른 테마를 활성화해서 진행하는 것입니다 방금 2017 년에 활성화했는데 여기로가는 것이 현명하다는 것을 알고 있습니다

새로 고침을하면 모양이 완전히 달라 보이지만 요점은 무엇입니까? 내 관리자 표시 줄이 돌아 왔는지 그리고 다시 돌아 오지 않았는지 확인하여 다음에 할 일은 페이지에 들어가서 지금 Elementor에 들어갈 수 있는지 살펴보고 들어 가려고합니다 누군가 내가 가서 그냥 돌아가서 클릭하면 안된다 이 원인이 테마가 될 가능성을 제거했습니다 이제는 테마가 아닙니다 내 사이트가 정상적으로 보이기를 원하기 때문에 내가 사용했던 테마를 다시 활성화하고 활성화 할 수 있습니다

그리고 나는 프론트 엔드에 가서 우리가 아직도 가지고있는 것을 제외하고는 아무것도 깨지 못했음을 보게된다 우리가하고 싶은 일을 처리하는이 문제는 무료 플러그인을 설치하는 것입니다 플러그인 탐지 (plug-in detective)라고 불리는이 오래된 방법은 우리가 백엔드에 들어가는 것입니다 WordPress에서 우리는 플러그인으로 가고 플러그인의 모든 플러그인을 비활성화해야합니다 문제가 사라 졌는지 확인하고 대개 플러그인을 활성화해야합니다

하나씩 플러그인을 활성화 한 다음 이동하면 새로 고침을 수행하여 플러그인인지 확인합니다 고정되어 있고 여전히 고정되어있는 경우 플러그인을 활성화 할 때까지 플러그인을 계속 활성화합니다 문제가 발생했는지 확인하여 실제로 깨 졌는지 확인하십시오 그래서 우리가하고 싶은 것은 바로이 플러그인을 사용하는 것입니다, 플러그 앤드 탐정 는 이러한 플러그인을 비활성화하고 다시 활성화하고 확인하는 작업을 간소화하고 100 단계로 처리합니다 우리에게 그것은 무료 플러그인이며 계속 진행하여 지금 바로 사용할 수 있습니다

시간을 할애하여 새 추가를 클릭하면 계속 진행됩니다 플러그인에 대해서는 여기에서이 플러그인을 설치하고 활성화 할 것입니다 그리고 그것을 사용하는 법을 보여 드리겠습니다 활성화를 클릭하면됩니다 당신이 그것을 활성화 할 때 당신이 문제를 말하는 새로운 관리자 메뉴 링크가 있다는 것을 알아 채려면 플러그 앤드 탐정을 활성화 시켜서 프론트 엔드에 가서 새로 고치겠습니다

그래서이 경우 특정 페이지에 특정 문제가있는 경우 관리자가 있습니다 bar이 경우 불행히도 당신이하는 일은 그 페이지로 이동합니다 문제 해결 여기 워드 프레스의 백엔드에서 문제 해결에 관한 정상 회담을 클릭하지 않았습니다 탐정 플러그 연결을 시작할 것입니다이 로봇으로 정말 귀여운 플러그인입니다

우리가하고 싶은 모든 것은 새로운 케이스를 열면 클릭하면됩니다 이제 우리에게 문제가있는 곳으로 데려가라고 부탁하십시오 그래서 제게는 앞으로 나아가 야합니다 관리자 막대가 없기 때문에 내 웹 사이트의 끝과 나는 그 관리 바 Elementor에 들어가는 Elementor에서 모든 것은 방문 사이트를 클릭하기 위해 일부 관련됩니다 그것은 나를 앞쪽으로 데려 갈 수 있고 여기에 나는 나의 관리 술집이 없다

그래서 나는 지금 어디에있다 문제는 근본적으로 이것은 단지 문제가 내가 클릭하는 곳으로 가라고 말하는 것입니다 나는 거기에있다 그리고 지금 그것은 좋다 우리 플러그인의 목록을 보여주고, 우리에게 어떤 것을 요구하고 있는가? 이러한 플러그인 중 사이트가 제대로 작동하려면 클릭해야합니다

Elementor에서 일반적으로 기본 페이지 빌더 플러그인을 클릭하려고합니다 이 단계에서 Elementor를 클릭하고 클릭하면 끝났으므로 지금은 무엇입니까? 그룹을 활성화하는 그룹을 비활성화하는 과정을 거치게됩니다 우리는 정면으로 그리고 우리가이 제거 과정을 겪을 때까지 두 가지가 함께 할 것입니다 그래서 처음에 진짜로 시작 심문을 클릭하십시오 여기에 귀하의 사이트가 다시 문제라고 말합니다 고정 나는 내 관리자 모음을 다시 가지고 있으므로 예를 클릭하면 괜찮아졌고 그 다음에는 고정되어있다 다시 시작 심문을 클릭하고 다시 묻는거야 당신의 문제가 해결됩니다 그리고 네, 제 관리자 막대가있어서 시작 심문 번호를 다시 고칠 수 있습니다

다시 말하자면 문제는 고쳐지고 그렇습니다 내 관리자 모음이 있습니다 summa 예를 클릭하십시오 고정되어 있습니다 다시 시작 질문을 클릭하십시오

다시 묻습니다 문제가 있습니다 고정 예, 다시 시작 심문에 대한 내 클릭이며 귀하의 사이트가 귀하의 문제라고합니다 다시 사이트가 깨진 것을 발견하면 지금 고쳐야합니다 내 관리자 바가 없습니다

아직도 깨진 건데 여기 범인이 바로이 플러그인 인 걸 발견했다 ODT 상대 URL로 명명되었으므로 이제는 비활성화 옵션을 사용하여 나에게 옵션을 제공합니다 나는 나를 위해 deactivated에 대한 클릭에있어 범인은 그들을 클릭하여 발견됩니다 WordPress 대시 보드로 돌아가서이 프로세스를 진행하면서 무엇을했는지 심문을 시작하기 위해 클릭 할 때마다 일괄 적으로 비활성화 및 활성화 다시 무슨 일이 있었는지 그것은 몇 가지를 더 활성화 시켰고 그 일을 계속 추적하고있었습니다 너를위한 모든 것은 뒤에서 고통이고 이것과 같은 도구없이해야한다 경험과 모든 사람들이 개발자 도구가 문제는 문제가 아니며이 경우에는 Elementor가 문제라고 생각했을 것입니다

내가 가자 Elementor의 문을 쾅쾅 쾅 쾅 쾅쾅 흘리지 만 그것이 확인되지 않은 것은 밝혀지지 않았다 여기에서 일하고있는 웹 사이트는 내가있다 그리고 새로 고침을 클릭하지 않는 관리자 바바라 번호가 있었다 그리고 1/2 우리는 우리의 admin bar를 가지고 있습니다 그리고 나서 바로 Elementor로 편집을 클릭하십시오

Elementor에 들어가면 Elementor로 편집을 클릭하면 볼 수 있습니다 Elementor 인터페이스로 돌아 가면 굉장합니다 이제 플러그인으로 들어가 보겠습니다 섹션 바로 여기에서 볼 수 있습니다 ODT 상대 URL은 무엇입니까? 이 플러그인을 비활성화하면 플러그인이라는 것을 쉽게 알 수 있습니다

문제를 일으켜서 결국 당신이하는 일은 당신이 단순히 당신에게 갈 것이라는 것입니다 귀하의 웹 사이트의 준비 영역에서이 모든 작업을 수행 했으므로 기본 웹 사이트 클릭으로 돌아갑니다 플러그인을 사용 중지하면 해당 웹 사이트에서 문제가 해결됩니다 다시 일하는 중이고 어쨌든 그렇게 간단합니다 여러분이 어떤 가치를 발견했기를 바랍니다

이 비디오에서 당신이 엄지 손가락을 포기하고 페이스 북 그룹이 아니면 또는 WordPress에 문제가있는 친구가 있다면이 링크를이 폴더에 공유하십시오 그들과 함께 비디오를 보면서 지금 당장 문제를 해결하는 법을 알 수 있습니다 이 문제를 바로 해결할 수 있도록 지원의 앞뒤를 헤쳐 나가야합니다 지금은이 동영상을 시청 해 주셔서 감사합니다 다음 동영상에서 만나기를 바랍니다

Bootstrap 4 Flip Between Image And Live Google Map

안녕 얘들 아,이 부트 스트랩 4 자습서에 오신 것을 환영합니다 시스템 22의 Jamie입니다

웹 디자인 및 기술 관련 팁은 내 동영상 중 하나에 질문이 있습니다 신사는 자신의 사이트에서 Google지도를 가지고 있으며 실제 마우스를 사용하지 않으려합니다 누군가 실제로 그것을 클릭 할 때까지 스크롤하여 그는 내가 그를 위해 잘 작동하지 않는 여기에 약간의 대본을 나에게 제공하고있다 이 작업을 수행하는 쉬운 방법이 있지만 실제로 무엇인지는 모르겠지만 내가 보통 알아낼 수있는 한 이런 종류의 일을하는 것을 피하기 위해 해결 방법과 이것은 내가이 상황에서하는 것보다 이 스크립트를 마우스로 사용하지 않으려면 마우스를 놓으십시오 마법사가 매우 쉽게 할 수있을 것입니다

jQuery를 약간 사용하고 div를 사용할 수 있습니다 그 배경 이미지를 클릭하면 그것을 볼 수 있습니다 사라지면 내 해결 방법이 될 실제지도가 나타납니다 그래서 우리는이 비디오에서 우리가 할 일을 그렇게하려고합니다 괄호 텍스트 편집기를 열어 대단 굉장 그것은 당신이 그것을 다운로드 할 수 무료입니다 이 비디오 아래의 링크에서 우리의지도로 가자

우리의지도는 여기에있다 iframe 우리지도 분할 또는 분배기는 G지도 클래스를가집니다 다른지도가 아닙니다 팀은 그저 위의 괜찮아요 그리고 우리는 뭔가 다른 클래스를 줄거야 우리는 이것을 GM 클래스라고 부릅니다 GMaps라고 부릅니다

이 내가 이미지지도에 있는데, 너에게 보여 줄게 내가 왜 그걸 이미지라고 부르는 이유는 내가 방금 가져온 것일까? 큰지도에서이지도까지 나는 그것의 스크린 샷을 해본 적이있다 이 Google지도와 같은 크기의 이미지가 나옵니다 무게는 같지 않습니다 너비는 같지만 450 높이와 같은 높이입니다

이 것이 여기에 있습니다 여기에이지도의 배경 이미지가있을거야 여기에 내 작은 사이트 폴더가 내 이미지와 함께 있지만 여기에 표시됩니다 저는 거기에 작은지도가 있습니다 실제로는 1904 년에 67 세로되었습니다

배경을 가리 키도록 말하고 450 이상으로 말해야합니다 우리가 여기에서 계속하고있는 것과 같은 차원이 되라 그래서 이것을 계속하자 이 중간에 우리는 어떤 종류의 텍스트를 원하거나 h3로 말하겠습니다 수업도 할 수 있습니다

전화 해주세요지도 용 매트 텍스트입니다 Matt Tex 나는 말하고 있었기 때문에 거기에서 끝에서 나의 브래킷을 놓쳤다 그곳에 그 점을 다시 지적하면 우리는 조금 더 나아질 것입니다 거기에 닫는 태그와 우리가해야 할 말 라이브 맵을 보려면 클릭하십시오

그런 식으로 클릭하면 라이브 맵으로 넘겨 지므로 괜찮습니다 우리가 필요로하는 모든 요소를 ​​div 맵핑과 d-mat 팀 앱으로 iframe에서 약간의 CSS를 보겠습니다 우리는 imap으로 시작할 것입니다 imap은 클래스이고 우리는 우리가 배경 이미지를주고 싶을만큼 우선하고 싶다 거기에 바로 배경이 있습니다

우리는 그 URL과 IMG라는 폴더에 이미지가 있습니다 IMG는 꽤 일반적인 IMG입니다 그것은 바로 거기에 설립되어 실제 이미지는 맵이라고합니다 그곳에는 충분한 집이 있습니다 그래서 거기에 넣습니다

배경 이미지 지금 우리는 얼마나 큰 우리가 그것을 원하는지에 관해서는 세미콜론이되기를 원합니다 우리가 또 다른 라인을 추가하고 있기 때문에 우리는 배경 한숨을 보게 될 것입니다 우리는 그것을 원한다 우리는 그것을 소용돌이 치기를 원한다 이것을 다시한다

전체 배경을 다루기를 원했고 우리는 그 배경을 똑같이 원합니다 높이는 여기에 우리의 눈 프레임으로 그리고 나는 당신이 여기 코드에서 볼 수 있습니다 백퍼센트 너비 그래서 그것은 모든 방법을 통해가는거야 우리는 450의 피크 인 450의 높이를 얻었다 그래서 우리는 그것을 450의 사진의 높이에게 OK 할 것이다 당신 아마도 CSS 아내가 실제로 필요합니다

이 작은 텍스트를 여기에 옮겨 놓으려면 필요할 수도 있습니다 그냥 이것을 생각하고 우리가 지금 가지고 있어야하는 것을 보자 우리지도의 여기에서 우리는 이것과 같은 또 다른 물건을지도의 꼭대기에 있어야한다 어둡고 어딘가에 텍스트가있을 것입니다 새로 고침은 우리 텍스트가 있습니다

우리의지도 이미지가 있습니다 이것은 우리의 라이브입니다 아래지도는 물론 우리가 이것을 숨기고 싶습니다 jQuery를 사용하여이 작업을 수행 할 것입니다 1 분 안에 이 텍스트를 여기 어딘가에서 중간으로 옮기고 흰색으로 만들어 보겠습니다

그래서 우리의 괄호로 돌아가거나 눈에 띄는 밝은 색으로 만들어 보겠습니다 우리의 시력 맵 클래스가 텍스트를 만들 수 있도록 텍스트 라이트를 추가하도록 T를 매핑합시다 나는 배경에 대해 눈에 띄는 색상을 원하고 말할 것입니다 텍스트 센터는 텍스트를 정렬하고 일단 정렬하면 센터 우리가 그것을 어떻게 든 정당화 할 수있는 행이면 그것을 밀어 내릴 필요가 있습니다 그러나 그것은 h3가 자신의 클래스를 가지고 있다는 것은 아닙니다

단지 CSS 맵 T를 사용하고 우리가하고 싶은 것을 열거 나 닫고 중괄호로 만듭니다 우리가 패딩 맨이라고 말하면서 그것을 내리고 싶다 그리고 우리는 그것이 450 인 것을 알고 있습니다 우리는 중간에 그것을 원합니다 그래서 25 개의 사진을 시도해 봅시다

450 명 중 절반이 우리가 지금 얻은 것을 보니 좀 더 좋아 보인다 그래서 우리는 살아있는지도와지도 이미지 위에서지도를 알아 들었다 그리고 we 've는 그것을 알아 들었다 중간에 좋은 클릭 전설이 있습니다 그래서 우리가하고 싶은 것은 우리가 이것을 숨기고 싶습니다 밑바닥 하나 실제로 우리는 이것을 가지고 살고 싶습니다

우리는 새로운 것으로 넘기고 싶었습니다 그래서 약간의 스크립트를 추가합시다 그것은 약간의 방법으로 내려 왔고 우리는이 스크립트의 맨 아래부터 시작할 것입니다 여기에 몇 가지 스크립트 태그를 열어 보겠습니다 사이에 공간의 비트 지금은 그럼 우리가 잘 할거야 시작하자 우리의 달러 기호와 우리는 그 요소를 숨기고 싶습니다

규칙적인 둥근 괄호를 열고 그 라운드 사이에 꺽쇠 괄호를 하나만 거꾸로 써야하고 우리는 그 클래스를 원한다 수업 일에 거기있는 것 그래서 우리는 닥터를 원해 gmap은 클래스를 말합니다 점이 괜찮아 만났어 그래서 우리가 지금하고 싶은 일을 우리가 원한다

너무 높기 때문에 점 숨기기가 숨겨져 있어야합니다 가야하고 우리는 그냥 몇 가지 둥근 괄호를 열고 마지막에 우리는 세미콜론을 넣기를 원합니다 우리는이 다음에 대해 이야기하고 싶습니다 어느 것이 gmap인지 알면 나는 그것이 우리가 원하는 문제이다 숨기기 위해서 클릭해서 똑같은 짓을하자

우리가 할 시간을 하나씩 거꾸로 쉼표 아멘 우리가 지금이 div를 목표로 삼고 싶습니다 우리가 클릭 할 때 무언가를하고 싶었 기 때문에 점 클릭을 말할 것입니다 그리고 나서 우리는 이것이 대괄호로부터 열리는 함수라는 것을 말할 것입니다 다시 말하면 4 개의 둥근 괄호를 열고 닫을 것입니다 이것은 보통이어서 우리는 중괄호를 열어 놓기를 원합니다 우리가 원하는이 중괄호 사이에 그 사이에 어떤 종류의 뒤집기를 원한다고 말하면 달러 기호가됩니다 다시 한번 우리는 실제로 우리가 가지고있는 것을 복사 할 수있는 몇 개의 둥근 괄호 여기에 가기를 해봅시다

나는 훨씬 더 쉬울 것이다 단지 이것을 복사하지 않을 것이다 우리가 말하지 않을 것과 똑같을거야 우리는 거기에 붙여 넣을거야 그리고 우리가 원하는 첫 번째 것은 imap을 숨기는 것이다

그리고 바로 아래에서 똑같은 일을 다시 할거야 GMAT를 보여주고 싶습니다 이번에는 오히려 그것을 보여주기 위해 상처를 입지 않을 것입니다 그것을 숨기기보다 GMAT가 있고 우리는 쇼라고 말하고 싶습니다 우리가해야 할 일이 거의 다 있다고 생각해

내가 너를 확신하기 때문에 나는 무엇이든 놓치지 않았 음을 확인한다 이런 식으로 코딩 할 때 아무 잘못 이해하면 작동하지 않을 것입니다 내가 말하는 동안 말하는 야크킹이야 내가하는 동안 말하는거야 꽤 자주 나에게 정확하다고 보이는 것들을 놓치게 만든다 일단 우리가 새로 고침하면 Ctrl 키를 저장하면 사이트로 돌아갑니다

내가 잘못한 게 아니라면 사라질거야 좋아, 내가 여기를 클릭하면 바로 사라 졌어 그 라이브지도를 뒤집어 쓴 것 같아요 그리고 당신이 원했던 것 같아요 너와 함께 시작하면 아래로 스크롤하여 아무것도 일어나지 않을거야

죽은 죽은 지역이므로 원하는 경우 지나서 스크롤 할 수 있지만 원하는 경우 당신이 그것을 클릭 할 수있는 라이브지도 빙고 거기에 바로 당신의 라이브지도가 있습니다 당신의 질문에 대답 해 주셨으면 좋겠습니다 그 일을하는 방법이나 더 나은 방법을하고 있지만 그것이 내가 주위를 돌아 다니는 방법입니다 그 작은 문제가 거기에 나를 위해 작동 jQuery 간단한 비트 클릭하고 넘어져 전환하면 아직 거기에 라이브지도가 있습니다 우리는 당신이 그것을 공유하고 구독하고 싶다면 즐기 셨으면 좋겠다 웹 개발에 관심이있는 YouTube 채널 우리 과정의 아래에서 우리는 훌륭한 약간의 무료 코스뿐만 아니라 약간의 프리미엄을 얻었다 YouTube 가입자에게 큰 할인 혜택을주는 강좌이므로 한번보세요

다시 이것은 시스템 22 및 웹 디자이너 기술 팁 com을 얻고 있습니다 보고있는 주셔서 감사합니다 좋은 하루 되세요

How To Create An Image That Changes On Mouse Hover Over In WordPress Sidebar Widget

Neil Ball과 Neil Ball의 협력을 환영합니다 오늘이 비디오에서 마우스를 올려 놓을 때 이미지 나 배너를 만드는 방법을 보여줍니다

예를 들어 어떤면에서 내 웹 사이트의 오른쪽에이 배너를 가져 가면 마우스 위로 마우스를 가져 가면 이미지가 변경됩니다 이제 그것은 매우 똑 바릅니다 앞으로해야 할 일은 실제로는 하나의 이미지이며 실제로는 이와 같은 이미지로 구성됩니다 이 두 이미지가 나란히 있으므로 왼쪽에 이미지가 있습니다 이미지는 이미지입니다

마우스를 가리키기 전에 표시되는 오른손 이미지가 표시됩니다 그곳에 그렇게하기 위해 필요한 약간의 코드입니다 그러나 이것은 매우 간단합니다 당신은 왼쪽과 오른쪽 이미지로 시작합니다 둘 다 정확히 같아야합니다

크기 그리고 나서 당신이하는 일은 그것들을 하나의 이미지에 함께 넣는 것입니다 아래로 공백으로 열 같은 것의 중간 그게 내가 한 짓이야 그들은 겹치지 않고 그 둘 사이에 뚜렷한 차이가 있음을 말합니다

당신은 아마 그보다 작은 간격으로 벗어날 수 있지만, 나는 보통 항상 함께 일합니다 10 개이므로 이제 지금 다른 이미지를 만들면 매우 간단합니다 580과 높이는 543 이었으므로 새로운 이미지를 만들 것입니다 이미지를 왼쪽과 오른쪽으로 위치시키는 것은 그들의 질문입니다 맞습니다

일단 더 큰 크기의 이미지를 만들면 다시 복사하여 보낼 수 있습니다 그것은 새로운 이미지로 여기에서 우리는 그것을 가지고 있습니다 우리는 왼쪽 이미지와 오른쪽 이미지를 가지고 있습니다 이 이미지는 올바른 이미지이므로 오른쪽으로 넘어갈 것입니다 그것은 완벽하게 일렬로 늘어날 때까지

그런 다음 왼쪽 이미지와이 이미지를 우리가 바로 잡을 것입니다 왼쪽으로 나는 보통 PNG로 저장한다 그렇게 간단하고 다음 일이된다 당신은 할거야 자료 WordPress 및 미디어에 가서 이미지 라이브러리에 이미지를 추가하는 것입니다 당신은 단지 그것을 업로드하려고하고 당신은 URL을 얻을 것입니다

나는 지금 당신에게 보여줄 것입니다 나는 지금 막이 일을 아주 최근에 여기에서했다 그래서 여기에 그것은 당신이 잡으려고합니다 이미지의 URL 인이 URL은 여기에 있습니다 그런 다음 몇 가지 코드가 있습니다

WorkWithNeilBallcom 인 나의 웹 사이트에 오는 경우 내 웹 사이트에 절대적으로 공급합니다 상단에서 볼 수 있듯이 You Tube에이 비디오의 측면에 링크를 넣을 것입니다 또는 무언가가 링크를 클릭하면 코드를 내 웹 페이지에 올려 놓을 수 있습니다 페이지를 복사하여 귀하의 웹 사이트에 붙여 넣기하고 거기에 링크를 넣어 작동하도록하십시오

그래서, 우리가 지금 외관에있는 도구로 들어가면 우리는 당신이해야 할 일, 오른쪽 사이드 바를 간다 텍스트 상자를 가로 막대 위젯으로 드래그하여 이동해야합니다 표시됩니다 사이드 바에 텍스트 위젯을 넣고 그 다음에 할 일이 필요합니다

그렇다면 지금 내가 화면에 보여주고있는이 코드를 복사 할 것입니다 상자 이제 이것에 관한 몇 가지 사항을 살펴 보겠습니다 당신 실제로 여기에서 일어나는 일 때문에 표시하고 싶은 이미지의 크기를 설정하십시오 이미지 위에서 마우스를 움직이면 왼쪽의 모습을 보입니다

이미지는 이미지의 오른쪽에 있습니다 그래서 언제든지 당신은 단지 볼 것입니다 너비 하나의 이미지에 두 개의 이미지를 사용하고 있습니다 넓은 그래서 왼손 이미지는 285이고 오른손 이미지는 285이고 높이는 483 그래서이 설정들은 당신이 보여주고 자하는 크기가 될 필요가 있습니다

여기에서 배경 설정은 이미지의 URL을 넣는 곳입니다 업로드 한 이미지는 내가 방금 본 곳의 큰 이미지입니다 우리가 방금 가져 갔던 URL과 당신이해야 할 유일한 일은 여기에 몇 가지 추가 코드를 입력하십시오 클릭 할 때 클릭 할 때 사용합니다 이미지, 이미지, 그러면 다른 페이지로 이동하게됩니다

내가 할 일은 그 모든 것을 내 웹 사이트에 올려 놓으십시오 그렇게하면 쉽게 복사해서 붙여 넣을 수 있습니다 이 비디오에서 실수로 쉽게 복사 할 수 있도록 복사하십시오 일단 작업을 완료하면 저장하십시오 다음과 같은 이미지를 얻어야합니다

정말 효과적이고 간단합니다 그곳에 그것에 대해 전혀 공상적인 것이 아닙니다 그리고 여기 제가 말했던 많은 사람들이 있습니다 이전에 누가 이것을 만들었는지는 믿을 수 없을 정도로 복잡 할 때 이미지를 만드는 방법입니다 그것은 당신이 그랬던 것처럼 마우스를 가져 가면 바뀝니다

사람들을 얻는 좋은 방법입니다 너의 웹 사이트를 탐색하는 관심 그래서 나는 Neil Ball과 함께 작업 한 Neil Ball입니다 당신은 다른 힌트와 트릭이 필요합니다 WorkWithNeilBallcom 내 웹 사이트를 좀 봐 나는 다시 너에게 말할 것이다

고맙습니다 안녕

WordPress Plugins Install Guide | How To Activate Under Construction Mode |

플러그인은 응용 프로그램에 추가 기능을 제공하는 유틸리티입니다 플러그인을 설치하려면 플러그인을 설치하기 만하면됩니다

wp-content / plugins 디렉토리에 플러그인 파일 플러그인이 설치되면 플러그인 메뉴에서 해당 플러그인을 활성화하거나 비활성화 할 수 있습니다 WP 관리에서 WordPress 27 이상에서는에서 직접 플러그인을 설치할 수 있습니다 관리 영역

플러그인 다운로드 귀하의 WP 관리자 영역에 로그인하고 플러그인 – 새로 추가로 이동하십시오 플러그인 아카이브로 이동하여 선택하십시오 그런 다음 Install Now (지금 설치) 및 Plugin (플러그인)을 클릭하십시오 될거야 곧 설치됩니다 제거는 또한이다 대부분의 경우 직설적이다

플러그인에서 디렉토리를 제거하기 만하면됩니다 제거하고 싶으면 자동으로 비활성화됩니다 항상 모든 플러그인이 아니라는 것을 명심하십시오 설치가 쉽기 때문에 항상 해당 설명서를 참조하십시오 설치 지침을 먼저 읽으십시오

처럼 & 이 비디오를 공유하십시오 : https://youtube/O-wWZJ5laLg 내 채널을 구독하십시오