Setup and Install WordPress on Google Cloud Platform (Bitnami)

안녕하세요 여러분, onepagezencom의 joe입니다

오늘이 자습서에서 우리는 WordPress 웹 사이트를 설정하는 방법을 살펴 보겠습니다 호스팅을 위해 Google Cloud Platform 사용 이제 이것은 특히 유용한 튜토리얼입니다 이전하려는 WordPress 웹 사이트가 이미있는 경우 호스팅을 위해 Google Cloud Platform에 연결 또는 당신이 새로운 WordPress 웹 사이트를 시작하고 호스팅 제공 업체를 찾고 있다면 이제이 자습서의 첫 번째 단계는 Google 클라우드 플랫폼으로 이동하는 것입니다

[입력]은 "cloudgooglecom"입니다 오른쪽 상단의 콘솔 탭을 클릭하십시오 [클릭 수] 자 이제이 튜토리얼을 시작하기에 앞서 Google Cloud Platform 계정이 있어야합니다

계정을 설정하는 것은 비교적 간단합니다 그러나 나는이 튜토리얼에서이 단계들을 거치지 않을 것이다 일단 계정을 만들면 Google Cloud Platform에서 대시 보드로 이동 우리는 왼쪽 상단 모서리에 여기에 갈거야 우리는 "프로젝트 생성"탭으로 갈 것입니다 이제 프로젝트 이름을 원하는대로 넣을 수 있습니다

나는 "test-1"을 넣을 것이다 이제 Google이 어떻게 고유 한 프로젝트 ID를 만들지 알아 봅니다 create [clicks]를 클릭하십시오 나는 이미 그것을 가지고 있기 때문에 단순히 그것을 잊어 버릴 것입니다 이 예제를위한 프로젝트를 만들었습니다

일단 프로젝트를 만들면 선택되어 있는지 확인하십시오 WordPress를 배포하기 위해 "Cloud Launcher"로 이동합니다 [ 'Cloud Launcher'링크 클릭 수] [아래로 스크롤] 이제 나는 조금 아래로 스크롤 할 것이고 여기서 당신은 눈치 챘을 것이다 클라우드 / CMS 솔루션 여기 처음 3 개는 WordPress입니다 Bitnami가 단순히 WordPress를 사용하게 될 것입니다

왜냐하면 단순히 WordPress를 사용하는 것이 가장 간단하기 때문입니다 – 내 의견으로는 – 나는 그것을 클릭 할 것이다 그런 다음 'Compute Engine에서 실행'을 클릭합니다 [클릭 수] 괜찮아 – 이제 배포 이름 네가 원하는대로 이름을 지을 수있어 이 튜토리얼에서 나는 "test-1"이라고 이름을 짓겠다

"zone"에 대해 – 원하는 영역을 선택할 수 있습니다 "Machine Type"에서 "Micro 06GB"를 선택합니다 단순히 가장 저렴한 옵션이기 때문에 디스크 유형의 경우 솔리드 스테이트 드라이브를 선택합니다 단순히 그들이 있기 때문에 – 평균에 "표준 영구 디스크"보다 약 5-10 배 빠름 GB의 "Disk Size"에 대해 나는 10GB의 기본값으로 갈 예정이다

간단히 허용 된 가장 작은 디스크 크기 괜찮아요 이제 아래로 스크롤하여 '배포'를 클릭합니다 [클릭 "배포"] 이제이 과정은 2 분 정도 소요됩니다 배포 할 프로젝트 그러니 계속 기다려주세요 [기다리고 싶지 않으면 5시에 건너 뜁니다] 좋아, 이제 우리의 WordPress가 배포되었습니다 우리는 우리의 "관리 사용자 이름" "사용자" 우리의 "admin password" 이것은 일시적입니다 그리고 당신은 그것을 바꾸고 싶어합니다 처음 로그인 한 후 그래서 나는 그것을 "복사"할 것입니다

[select text + ctrl c] "관리자 패널에 로그인"을 클릭하십시오 [클릭 수] [페이지로드] 괜찮아요 – "username"은 "user"를 입력하십시오 "비밀번호"는 "붙여 넣기"할 것입니다 [click + ctrl v] 나는 로그인 할거야 거기에 Google Cloud Platform에 WordPress를 설치했습니다 이제 다음 튜토리얼에서 내가 갈 것이다

도메인을 Google Cloud Platform 계정에 연결하는 방법 그리고 나는 또한 기존의 WordPress 웹 사이트로 이동하는 방법을 보여줄 것입니다 Google Cloud Platform 워드 프레스 설치 질문이 있으시면 아래 상자에 자유롭게 의견을 말하십시오 또는 이메일을 보내주세요 보고 주셔서 감사합니다! 더 훌륭한 자습서는 onepagezencom을 방문하십시오

Bootstrap 4 Change Navbar Background Color On Scroll

안녕 얘들 아, 웹 디자인 비디오를위한 또 다른 부트 스트랩에 오신 것을 환영합니다 제이미입니다

시스템 22 및 웹 디자이너 기술 팁 진정 이 비디오에서 우리는 navbar를 가지고 노는 것을 계속할 것입니다 여기서 마지막으로 여기에 선형 그래디언트를 넣어서 볼 수 있습니다 화면 상단의 사진을 볼 수 있으며 모든 링크를 볼 수 있습니다 여기 아래로 스크롤하면 꽤 좋은 옵션입니다 CSS의 아주 쉬운 간단한 비트입니다

마지막 비디오에서 보셨 듯이이 비디오를 완전히 투명하고 거기에 영웅 단면이 나온 후 여기로 내려 오면 여기 도착하면 멋진 색상이되기를 원해요이 푸른 색을 그렇게 말하죠 맨 위가 투명하고 여기에 내려올 때 우리는 그것을 오염 시키려고합니다 잘하기가 어렵지 않습니다 우리는 JavaScript를 약간 작성해야합니다

하지만 너무 어렵지는 않다고 말했듯이 그렇게하겠습니다 내가 할 일을 한 번 보도록하겠습니다 이걸 투명하게 되돌릴 것입니다 그래서 브래킷 소프트웨어를 열면 거기에 선형 그래디언트가있는 배경이 있습니다 투명하거나 투명하게 돌아 가기 애들은 잘하고 빠른 말을 사이트에 가서 그것이 우리가 원했던 일을하는지 확인하십시오

아직 완전 무결하다 비록 당신이 그것을 볼 수는 없지만 그 링크는 여전히 괜찮습니다 우리가하고 싶었던 것은 지금 투명하고 모든 것을 투명하게하고 싶었습니다 아래쪽으로가는 길에 있지만 여기에 도착하면 모든 것을 볼 수 있기를 원합니다 우리는이 파란색 배경을 선택할 것입니다

나는 빨간색이 너무 많아서 그 파란색을 붙이자 그래서 무엇을 할까? 내가 할 일은 여기에 약간의 자바 스크립트를 써야한다는 것입니다 그래서 우리 괄호로 돌아 가자 나는 또 다른 CSS 클래스를 추가 할 것이고이 클래스 백그라운드 점을 점이라고 부를 것이다 스크롤 한 그래서 그것은 BG dot dot이 스크롤되어 틈이 생기지 않게하고 곱슬을 닫습니다

괄호로 묶고이 배경에서 실제로 배경색을 지정하려고합니다 그냥 복사 해 봅시다 그리고 우리가 사용했던 푸른 색은 10 ca였습니다 나는 모든 사람들이 10시에 캘리포니아에있을 것이라고 믿는다 그래서 우리의 괄호에 그 색을 사용합시다

좋아, 그렇게 보이네 투명하고 우리는 올바른 인형 어두운 BG 덕트 철자거야 우리는 BG가 어둡고 BG를 얻었습니다 이제는 어둠의 두루마리가 재미있게 나옵니다 실제로 자바 스크립트를 작성하고이 자바 스크립트를 아래에 붙여 넣습니다 비디오가 있다면 브라우저가 좀 가끔씩 나에게 알려줘야한다고 생각해

우리가 바닥에 가면 소스 물건을 게시하도록하는 이상한 여기에있는 스크립트 또는 여기에있는 모든 스크립트 나는 여기에 약간의 제목을 줄 것이며, 스크립트로 그것을 할 것이다 그 느낌표 커플라 하이픈과 같은 작은 태그가 거기 내가 말한대로, 아무도 나 한테이 일을해야만한다 스크립트의 비트 또는 스크립트 의이 비트 그래서 몇 가지 스크립트 태그를 열어 보자 어떤 스크립트를 작성하기 시작합니다 우리는 무엇을하고 싶습니까? 창에 집중하고 싶을 때 스크롤 할 때 무언가를하고 싶다 우리는 둥근 괄호에 달러 기호로 시작하고 우리는 창을 원한다

우리가 원하는 것은 무엇입니까? 우리가 실제로 여기에서 사용하기를 원하는 기능을 사용하면 또 하나의 라운드를 열 수 있습니다 브래킷과 바로 거기에 기능이 있지만 우리는 바로 Aronian function이었다 그리고 다시 둥근 괄호를 열고 닫으면 그 다음에 곱슬 괄호를 넣고 우리가이 곱슬 안에서 무엇을하기를 원하는지 말하십시오 괄호 너무 잘 그것은 단지 라인 아래로 이동했습니다 우리가 원하기 때문에 약간의 공간을주고 다른 달러 기호로 시작하십시오 에 우리는 navbar에서 일하고 싶었다

그래서 내가하는 일은 하나의 거꾸로 된 쉼표에 nav를 넣어서 우리가되고 싶었 기 때문입니다 우리 탐색 막대 작업은이 섹션을 탐색하십시오 당신 우리는 배경을 만든 두 클래스 사이를 전환하고 싶었습니다 어두운 배경이 스크롤되고, 우리는 그것을 토글해야한다 그 (것)들 사이에서 전환하는 것을 알고 있다는 것을 당신이 알고있는 방법입니다 토글하다 그리고 우리가 수업을 말할 정도로 우리는 클래스 갭 C를 가지지 않았다 그것이 더 둥근 괄호를 반올림하고 목표로 삼고 싶다

이 스크롤 된 요소는 우리가 거기에있어 다시 한번 우리는 이것을 하나의 거꾸로 된 쉼표에 넣을 것입니다 그 다음 우리는 Kama 손에 있었다 우리는 기본적으로이 일을 지시하면서 달러 기호를 원합니다 이 말은 내가 이것을 아래에 놓을거야 대부분의 내 동영상 및 스크롤 상단의 범위 그것이 단지 추측하는 것 이상의 이상일 때 나는 우리가해야 할 800을 말할 것입니다

그 둥근 괄호를 닫고 그 둥근 브래킷을 닫으십시오 세미콜론 세미콜론 제안을하면 더 추가 할 수 있습니다 그것을 저장하고 실제로 작동하는지 확인하십시오 그래서 그것들 사이를 토글해야합니다 두 클래스는 투명하고 푸른 색이어서 우리 사이트에 저장했습니다

새로 고침 시작 거기 아래로 스크롤 그것은 팝 그것은 팝업 조금 높이 올라간다 나는 아마 300을 처리 할 수있다 300 정도이며 즉시 팝음 한 번만 말해 보도록하겠습니다 750 개의 식사 또는 3/4 초만으로도 쉽게 먹을 수 있습니다 그렇게하지 마라 점프 점프 점프 그래서 우리가 여기로 돌아 가면 여기에 놓기를 시도해보십시오

밀리 세컨드는 초당 3/4이되어야합니다 당신은 라인 컨트롤에서 모두 멋지게 말합니다 우리는 약 3 개를 추가하고 싶다고 말했습니다 백 픽셀 우리가 그렇게하지 않았어 저장하고 사이트로 돌아가서 맨 위로 새로 고침하고 스크롤을 시작하십시오

내려가는 조금 늦은 사람도 있습니다 약 3/4 정도 걸립니다 나타나는 초 당신 조금이라도 당신이 그것을 읽을 수는 없다는 것을 알았습니다 그것을 읽을 수 있기 때문에 조금 전에 일어난 일 그래서 돌아가서 그냥 정리해 그것을 부르 자

우리는 사이트로 돌아가는 1080 개의 20 픽셀을 줄였습니다 다시 위로 돌아 가자 아래로 스크롤 시작 당신 왜 그런 일이 일어나지 않을지 생각해보십시오 조금 더 빨리 타이밍을 바꾸자 대신 반 초를 말하십시오

예, 다시 사이트로 돌아가서 새로 고침합니다 그리고 거기서 자라기 시작합니다 저는이 작은 막대를 옆구리에 사용합니다 당신 완벽한 완벽한 방법을 지금 볼 수 있습니다 거기에 몇 픽셀 더 줄여서 당신 훌륭한 예, 그게 행복합니다

절대적으로 괜찮아요 붐 때 영웅의 끝 부분을 얻으려면 그 푸른 색으로 변하게됩니다 우리가 원하는 바에는 네비게이션을 변경하는 방법이 있습니다 자바 스크립트와 CSS를 사용하는 스크롤의 색상 당신이 좋아하고 구독하고 있다면 유용합니다 웹 개발에 관심이 있다면 아래의 과정 중 하나를 선택하십시오

YouTube 가입자에게 큰 할인 혜택이 있습니다 아래 코스가 다시 한 번 모습을 드러내고 있습니다 제이미에서 왔습니다 시스템 22 및 웹 디자인 및 기술 팁을 보내 주셔서 감사합니다 일

How to Add Google Analytics to WordPress (2018) | Install Google Analytics on Your Website

이 비디오에서는 WordPress 웹 사이트에 Google 웹 로그 분석을 추가하는 방법을 보여줍니다 이를 위해 세 가지 쉬운 옵션을 공유 할 것입니다

여기에는 다음이 포함됩니다 플러그인을 사용하여 WordPress에 Google 웹 로그 분석을 추가하는 방법 WordPress 테마를 통해 코드를 추가하여 WordPress에서 Google Analytics를 설치하는 방법, 과; headerphp를 통해 Google 웹 로그 분석을 설치하는 방법 자녀의 테마 파일 우리는 오클린 블로그에이 비디오와 함께 제공되는 게시물을 만들었습니다 (우리는 직접 링크를 클릭하십시오) 거기에서 가장 적합한 옵션을 선택하고 단계를 수행 할 수 있습니다 단계별 지침

또한 아래 설명에서 타임 스탬프를 확인하여 사용할 방법으로 건너 뛸 수 있습니다 이제 시작하겠습니다 Google Analytics는 Google에서 제공하는 자유형 웹 사이트 트래픽 분석 도구로서 웹 사이트 트래픽을 모니터링하고 사용자가 웹 사이트를 찾은 방법, 사용자가 가장 매력적이라고 ​​생각하는 콘텐츠 유형 웹 사이트 트래픽을 늘리거나 웹 사이트 참여를 개선하는 것이 중요하다면, Google 웹 로그 분석에는 필수 도구가 있어야합니다 Google 애널리틱스 계정을 최대한 활용하려면 다음 중 일부를 이해해야합니다 핵심 측정 항목 중 OHKLYN 게시글에서 검토 할 수있는 몇 가지 정의를 제공했습니다

속도를 최대로 높이십시오 WordPress 웹 사이트에 Google 웹 로그 분석을 설치하는 데 사용하는 방법에 관계없이, 가장 먼저해야 할 일은 무료 Google 웹 로그 분석 계정을 설정하는 것입니다 먼저 Google (또는 Gmail) 계정이 있어야합니다 그런 다음 OHKLYN 게시물의 링크를 따라 Google 웹 로그 분석으로 이동할 수 있습니다 오른쪽 상단 모서리에있는 '무료 가입하기'버튼을 클릭하십시오

그런 다음 사용자 이름, 사이트 이름, 귀하의 사이트 이름, 사이트의 URL, 사이트가 속한 산업 및 시간대 그런 다음 공유 할 데이터를 설정하는 상자를 선택 또는 선택 취소 할 수 있습니다 Google 애널리틱스로 일반적으로 Google 웹 로그 분석 서비스를 개선하는 데 사용됩니다 여기 링크를 클릭하면 자세한 내용을 볼 수 있습니다 '추적 ID 가져 오기'버튼을 클릭 한 다음 서비스 약관에 동의하십시오 축하해! 이제 Google Analytics 대시 보드에 있습니다

추후 사용을 위해 화면 중앙에 추적 ID를 복사하십시오 WordPress 웹 사이트를 만들고 실행하면 Google 웹 로그 분석을 만들었습니다 계정에 Google 애널리틱스를 추가 할 수 있습니다 첫 번째 옵션은 Google 애널리틱스를 WordPress 웹 사이트에 추가하는 방법입니다 플러그인을 사용하여

이것은 누구나 WordPress에 상관없이 사용할 수있는 가장 간단한 옵션입니다 당신이 사용하고있는 테마 그러나 무료 DivX를 사용하는 무료 WordPress 자습서 중 하나를 따랐 으면, Ultra 또는 Olsen 테마를 사용하면 Google 애널리틱스를 추가 할 때 플러그인을 사용할 필요가 없습니다 테마 옵션 영역을 통해 귀하의 웹 사이트에 직접 코드를 작성하십시오 다음 섹션에서 다루겠습니다

섹션 플러그인을 사용하여 Google 웹 로그 분석을 설치하려면 Google 애널리틱스 MonsterInsights의 WordPress 플러그인 또는 WP 플러그인의 Google Analytics 대시 보드 먼저 Google 애널리틱스를 WordPress 용 Google 애널리틱스 플러그인과 함께 설치합니다 MonsterInsights에 의해 이미 그렇게하지 않았다면 머리 위로 귀하의 WordPress 관리 대시 보드 화면 왼쪽의 메뉴에서 플러그인> 새로 추가로 이동하십시오

검색 창에서 'monsterinsights'를 입력하고 결과가로드 될 때까지 기다립니다 보시다시피, Google 애널리틱스 플러그인은 최고의 결과를 가져와야합니다 '설치'버튼을 클릭하고 '설치'작업이 완료 될 때까지 기다렸다가 종료합니다 '활성화'버튼을 클릭하십시오 다음 페이지에서 '플러그인'아래에 즉시 묻는 메시지가 나타납니다

'Google Analytics 설정을 구성하십시오' Google 계정을 인증하기 만하면됩니다 첫 번째 버튼을 클릭하십시오 과정을 안내하는 팝업 창이 나타납니다 '다음'을 클릭하십시오

그런 다음 'Google 코드를 받으려면 클릭하십시오'라는 상자를 클릭하십시오 Google 계정에 로그인하고 허용 할 수있는 다른 창이 팝업됩니다 특정 동작을 취하는 플러그인 그런 다음 선택하고 복사해야 할 코드가 표시됩니다 코드를 붙여넣고 '다음'을 클릭하십시오

다음 페이지의 드롭 다운에서 '모든 웹 사이트 데이터'웹 로그 분석 프로필을 선택하십시오 '다음'을 클릭하십시오 다음 페이지에 '완료'라고 표시되어야합니다 이제 버튼 위에 '프로필 활성화 : 모든 웹 사이트 데이터 '가 표시됩니다 사용 데이터를 Google과 쉽게 공유 할 수 있는지 여부는 귀하에게 달려 있습니다 이제 '변경 사항 저장'을 클릭하십시오 관리자 메뉴에서 '인사이트'와 그 아래의 다른 옵션을 볼 수 있습니다

왼쪽에 축하해! MonsterInsights 플러그인을 통해 Google 웹 로그 분석을 설치했습니다 데이터가 없다면 놀라지 마십시오 24 시간 후에 첫 번째 보고서가 표시됩니다 데이터 수집

다음으로 Google 웹 로그 분석 대시 보드를 사용하여 Google 웹 로그 분석을 설치하는 방법을 보여 드리겠습니다 WP 플러그인 용 이전과 마찬가지로 WordPress 관리 대시 보드에 로그인하고 플러그인> 새로운 추가로 이동하십시오 'google analytics dashboard'를 입력하십시오 다시 한 번,로드되면로드 된 결과 중 하나 여야합니다

WP 플러그인 용 Google 웹 로그 분석 대시 보드 옆에있는 '지금 설치'버튼을 클릭하십시오 설치가 완료되면 '활성화'하십시오 이제 관리자 메뉴에 Google 웹 로그 분석 탭이 있어야합니다 그 위에 마우스를 올려 놓고 일반 설정을 클릭하십시오 여기에서 우리는 플러그인을 설정합니다

'플러그인 인증'버튼을 클릭하십시오 이전과 마찬가지로 이제 Google 계정에 로그인하여 일부 권한으로 승인하고, 복사해야하는 코드가 표시됩니다 '액세스 코드'텍스트 필드에 붙여넣고 '액세스 코드 저장'을 클릭하십시오 이제 일반 설정 페이지로 돌아갑니다 화면 중간에 서명 할 때 입력 한 모든 정보가로드되어야합니다

웹 사이트 이름, 추적 ID, URL 및 시간대와 같은 Google 애널리틱스의 참고 : 여러 웹 사이트가있는 경우 현재 작업중인 웹 사이트를 선택해야합니다 드롭 다운에서 '변경 사항 저장'을 클릭하면 완료됩니다 대시 보드로 이동하면 Google 웹 로그 분석이라는 새 패널이 생성됩니다 가장 중요한 측정 항목을 보여주는 대시 보드

다른 대시 보드 패널처럼 축소하거나 확장하거나 이동할 수 있습니다 그리고 그게 다야 다음으로 Google 애널리틱스 추적 스크립트를 추가하는 방법을 보여 드리겠습니다 플러그인을 사용하지 않고 WordPress 테마를 통해 WordPress 웹 사이트에 연결하십시오 사용하는 테마에 따라 프로세스가 약간 다르게 보일 수 있습니다

Divi 및 Ultra를 사용하여이 작업을 수행하는 방법을 알려 드리며,이 두 가지 주제는 매우 대중적입니다 우리는 이러한 주제를 사용하여 웹 사이트를 만드는 방법에 대한 무료 자습서를 만들었습니다 무료 WordPress 자습서 페이지를 통해 액세스하십시오 먼저 Google 웹 로그 분석 계정에 로그인하십시오 현재 Google 애널리틱스를 추가하려는 웹 사이트에서 현재 작업하고 있는지 확인하십시오

추적 화면 왼쪽 하단에서 '관리자'를 클릭하십시오 옵션이 가득한 페이지가 열립니다 우리는 화면 중앙에있는 '추적 정보'옵션을 원합니다 펼치고 '추적 코드'를 클릭하십시오

이제 '웹 사이트 추적'및 '글로벌 사이트 태그'(gtagjs) 제목 아래 그 안에 스크립트가 들어있는 텍스트 상자가됩니다 전체 스크립트를 복사하십시오 모든 것을 복사했는지 확인하십시오 WordPress 관리 대시 보드로 돌아갑니다

먼저 Divi 테마를 사용하여 Google 웹 로그 분석 추적 코드를 추가하는 방법을 살펴 보겠습니다 관리자 메뉴에서 'Divi'탭을 선택한 다음 '통합'탭으로 이동하십시오 '블로그의 <head>에 코드 추가'라는 레이블이있는 큰 텍스트 상자가 있습니다 Google 애널리틱스에서 복사 한 추적 코드를이 상자에 붙여 넣습니다 변경 사항을 저장하다

이제 Ultra 테마를 사용하여 Google 웹 로그 분석 추적 코드를 추가하는 방법을 살펴 보겠습니다 Divi와 마찬가지로 관리자 메뉴의 'Themify Ultra'탭으로 마우스를 이동하여 '테마 설정' '설정'탭에서 '일반'하위 탭을 클릭하십시오 '헤더 코드'텍스트 상자로 스크롤 한 다음에 대한 추적 코드를 붙여 넣습니다 여기에 Google 웹 로그 분석

변경 사항을 저장하다 보시다시피, 두 프로세스는 약간 다릅니다 섹션이 있으면 사용중인 테마에 복제 할 수 있어야합니다 웹 사이트의 head 태그에 코드를 추가하십시오 마지막으로 header

php를 통해 Google 웹 로그 분석을 설치하는 방법을 보여 드리겠습니다 자녀의 테마 파일 이 작업을 시도하기 전에 WordPress 사이트 백업을 권장합니다 잘못되다 그러나 정확하게 단계를 수행하면 문제가 발생하지 않아야합니다

고급 WordPress 사용자의 경우, 하위 테마는 많은 장점을 가지고 있습니다 자녀의 테마를 변경하거나 변경하지 않고 코드를 안전하게 수정하고 수정할 수 있습니다 테마의 핵심 파일로 잃지 않고 새로운 버전의 테마로 업데이트 할 수 있습니다 당신의 변화 Google 애널리틱스 추적 스크립트를 직접 추가 할 수있는 두 가지 방법이 있습니다

WordPress 테마의 headerphp 파일에 추가하십시오 여기에는 WordPress 편집기를 통해 자녀 테마에 추가하거나 SFTP를 통해 Filezilla와 같은 도구 이 예에서는 다음을 통해 Google 웹 로그 분석 추적 코드를 추가하는 방법을 보여줍니다 그러나 WordPress Editor에서는 SFTP를 통해이 작업을 수행하는 방법에 대한 단계별 게시물을 확인하십시오

WordPress 대시 보드에서 모양> 편집기 위로 마우스를 이동하십시오 자녀의 테마 안에서 headerphp 파일로 이동하십시오 Google 웹 로그 분석 추적 코드를 복사하여 </ head> 태그 앞에 붙여 넣으십시오 문자 나 기존 코드를 덮어 쓰지 않도록 조심하십시오

그런 다음 '파일 업데이트'를 선택하면 모든 설정이 완료됩니다 거기 있군! 어떤 방법을 선택 하든지 이제 Google 웹 로그 분석의 기능에 액세스 할 수 있습니다 귀하의 워드 프레스 사이트에 의견을 남기시고이 가이드가 유용하다는 사실을 알려주십시오 이것이 완벽한 웹 사이트를 만드는 데 한 걸음 더 가까워지기를 바랍니다

이 동영상이 마음에 들면 좋아하는 버튼을 클릭하고 YouTube 채널을 구독하는 것을 잊지 마십시오 WordPress, 디지털 마케팅 및 성공적인 웹 사이트 운영 방법과 관련된 더 많은 동영상보기 독점적 인 할인, 무료 자습서에 액세스하고 최신 업데이트, OHKLYN ohk lyncom에서 뉴스 레터 신청, 다음까지 시간, 행복한 건물

How to install Tidio Live Chat wordpress plugin on your website

새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 새로운 비디오 알림을 받으려면 구독 및 벨 아이콘 클릭 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기 좋아요, 동영상 공유 및 댓글 달기

Display Form Entries on Website – Gravity Forms | WordPress

이봐 요 다른 WordPress 수요일에 오신 것을 환영합니다

제 이름은 애쉬톤입니다 그리고 또 다른 정말 좋은 질문이 왔습니다 너는 필드를 어떻게 보여줄지 묻는다 Gravity Forms에 제출 된 최종 사용자가 검토 할 수 있습니까? 또는 인쇄하려면 보시겠습니까? 이미 사용할 수있는 몇 가지 옵션이 있습니다 콘텐츠를 PDF로 옮겨서 그리고 그 링크를 아래 설명 상자에

나는 그것에 관한 튜토리얼을 이미 마쳤다 그러나 최종 사용자에게 보여주고 싶은 경우, 사람, 귀하에게 콘텐츠를 제출 한 고객, 그들이 한 일을 정확히 당신은 그것을주는 두 가지 다른 방법이 있습니다 그 정보 지금 당장 당신에게 보여 드리죠 (반짝이는 차임) (셔터 클릭) 그리고 물론 저는 중력 양식 (Gravity Forms)에 대해서 말하고 있습니다

내가 가장 좋아하는 폼 빌더입니다 이 양식 작성자 전용 전집이 있는데 프리미엄 솔루션입니다 즉,이 플러그인에 대해 비용을 지불해야한다는 의미입니다 귀하의 워드 프레스 웹 사이트에서 사용하려면, 그러나 그것은 모든 1 페니의 가치가있다 아직 구입하지 않은 경우 내 제휴사 링크를 사용해 주시겠습니까? 나는 그것을 감사 할 것이다

나는 아래의 설명 상자에 그것을 넣을 것입니다 두 가지 방법을 보여 드리겠습니다 콘텐츠를 표시 할 수 있습니다 사용자가 중력 양식 (Gravity Forms)에 입력하는 우선, 당신은 양식에 뛰어들거야 당신이 보여주고 싶은 당장은 여기에 이걸 가지고 있습니다

나는 이미 여기 페이지에 살고있다 그래서, 내가 너에게 이것을 보여줄거야 양식을 볼 수 있습니다 조건부 논리가 있습니다 그건 그렇고, 어떤 형태의 형태로든 작동합니다

중력 양식 내부 따라서 설문 조사, 조건부 논리, 간단한 형식 상관 없어요 이 유형의 기능은 어디서나 적용 할 수 있습니다 그래서, 양식은 이미 여기 채워져 있습니다 우수한

계속 진행하고 정보 제출을 클릭합니다 그래서 기본적으로, 그냥 거기에 살고있는 확인 메시지가있을 수 있습니다 "고마워"라고 말할 수 있습니다 다른 페이지로 리디렉션 할 수 있습니다

웹 사이트 외부로 리디렉션 할 수 있습니다 그러나 사용자 경험을 원합니다 내가하고 싶은 것은이 페이지에서 바로 여기에있는 것을 보여주는 것입니다 우리는 실제로 모든 분야를 가질 수 있습니다 그들은 방금 인쇄물을 제출했다

어떤 의미에서는 화면에 인쇄하십시오 어떻게 그걸합니까? 귀하의 양식 자체에 들어가서, 당신은 확인 지역으로 갈거야 기본 확인 일반적으로 텍스트로 설정됩니다 당신은 일반적으로 다음과 같은 것을 가지고 있습니다 "정말 고맙습니다

" "며칠 내에 다시 연락 할 것입니다" 권리? "제출 한 정보는 다음과 같습니다" 우리가 지금 가질 것입니다 들어가서 이리 오렴 화면 오른쪽에 당신은이 작은 화살을 아래로 볼 수 있습니다

그 작은 녀석을 클릭하십시오 당신은 모든 분야라고하는 것을 가지고 있습니다 이제 확인 저장을 클릭하면 우리는 우리 웹 사이트의 전면으로 돌아갑니다 양식 자체로 돌아가십시오 제출을 클릭하십시오

그리고 이제, "고마워" "여기에 귀하가 제출 한 정보가 있습니다" 그리고 그것은 모든 단일 분야를 가지고 있습니다 그들의 모든 세부 사항이 바로 여기에 있습니다 그래서 그들이 원한다면, 당신은 그들에게 Print Screen에 대한 지시를 줄 수있다

PDF로 다운로드하여 저장하십시오 그러나 그들은이 정보를 얻기를 원할 것입니다 슈퍼 멋지다 너도 좋아한다면, 너는 알림에 올 수있어 이 모든 정보를받은 편지함에 보냅니다

따라서 Add New라고 말하면됩니다 그리고 당신은 "사용자에게"라고 말할 것입니다, 그렇죠? 그리고 필드를 선택하면 입력 한 이메일 주소 그리고 여기에 모든 정보를 입력하십시오 "너,"오! "제출하셨습니다" 입력하는 방법을 배우면

"제출 한 세부 정보" 됐어 그리고 다시, 똑같은 작은 드롭 다운 여기에 숨어 ​​있네 열린 상태에서 숨어 있습니다 제출 된 모든 필드 그리고 물론 그들에게 보내질 것입니다

같은 통보 여기 슈퍼 멋진 옵션이 있습니다 정말로 일상적인 중력 양식을 사용하려면 그래서 당신은 훌륭한 사용자 경험을 가지고 있습니다 이것은 비록 무언가이다 나는 많은 사람들이 보여줄 수 있기를 원한다는 것을 알고있다

소비자, 고객 실제로 어떻게 여기 들어 와서이 내용을 표시 할 수 있습니까? 그래서 나는 이것이 도움이되기를 바랍니다 이 문제에 관해 더 궁금한 점이 있으시면 저에게 다가 가세요 기억하지만 Gravity Forms로 라이센스를 구입 했으므로 당신은 그들로부터 자유로운지지를 얻습니다 그들이 가진다면 그들에게 손을 내밀어 라 구체적인 질문이 있으시면 그들이 당신을 도울 수있어서 기쁩니다

온라인 지원 커뮤니티도 있습니다 당신이 포럼에 들어갈 수 있다는 것, 몇 가지 사냥과 탐색을해라 모두들 내 주위에 붙어있어, 두 개의 비디오가 나오니까 매주 월요일마다 마케팅 월요일 분 그리고 매주 수요일에 WordPress 수요일도 있습니다

구독하십시오 나는 당신이 위대한 것을 가지고 있기를 바랍니다 안녕 (부드러운 음악) (벨 울림)

Divi 3 – Hide elements on different screen sizes in the Divi WordPress theme menu

안녕 얘들 아, 다른 Divi 테마 자습서에 오신 것을 환영합니다 이것은 시스템에서 Jamie입니다 22 및 웹 디자인 및 기술 팁 침착하거나 누군가 내게 질문을 보냈습니다 제임스 그냥 물음표를 사용하는 질문 내용 텍스트를 표시하는 방법 데스크톱 혼자서 테스트 할 때 잘 Divi는 일을 쉽게 보이게하고 사라지게 만듭니다

여기 데모 웹 사이트를 조금 열어 보겠습니다 여기에 몇 가지 광고가 있습니다 비주얼 빌더를 사용하도록 설정합시다 제임스의 문제는 해결되지 않을 것입니다 그러나 저는 이것을 여러분에게 보여줄 것입니다

여러 가지 크기의 기기에서 물건을 사라지게하고 다시 나타나게하는 방법 데스크톱과 휴대 전화가 우리가있는 곳으로 돌아갈 때 흐려짐 이 모듈에 들어가서 우리가 여기 아래쪽으로 나아 간다면 당신은 그것을 볼 수있는 가시성을 볼 수 있습니다 휴대 전화 태블릿에서 어떤 모듈을 선택했는지 사라지게하십시오 바탕 화면을 선택하고 예를 선택하면 변경 사항이 저장됩니다 비주얼 빌더를 종료하십시오 그리고 지금 당신은 그 모듈을 보았습니다

왜냐하면 우리는 녹색 이었기 때문에 사라졌습니다 바탕 화면 버전에 있었는데 더 이상 볼 수 없으므로 화면을 축소하면 아래로 Google 크롬을 사용하고 있으므로 f12를 치고 개발자 도구를 구할 것입니다 여기있는 경위가이 작은 반응 형 탭을 여기에 부딪쳤다 이제 크기를 조정할 수 있습니다 이제 막 이동하지 않도록 조금만 볼 수 있습니다

더 나은 순간에는 더 좋지 않지만 작은 화면으로 크기를 조정하면 아마 1200보다 아래에서 다시 나타나지 않을 것입니다 우리가 위처럼 보이는다면 여기에 다시 나타납니다 79-78 이것은 꽤 전형적인 breakpoint bootstrap break points이다 WordPress하지만 bootstrap break points 99는 큰 것이므로 아마도 주위에 있습니다 거기 그것을 시도하자

하지만 991 좋아, 9 행 2로 변경하고 흥미가 없다 아홉 개가 아니기 때문에 존 브레이크 포인트라고 불린다 당신 그곳에 광산 980 이미 R이긴하지만 어쨌든 그렇게하지 않으면 그 일을 할 수 있습니다 제임스의 문제를 풀어주고 싶지만 그가 사라지 길 원한다 단지 이것을 원한다

비트가 바탕 화면에서 사라져서이 팩스를받지 못했다면 바탕 화면 크기가 없으므로 바탕 화면 크기를 조정할 수 있습니다 다시 그 작은 상자의 선택을 취소하십시오 당신 여기에 우리는 고급 광고 가시성에서 끝났습니다 그 작은 상자를 선택 취소하면됩니다 변경 사항 저장 후 되돌리기 그 반응 탭을 제거하면 우리의 작은 것들을 볼 수 있습니다

우리는 정말로하고 싶어하거나 제임스가하고 싶어하는 것은이 텍스트 비트를 제거하는 것입니다 여기 내가 그를 올바르게 이해하지만 그는 단지 데스크톱 버전에서만하고 싶어한다 그래서 우리는 여기서 미디어 쿼리를 사용해야합니다 그래서 제가 할 일은 제가 갈 것입니다 우리는 시각적으로 이것을 할 수 있지만 앞으로 나아가서 페이지로 들어갈 것입니다

여기에있는 편집장이 내 크롬 검사관을 없애 버리자 우리의 선전과 우리는 그것을 수업에 줄 것이다 그래서 우리는 Advanced 탭으로 갈 것입니다 이미 클래스가 있습니다 나는 제거하려고합니다

그 클래스의 레드 호버 국경에 대한 페이지를 볼 수 있기 때문에 우리가 거기에서 보여주고 있었던 그 불쾌한 빨간 테두리 때문에 나는 우리는 새로운 클래스를 제공하거나 데스크톱 드래 거에 데스크톱 마우스를 올립니다 너는 네가 원하는대로 기억할 수있어 불행히도 우리가 미디어 쿼리를 할 사촌 여기에 사용자 정의 CSS를 넣으십시오 내가 틀리면 여기에 미디어 쿼리를 넣을 수 없거나 방법을 찾지 못했다 아직 그렇게하지 않으려 고합니다 페이지를 업데이트하십시오

업데이트가 끝나면 우리의 견해를 재검토하고 우리가 알아 내고 싶습니다 저것은 어쩌면 저 선전용 내의 단 하나 원본 아마이다 그래서 나는이다 새로 고치려고하면 다시 검사원을 데려 올께 잘 클릭하십시오 나는 우리가 원하는 텍스트를 오른쪽 클릭하고 검사 할 것입니다 여기에 효과 그것을 보아라 그것은 단락 단락 텍스트이고 거기서 보자

바로 거기에 우리의 Dth 클래스가 있습니다 그래서 우리는 Dth와 P에 영향을 주어야합니다 우리가해야 할 일은 대시 보드로가는 것입니다 Divi를 강타합니다 이미 여기 있습니다

하지만 여기에 나와 있지 않으면 Divi를 확인하십시오 일반 탭에서 아래로 스크롤하면 사용자 정의를 찾을 수 있습니다 CSS 상자 바로 여기 작은 공간을 만들어 제목에 슬래시를 씁니다 스타 스타 슬래시는 나중에 데스크탑에서 쉽게 찾을 수있게 해줍니다 이제 우리는 P를 디스플레이 클래스로 제공 할 수 있다고 생각할 수 있습니다

그냥 해보지 만 효과가 없을거야 그래서 우리의 미디어 질의에서 처음에는 아마 1200 이하로 그것을하고 싶습니다 당신은 당신이 원하는 것을 무엇이든 넣을 수 있습니다 하지만 1200은 나를 위해 작동하므로 미디어 화면에 넣을 것입니다 그리고 나서 그냥 몇개의 일반 괄호를 열면 나는 나처럼 1200에 최소 너비로 넣을거야

네가 원하는대로 넣을 수 있다고 해 내가 980 전에 그것을 깨고 있다고 생각해 다른 하나는 당신이 여기에 놓은 다음 열어서 그 후에 중괄호를 닫으십시오 우리가 여기있는 누군가를 위해 우리가 말하고있는 미디어 쿼리를 수행하지 않은 것은 조회 가능한 영역의 너비가 최소 너비를 초과하는 화면 너비는 1200을 초과합니다 이 중괄호 사이에 넣은 픽셀은 모두 적용됩니다

지금 우리 수업은 dt 8 데스크톱 호버 Utley였습니다 그래서 그것은 클래스 점입니다 바탕 화면을 가리키면 여기에 더 많은 중괄호가 열립니다 내부에 있지만 우리가 영향을주고 싶은 클래스를하고 싶지는 않습니다 단락 텍스트이므로 단락을위한 D 번째 P입니다

나는 그것을 전시하지 않을 것입니다 1200 pix 이상에서 그들은 WIC에 있습니다 나는 거의 모든 데스크탑 화면입니다 원하는 것을 넣을 수는 있지만 대부분의 데스크톱 화면은 더 커질 것이라고 말합니다 그것보다 당신이 D th P 호버를 넣을 수있을 것이라고 생각할 것입니다

당신이 그것에 맴 돕니 다 왜냐하면 그가하고 싶은 것은 그것 위에 마우스를 올려 놓기 때문입니다 그리고 display : block하지만 블록이 표시되지 않습니다 저장이 페이지를 새로 고침으로 돌아 가자 당신 화면 크기를 줄이면 다시 사라집니다

그만큼 많이 떠난다 우리는 1200보다 아래로 갈 때 우리가 갈 때 거기에있는 것을 볼 수 있습니다 그 미디어 쿼리는 제가 거기에 넣었을 때 우리가 곧 우리가 11 54를 얻었습니다 1200 년에 다시 사라져야합니다 사라 졌어요

생각한다 데스크톱 호버업 P를 설치하고 호버 sudo를 지정하면 그 위에 마우스를 가져 가면 디스플레이로 돌아가서 만들 수 있습니다 기본적으로 꽤 정상적으로 디스플레이로 totes 및 당신은 당신이 줄 알았 겠지 이 일을 할 수는 있지만 이것은 효과가 없을 것입니다 그래서 내가 다시 새로 고침하면 우리는 내려갈 것이고 사라져야한다 오, 미안해 이제 우리가 다가 가면 사라져

네가 잘 생각해 그 위에 마우스를 올려 놓고 다시 가져 오지 만, 그럴 수는 없습니다 마우스를 올리면 표시 할 수 없기 때문에 표시되지 않기 때문입니다 그게 그렇게 작동하지 않을거야 우리가 할 일이 뭔가를 찾아 보자 그냥 투명하게 만들자

불투명도와 더 큰 값으로 표시하지 않으려면 불투명도 0 그것은 기본적으로 보이지 않습니다 이걸로 복사하면됩니다 다음 중 하나의 불투명도 완전히 눈에 띄고 당신은 1 점 2 점 3 점 4 점 5 점 6 점 7 점을 할 수 있습니다 불투명도를 매우 높이기 위해 8 개의 9 가지 정수를 저장하고 일단 사이트가 저장되면 우리 사이트는 녹색 체크 표시가 있고 이것을 새로 고칩니다 나는 우리가 그것을 12보다 크게 만들면 더 작은 리프레쉬를 해체 할 것이다

다시 사라지 겠지만, 이번에는 우리가 마우스를 가져 가면 위에 올려 놓으십시오 마우스를 올려 놓으면 나타납니다 클릭하여 마우스를 올리면 알 수 있습니다 전 화면에 마우스를 올려 놓으면 반응이 좋으니까요 우리가 거기에 나타나야 만한다

이제는 조금 더 천천히 전환하고 싶다면 전환을 추가 할 수 있습니다 대신에 075 초를 알고 있다고 말하십시오 우리가 쉽게 편하게 할 수있는 것처럼 뛰어 들며 우리는 편하게 쉬고 밖으로 나가서 내뱉기 만하면됩니다 사이트 새로 고침으로 돌아 가기 우리가 그 위에 마우스를 가져갈 때 좀 더 천천히해야합니다

거기에 쉽게 뛰어 들지 않고 편안함을 느낄 수 있습니다 변경 거기에 귀하의 질문에 대답을 바란다 텍스트 선전 텍스트가 나처럼 마우스를 가져 가면 바탕 화면에만 나타납니다 그 검사관을 다시 불러들이라고해라 이제 미디어 쿼리 인 1200보다 낮추면 그 수가 줄어 듭니다

우리가 간다 약 1200 년 전으로 돌아왔다 아직 그 위에 마우스를 갖다 대서 다시 가져올 수 있습니다 귀하의 의사 표시 텍스트가 사라지고 다양한 미디어 크기에 다시 나타납니다 비디오를 좋아하고 공유하고 싶다면 우리에게 유용했습니다

YouTube 채널 웹 개발에 관심이 있으시면 Google의 아래의 웹 개발 코스는 YouTube에 큰 할인 혜택을드립니다 구독자에게는 멋진 무료 코스가 있습니다 다시 한번 이것이 시스템 22의 Ben Jaime과 기술 팁 com의 웹 디자인입니다 보고있는 주셔서 감사합니다 좋은 하루 되세요

Auto install : LAMP(Apache,MySQL,Php),PhpMyAdmin,Kubuntu-Desktop,WINE,WordPress,SSL on Ubuntu 18.04

안녕하세요! MediaBOTS에 오신 것을 환영합니다 이 비디오에서는 퍼티를 SSH 클라이언트 소프트웨어로 사용합니다

퍼티가 없으면 wwwputtyorg 웹 사이트에서 다운로드하십시오 (그것은 무료입니다!) Windows 운영 체제를 사용하고 있으므로, 나는 Windows OS 용 퍼티의 32 비트 또는 64 비트 버전으로 갈 것입니다 퍼티를 열어

그런 다음 서버 또는 VPS에 IP 주소 루트 계정이나 다른 계정으로 로그인하십시오 우분투 1804 OS를 사용하고 있습니다 -> github

com/mediabots로 이동하십시오 그런 다음이 링크를 클릭하십시오 아래 "스크립트 실행 방법"절로 이동하십시오 그런 다음이 4 줄의 명령을 퍼티 소프트웨어에서 실행하십시오 루트 사용자로 로그인하지 않은 경우

그런 다음 루트 또는 수퍼 유저 암호를 요구합니다 출발점에서 scr ipt는 몇 가지 질문을 할 것입니다 원격 데스크톱을 통해 서버에 액세스하려면 kubuntu-desktop을 설치하십시오 모든 xrdp 패키지를 설치하는 데 1 시간 이상 걸립니다 yor 응답을 기록한 후 작업을 시작합니다

스크립트 총 실행 시간은 선택에 따라 다릅니다 이 스크립트는 자동으로 다음을 설치할 수 있습니다 Apache, MySQL, Php, PhpMyAdmin, 쿠분투 – 데스크탑, WordPress, HTTPS 및 Wine 용 SSL Linux 시스템에서 Windows 운영 체제 응용 프로그램을 실행합니다 도메인 이름을 부여한 경우 그런 다음 프로세스가 끝나면 인사! 이 같은

스크립트 작업이 완료되었습니다 이제 웹 브라우저에서 도메인 이름이나 IP 주소를여십시오 WordPress-Installation을 선택했다면 다음과 같은 화면이 나타납니다 WordPress 설정 페이지입니다 WordPress 웹 사이트를 적합하게 설정하십시오

자, 나는 모든 것이 잘 작동하는지 아닌지를 테스트하고 있습니다 SSL 인증서는 Let 's Encrypt에 의해 검증됩니다 그리고 앞으로 3 개월 동안 유효 할 것입니다 그러나 스크립트는 "CertBot"이라는 Bot을 설치하여 사이트의 SSL을 자동 갱신합니다 매 60 일마다

괜찮아! 그래서 사이트는 예상대로 잘 작동합니다 모범 사례를 위해 MySQL 및 PhpMyAdmin 암호를 변경해야합니다 그들은 스크립트에 의해 설정 되었기 때문입니다 그리고 기본값을 사용합니다 MySQL 사용자 이름은 : root Kubuntu-Desktop Installation에 yes를 설정 한 경우

그런 다음 가상 컴퓨터에 연결할 수 있습니다 원격 데스크톱 응용 프로그램을 통해 귀하의 IP를 통해 보고 주셔서 대단히 감사합니다