Delos WordPress Tip – Adding Special Characters

안녕하세요, Delos의 Donna Botti입니다 귀하의 게시물에 때로는 귀하의 게시물에없는 특수 문자를 사용하고 싶을 수 있습니다

일반 키보드 WordPress에는 이러한 기능을 쉽게 추가 할 수있는 기능이 있습니다 먼저 특수 문자를 추가 할 위치에 커서를 놓습니다 이제 두 번째 행이 보이지 않으면 단어 편집 도구 모음 툴바 토글 아이콘을 클릭하십시오 이제 두 번째 행의 특수 문자 아이콘을 클릭 할 수 있습니다

도구 모음의 특수 문자를 선택하면 해당 문자가 게시물에 추가됩니다 그게 전부입니다 이 팁을 즐긴다면 YouTube 채널에 가입하거나 웹에서 자세한 정보와 팁을 참조하십시오

How To Host A WordPress Website On Bluehost | WordPress Tutorial

Bluehost에서 WordPress 웹 사이트를 호스팅하는 방법 워드 프레스 튜토리얼

이봐, 브라이언 WP 큐피드 블로그와 함께이 비디오에서 나는 당신을 보여줄거야 Bluehost에서 초보자를위한 단계별로 WordPress 웹 사이트를 호스팅 할 수 있습니다 기술 분야의 초보자이든, WordPress를 호스팅하든이 단계별 전문가가 되십시오 Bluehost 비디오의 웹 사이트는 함께 따라 가기에 완벽합니다 이 WordPress 튜토리얼 동영상을 따라 가면서 사이트를 조금씩 시작하게 할 수 있습니다 10 분

이 비디오가 끝나면 Bluehost에서 웹 사이트를 성공적으로 호스팅하게됩니다 제가 다루려고하는 첫 번째 단계는 도메인 이름을 선택하고 등록하는 방법입니다 블루 호스트와 함께 무료 호스팅과 함께 할인 혜택을 제공합니다 2 단계는 올바른 호스팅 계획을 선택하는 것입니다 3 단계에서 WordPress로 웹 사이트를 설정하고 있습니다

4 단계는 WordPress 튜토리얼을 진행하고 5 단계는 유용한 리소스를 검토합니다 Bluehost로 웹 사이트를 시작할 때 만약 당신이 WordPress 웹 사이트를 바로 시작할 수있는 시간이 없다면,이 두 번째 책갈피를 확인하십시오 이 비디오는 나중에 다시 볼 수 있습니다 우리는 항상 새로운 웹 사이트 튜토리얼 비디오를 올리면서 채널에 가입해야합니다 귀하의 무료 도메인 이름을 얻으려면 설명에서 아래의 Bluehost에 대한 링크를 제공하고 Bluehost 호스팅 할인에서 우리의 독점적 인 63 %까지

이 Bluehost 할인 혜택을 받으려면 설명의 링크를 클릭하십시오 거래 링크가 제휴 링크라는 것을 언급하고 싶습니다 도움을받는 커미션을 받게 될 것입니다 이 채널을 지원하고 더 많은 WordPress 튜토리얼 비디오를 내보내는 데 도움이됩니다

당신이하고 싶은 첫 번째 일은 설명의 링크를 통해 Bluehost로 향하는 것입니다 이미 Bluehost 할인을받지 못했다면 페이지에 지금 시작 버튼이 표시됩니다 버튼을 클릭하십시오 여기에서 호스팅 계획을 선택할 수 있습니다

네 가지 옵션이 표시됩니다 기본 계획, 플러스 계획, Choice Plus 계획 및 프로 계획이 표시됩니다 기본 계획으로가는 것이 좋습니다 그러면 언제든지 언제든지 확장 할 수 있습니다 처럼

둘 이상의 웹 사이트가있는 경우 플러스 플랜 또는 선택 사항 중 하나를 선택하고 싶을 것입니다 플러스 계획 이것이 가장 일반적이므로이 튜토리얼의 기본 계획을 선택하겠습니다 프로 계획 저는 귀하의 사이트가 수익을 창출하고 많은 트래픽을 받기 시작합니다 어떤 계획을 사용하고 싶든 선택 버튼을 누르십시오

우리는 이제 우리가 원하는 도메인 이름을 선택할 수있는 도메인 페이지로 이동했습니다 완전 무료 또는 이미 도메인 이름이있는 경우 오른쪽에 도메인 이름을 입력하십시오 새 도메인의 경우 com,

net, org 등이되도록 선택할 수 있습니다com은 가장 인기있는 도메인 확장이므로 com을 사용하는 것이 좋습니다

양철통 여기에 도메인을 입력하고 다음 버튼을 클릭하겠습니다 이제 귀하의 계정 페이지를 만들게되었습니다 이것은 당신이 당신의 정보를 입력 할 곳입니다 우리는 성, 성을 가지고 있습니다

상호는 선택 사항입니다 귀하의 국가 주소 정보를 입력하십시오 영수증을 이메일로받을 때 전화 번호와 마지막으로 가장 적합한 이메일을 입력하십시오 지불 및 로그인 자격 증명 등의 복사본 그 아래에 패키지 정보가 표시됩니다 계정 계획이 표시됩니다

여기에서 호스팅 패키지의 용어를 선택할 수 있습니다 12 개월, 24 개월, 36 개월이 있습니다 당신이 볼 수 있던대로 당신은 당신이 접대를 구매할 오래 돈을 저축 할 것이다 12 개월 패키지를 선택하겠습니다 도메인 등록은 무료입니다

SSL 인증서는 무료입니다 이 SSL 기능은 무료 SSL 인증서로 사이트를 녹색으로 안전하게합니다 https를 사용하여 도메인 개인 정보 보호 정책은 내가 매우 권장하는 애드온입니다 텔레마케터 및 마케팅 담당자가 귀하의 개인 연락처 정보를 보유하는 것을 방지합니다 그리고 당신을 그들의 서비스에 괴롭히는 것

도메인 개인 정보 보호는 사이트에 대한 Bluehost의 정보를 표시하며 귀하의 정보는 표시하지 않습니다 Sitelock security find는 WordPress 웹 사이트의 보안이며 해커로부터 보호합니다 정말 좋은 무료 대안이 있기 때문에 나는 이것을 선택 취소했다 Codeguard가 표시됩니다 Codeguard는 매일 백업을 생성하고 클릭 한 번으로 사이트를 복원 할 수 있습니다

버튼을 클릭하면 똑같이 작동하는 무료 대안이 있습니다 검색 엔진 최적화 도구 선택을 취소 할 수 있습니다 이 애드온은 검색 엔진에 사이트를 제출하고 사이트에 대한 보고서를 제공합니다 순위 및 키워드 순위 검색 엔진에 사이트를 제출하면 무료로 할 수 있습니다

반드시 가질 필요는 없습니다 Office 365 Email Essentials는 일반적으로 포함되어있는 이메일 소프트웨어 Microsoft Outlook입니다 Microsoft Office 이 Microsoft 부가 기능으로 이메일을 보내고 싶다면 언제든지이 기능을 유지하십시오 선택된

반드시 가질 필요는 없습니다 이러한 애드온은 모두 선택 사항이며 얻을 수있는 최대 한도까지 있습니다 보시다시피이 호스팅 패키지는 많이 절약됩니다 그 아래에 지불 정보를 입력 할 것이고, 보호를 위해 이것을 기입하지 않을 것입니다 개인 정보의 귀하의 정보가 가득 차면 당신은 내가 읽고 Bluehost의 개인 정보 보호 정책 및 서비스 약관

이제 제출 버튼을 클릭하십시오 이제 Bluehost 계정의 비밀번호를 선택할 페이지로 이동했습니다 비밀번호 생성 버튼을 클릭하십시오 원하는 비밀번호를 입력하십시오 Bluehost의 개인 정보 보호 정책 및 이용 약관을 읽고 동의 한 것을 클릭하십시오

다음 버튼을 클릭하십시오 축하 메시지가 표시됩니다 파란색 로그인 버튼을 클릭하여 Bluehost에 로그인하십시오 Bluehost는 현재 대시 보드 로그인 정보를 전자 메일에 전자 메일로 보냅니다 귀하가 제공 한 주소

이제 테마 선택을 보게 될 것입니다 Bluehost는 선택할 수있는 멋진 무료 WordPress 테마를 잔뜩 가지고 있습니다 테마를 선택할 수 있습니다 원하는 테마가 너무 많거나 적 으면 클릭하여 건너 뛸 수 있습니다 단계

테마를 선택하면 지금도 아무 문제없이 선택하는 테마를 언제든지 변경할 수 있습니다 나중에 이 부분에 대해서는 비디오의 뒷부분에서 자세히 설명하겠습니다 무료 테마를 선택하거나이 단계를 건너 뛰면이 페이지에 나타납니다 모두 완료되었습니다

WordPress에서 웹 사이트 구축을 시작하려면 건물 시작 버튼을 클릭하십시오 일단 클릭하고 로그인하면 WordPress 대시 보드에있게됩니다 이것이 WordPress 대시 보드의 모습입니다 보시다시피 몇 가지 질문을 할 것입니다 도움이 필요하지 않은 경우 도움말이 필요하지 않습니다 옵션을 클릭하십시오

일단 그렇게하면이 페이지가 표시됩니다 새 블로그 게시물을 추가 할 수있는 블로그 게시물이 표시됩니다 사이트에 새 페이지를 추가 할 수있는 위치가 표시됩니다 네비게이션 메뉴를 변경하고 싶다면 쉽게 할 수 있고 갈 수도있다 귀하의 사이트에서 제품을 판매하려면 Woocommerce를 설치할 수 있습니다

맨 왼쪽에는 탭이 표시됩니다 그 위에 마우스를 가져 가서 배우십시오 소식은 새로운 소식을 추가 할 수있는 곳입니다 페이지는 새로운 페이지를 추가 할 수있는 곳입니다 미디어 탭은 사이트에 업로드 한 이미지가 표시되는 위치입니다

댓글은 사람들이 내 사이트에 남긴 댓글을 볼 수있는 곳입니다 플러그인은 웹 사이트에 플러그인을 검색하고 추가 할 수있는 곳입니다 플러그인이있을 가능성보다 더 많이 수행하거나 웹 사이트에 추가하고 싶은 모든 것 그 일이 일어날 것입니다 모양은 테마의 모양을 변경하거나 테마를 다른 것으로 변경할 수있는 곳입니다 하나 또는 프리미엄 테마

모양 위에 마우스를 올려 놓으면 테마를 선택하십시오 그것은 당신이 선택할 수있는 무료 WordPress 테마를 선보일 것입니다 가장 인기있는 무료 WordPress 테마를 표시합니다 테마 위에 마우스를 올리고 설치를 클릭 한 다음 활성화를 클릭하여 테마를 WordPress로 만드십시오 테마

이 페이지에 새 테마 추가도 보셔야합니다 다른 사이트에서 가져 오거나 프리미엄 인 경우 새 테마를 추가 할 수 있습니다 테마 WordPress 대시 보드의 왼쪽 상단에서 여기 또는 웹 사이트 제목을 볼 수 있습니다 페이지 상단으로 사이트를 보려면 클릭하십시오

WordPress 대시 보드에 로그인하려면 Bluehost CPanel 또는 입력하여 slashwp-admin으로 도메인 이름에 여기에 예제가 있습니다 여기에이 페이지가 나타납니다 WordPress에 로그인하려면 로그인 자격 증명을 입력하십시오 몇 년 동안 사용해 본 전문적인 WordPress 테마에 대한 권장 자료 수상 경력이있는 디자인 대행사처럼 보이는 웹 사이트는 Themeforest입니다 이것은 그들의 사이트입니다

탐색 메뉴로 이동하여 WordPress 위로 마우스를 이동하면 인기있는 WordPress를 선택할 수 있습니다 테마 또는 특정 산업 분야의 주제를 다루고 있습니다 당신은 또한 프리미엄 WordPress에 테마를 탐색 후 워드 프레스로 업계에서 입력 할 수 있습니다 귀하의 검색과 관련이 있습니다 이 사이트를 확실히 확인하십시오 500,000 명이 넘는 사용자가 유용하고 사용하는 또 다른 유용한 리소스는 드래그 앤 드롭 엘리먼트 페이지 빌더라는 드롭 에디터

Elementor page builder를 사용하면 WordPress 블로그를 쉽게 만들고 시작할 수 있습니다 드래그 앤 드롭으로 편집 할 수 있습니다 플러그인 페이지에서 요소 또는 페이지 빌더 검색 및 설치 및 활성화 그것을 시도하고 싶다 Elementor에는 무료 및 유료 버전이 있습니다 설명에 링크를 제공하여 기능을 체크 아웃하고 비교할 수 있습니다

무료 및 유료 버전 중 하나입니다 체크 아웃 할 수있는 또 다른 유용한 리소스는 fiverr입니다 아래 설명에 링크를 제공했습니다 거의 모든 작업을 $ 5에 할 수 있습니다 이것이 Bluehost cPanel의 모습입니다

여기에서 WordPress에 로그인 할 수 있습니다 왼쪽에있는 당신은 당신의 현재 WordPress를 끌어 올 것이고 내 사이트를 클릭 할 수 있습니다 그 메뉴의 다른 멋진 것들과 함께 사이트 그리고 그것은 Bluehost에서 WordPress 웹 사이트를 호스팅하는 방법에 대한 내 WordPress Tutorial 비디오입니다 궁금한 점이 있으시면, 내가 필요한 모든 것을 도와 드리겠습니다

알았어, 지켜봐 줘서 고마워 이 비디오를 엄지 손가락으로 보여주고 더 많은 WordPress 비디오 자습서를 보려면 채널에 가입하십시오 우리에게 의견을 남겨주세요; 우리는 당신에게서 소식을 듣고 싶습니다

Page Builder Magic with Jason Orellana (WordCamp Santa Clarita 2019)

나는 내 사랑스런 아내 인 Josie와 함께 일하는 WordPress 개발자입니다 페이지 빌더를 사용하여 아름다운 웹 사이트를 만드는 방법에 대해 이야기하고자합니다

특히 내가 제일 좋아하는 Elementor 그것이 내가 보여줄 것입니다 나는 페이지 빌더 사용의 장단점과 이러한 단점에도 불구하고 왜, 왜 나는 페이지 제작자가 여전히 마법이라고 생각한다 내가 그들을 소개했음을 안다 나는 ITT를 졸업 한 후 다시 내게 소개했다

2016 년부터 워드 프레스를하고 2017 년에 사업을 시작했습니다 그것은 간단합니다 페이지 빌더 란 무엇입니까? 페이지 빌더는 블록을 가져와 웹 개발을 용이하게 해주는 도구입니다 또는 이미지, 제목, 단락, 목록과 같은 요소를 포함 할 수 있습니다 그것은 당신이이 블록을 움켜 잡고 페이지에 원하는 어느 곳에서나 배치합니다

어떤 코드를 쓰지 않고도 최종 웹 사이트를 구성 할 수 있습니다 이점이 있습니다 코드를 작성할 필요가 없습니다 그렇다면 페이지 빌더를 사용해야하는 이유는 무엇입니까? 사용하기 쉽기 때문입니다 사용하기 쉽고 사용자 정의가 가능하기 때문에 코드 작성 없이도 독창적 인 디자인을 만들 수 있으며 매우 효율적입니다

탭간에 앞뒤로 계속 이동할 필요가 없으며 브라우저를 새로 고칠 필요가 없습니다 별도의 파일에 코드를 작성할 필요가 없습니다 매우 효율적입니다 새로운 WordPress 편집기 인 Gutenberg는 블록 편집기로 간주됩니다 그것은 페이지 빌더와 많은 공통점을 공유하지만 많은 차이점이 있습니다

권리? 보여 드리죠 실제로, 나는 아이들에게서 몇 가지 블록을 훔쳐 당신에게 모범을 보였습니다 따라서 지금 웹 사이트를 구축하려는 경우 일반적으로 웹 사이트를 시작하거나 배너 또는 영웅 섹션으로 시작하면 대개 사진이 찍힌 다음 어떤 텍스트를 입력하면 아마도 두 단락을 가지고 있을지도 모릅니다 제목과 단락 테마 나 환경 설정에 따라 사이드 바가있을 수 있습니다

구텐베르크 편집자와 페이지 빌더 둘 다 쉽게 추가 할 수 있습니다 예를 들어 두 개의 열이있는 행을 추가하려는 경우 이미지와 텍스트가 있다고 가정합니다 넣으려고 했더니 페이지 빌더와 구텐버그와 함께하는 것이 매우 쉽습니다 사물의 순서를 재 배열하는 것도 매우 쉽습니다 따라서 단락 하나를 내려 놓으려면 매우 쉽습니다

블록을 움직이면됩니다 원한다면 사이드 바를 다른쪽으로 옮길 수도 있습니다 그렇게 어렵지는 않을 것입니다 저기, 내가 잘못된 파일을 가지고있는 것 같아 그래서 많은 유사성이 끝나는 곳입니다

백엔드에서 구텐베르크 편집자를보고 그 예를 만들려면 웹 사이트에서 블록에 대해 말했고, 오른쪽에 추천 이미지와 제목이있을 수 있습니다 양쪽 모두 함께 기치를 만들 것입니다 단락과 2 열 행을 볼 수 있습니다 그건 내 딸이다 그리고 바닥에 또 다른 행

여기에서 볼 수없는 것들 중 하나는 헤더입니다 헤더를 볼 수 없습니다 사이드 바를 볼 수 없습니다 어떤 스타일을 볼 수는 없지, 그렇지? 그래서, 이것이 프론트 엔드에서와 같이 보일 것입니다 당신이 지어야한다면 백엔드처럼 보이게 될 것입니다

이 만약 당신이 조금 아래로 스크롤한다면 페이지 빌더를 사용한다면 헤더를 볼 수 있어야합니다 함께 작업하는 블록을 볼 수 있습니다 무언가를 조정하고 싶을 때는 언제나 오른쪽에서 조정하십시오 이것은 제가 사용하고있는 Elementor의 예입니다

그리고 실제로 여기로 가려고한다면, 예를 들어 말하고 싶으면 늘리십시오 블록 사이의 간격, 또는 블록을 비틀 때 원하는 경우 또는 원하는 경우 블록 중 하나를 둥글게 만들려면 어떻게 이걸 여기에서 성취합니까? 때로는 여기에 몇 가지 옵션이 있습니다 조금 제한적이지만 때때로 옵션이 있습니다 코딩 방법을 알고 있다면 커스터마이져에 들어가서 직접 CSS를 편집 할 수 있지만 if 당신은 초보자이고 코드 작성법을 모르거나 비슷한 걱정을한다면 코드에 오자가 있거나 세미콜론이나 다른 것을 잊어 버릴까 걱정되는 경우, 그럴 때마다 페이지 작성 도구를 사용하는 것이 더 나을 것입니다 이것이 그 모습 일 것입니다

배너에 효과를주기를 원한다면 클릭하기 만하면됩니다 기치에, 그리고 왼쪽에 몇몇 효력을하십시오 원하는 경우 코드를 작성하지 않고도 열 사이에 공백을 쉽게 추가 할 수 있습니다 사진을 둥글게 만들 수 있습니다, 당신은 열을 비틀 수 있습니다, 그들이 겹치게 만들 수 있습니다, 당신은 추가 할 수 있습니다 스타일링 처음 시작했을 때 – 또는 실제로 WordPress를 사용하기 전에 실제로 들었습니다

– 나는 WordPress를 사용하고 싶지 않았다 WordPress, 그들은 나에게 매우 쿠키 커터 보였다 그것은 내가 원하는 것이 아닙니다 나는 사람들에게 깊은 인상을 줄 독특한 웹 사이트를 만들고 싶었다 나는 이것이 이것을 촉진하고 라운드처럼 쉽게 만들 수있는 도구라고 생각한다

사진, 당신도 알다시피, 둥근 블록이 만든다 큰 문제는 아니다 코드를 작성하는 것이 어렵지 않지만 쉽게 할 수 있다면 효율적이라는 말입니까? 페이지 빌더를 사용하는 방법에 대한 몇 가지 예를 살펴 보겠습니다 먼저 나는 가장 큰 것부터 시작하여 그것을 사용하는 장단점을 겪고 싶다 장단점? 올바른 디자인은 실제로 목표를 달성하는 데 도움이 될 수 있습니다

고객이 원하는 곳으로 고객을 안내 할 수 있으며, 고객에게 좋은 제품을 제공 할 수 있습니다 디자인 및 페이지 빌더가 그렇게 할 수 있습니다 귀하의 페이지에 오래 머물러 있고 머물러있는 고객이 있다면, 긍정적으로 할 수 있습니다 SEO에 영향을 미칩니 까? 페이지 빌더 사용에 대한 주요 부정적인 점은 페이지 빌더가 페이지에 가중치를 추가한다는 것입니다 다운로드해야하는 더 큰 파일입니다

– 바탕 화면에있는 경우 좋은 연결은 일반적으로 문제가 아니지만, 휴대 전화를 사용하거나 연결 상태가 좋지 않으면 이탈률이 더 높을 수 있으며 SEO에 영향을 미칠 수 있습니다 테마 통합 페이지 빌더에 따르면, 그들은 어떤 테마로 작업한다고 주장하지만, 실제로는 때로는 거기에 PHP 영역, 때로는 여백이 해제 레이아웃 문제가, 때때로 로딩 문제가 있습니다 페이지가 제대로로드되지 않는 경우가 있습니다 Google에 가서 페이지 작성자에게 가장 적합한 테마를 Google에 요청하면 많은 좋은 해답을 얻을 수 있습니다

나는 Astra와 oceanWP를 사용하고 언론을 생성하고 그것들은 페이지와 함께 사용할 좋은 주제이다 건축업자 고객의 전달을 보자 고객은 자신의 작업을 편집하고 이점을 얻고 자 할 수 있습니다 페이지 빌더에 가끔씩은 사용하기 쉽기 때문에 고객이 원한다면 페이지 빌더 사용법을 배우고 직접 편집하고 싶다면 매우 쉬울 것입니다

쓰다 온라인에서 찾을 수있는 YouTube 동영상이 많이 있으며 도움이 될 것입니다 당신의 고객을 도울 것입니다, 그러나 상대방에, 당신이 당신의 고객에게 나눠주고있는 경우에, 그들은 만화책 글꼴을 사용하여 끝날 수도 있고 모든 간격을 버릴 수도 있습니다 그래서 몇 달 후 당신이 happed – 길을 그것을 당신이 그것을 인식하지 못할 수도 있습니다 너 자신의 일로 나는 당신이 자신의 일을 편집하고 싶은 고객에게 넘겨주고 싶다면, 구텐베르그 편집장 대신 고객을위한 옵션이 너무 많지 않으십니까? 디자인

페이지 빌더는 브라우저에서 설계하는 데 도움이됩니다 따라서 변경 사항을 실시간으로 볼 수 있고 조작 내용과 위치를 조작 할 수 있기 때문에 언제 어디서나 원하는대로 브라우저에서 디자인 할 수 있습니다 Photoshop과 같은 도구를 사용하면 디자인에 도움이됩니다 변경 사항이 실시간으로 표시됩니다 데스크톱, 태블릿 및 모바일보기에서의 모습을 볼 수 있습니다

단추 많이 쉽다 디자이너가 항상 필요한 것은 아닙니다 빠른 시작을 원하면 템플릿을 다운로드 할 수 있습니다 온라인에서 템플릿을 다운로드하고 이미지와 단어 만 변경할 수 있습니다

그것은 매우 쉽습니다 또는 이미 다른 사이트에서 좋아하는 웹 페이지를 만든 경우 템플릿을 다운로드 할 수 있습니다 해당 사이트 또는 다른 사이트에서도 사용하지만 디자이너는 이유는 그들이 제품을 더 좋게 만들 수 있고, 제품 참여로 당신을 도울 수 있으며, 그래서 실제로 어떤 일을하는지 아는 사람이있는 것이 좋습니다 개발도 똑같습니다 페이지 빌더를 사용하는 코드 작성 방법을 알 필요가 없습니다 CSS를 코딩 할 필요가 없으며 콜론이나 다른 것을 잊어 버리면 오류가 발생하지 않습니다

또한 코드 작성 방법을 알 필요가 없다는 단점도 있습니다 생계를 위해 웹 사이트를 구축하려는 경우 궁극적으로 어떻게 코드 작성 친절한 이웃 웹 개발자는 먹을 필요가 있기 때문에 그들을 자르지 마십시오 [웃음] JASON ORELLANA : 타이밍이 올바르지 않습니다 슬라이드는 얻을 수 있지만 얻을 수 있습니다

페이지 빌더 간에는 많은 경쟁이 있습니다 Elementor, Divi, 비버 빌더, 비주얼 작곡가가 있습니다 그리고 더있다 번성하고 있다고 생각합니다 그들은 당신이 그것들을 사용하기를 원하기 때문에 끊임없이 서로 경쟁하고 있습니다

그들은 많은 기능을 제공하고 단점이 될 수있는 기능을 지속적으로 추가합니다 거의 매일 업데이 트가 있기 때문에 고객이 너무 많은 옵션을 가지고, 또는 디자이너 나 개발자가 옵션이 너무 많으면 때때로 사용하는 경향이 있습니다 그것을 지나치게 사용하면 때때로 물건을 간결하게 유지하기를 원합니다 다음 슬라이드 승인

페이지 빌더를 사용할 때, 당신은 아름다운 디자인을 만들 수 있고 인상적 일 수 있습니다 – 동료들, 다른 디자이너들, 개발자들 사이에서 좋은 점이 있습니다 당신 제품에 의해, 맞죠? 그것이 보이는 방법 그것은 아름다운 페이지입니다 예를 들어, 저는 최근에 Meetup에 있었고 한 명의 개발자였습니다

다른 개발자에게 그는 페이지 빌더를 사용하여 웹 사이트를 만들고 다른 개발자는 그는 페이지 빌더를 사용하면 실제 개발자가 아니라고 생각했다 [웃음] JASON ORELLANA : 당신은 정말로 갈 수 없습니다 모두를 만족 시키십시오 좀 더 효율적으로 만들 수있는 도구가 있다면 걱정할 필요가 없습니다 다른 사람들이 말하는 것에 대해 많이

괜찮아 따라서 페이지 빌더를 사용하는 것은 균형 잡힌 행동입니다 맞습니까? 당신은 균형 잡힌 행동을 취해야하는지 여부를 원합니다 한편으로는 좋은 디자인을 원한다 한편으로는 좋은 디자인을 원한다

플레어를 추가 할 수 있기를 원합니까? 때로는 너무 많은 것을 추가 할 수 있으며 끈적 거리게됩니다 따라서 사용법을 쉽게 익히고 재능을 유지하십시오 반면에 성과가 있습니다 나는 샌 안토니오 스퍼스 팬들이 여기에 있기를 바란다하지만 나는 샌 안토니오 스퍼스를 가장 지루한 팀

그들은 매우 지루하지만 효과적이고 지속적으로 승리합니다 그들은 효과적이고 – 1998 년 NBA 결승에서 가장 높은 점수를 얻은 선수는 Chicago Bulls 대 유타 재즈 맞지? 그들은 2 천 9 백만 명의 시청자가 있습니다 2007 년 샌 안토니오 스퍼스 (San Antonio Spurs)는 클리블랜드 캐벌리어스 (Cleveland cavaliers)를 상대로 9 백만 명의 시청자를 확보했다 그것은 2 천만 시청자 차이입니다 비록 그들이 우승하고 좋은 팀이라해도, 그들은 최고로는 안 될 것입니다

당신이 사업을 운영한다면, 맞습니까? 사업을 운영하다가 돈을 벌고 싶다면 그것이 궁극적 인 것이 될 것입니다 목표와 당신이 이기고있는 경우에도 당신이 그것을하지 않습니다 그래서 그것은 일종의 종류입니다 – 감각과 속도 사이에 균형이 있습니다 내가 당신에게 페이지 빌더를 사용하는 방법에 대한 기본적인 내용을 보여 드리겠습니다 새로운

여기에 내가 가진 몇 가지 링크가 있습니다 나는이 링크들 중 일부를 공유 할 것이고 나는 실제로 링크를 여기에서 놓치고 있지만 이것은 하나는 특히 페이지 속도에 대해 말하며 페이지 빌더를 사용하지 말 것을 권장합니다 당신이 할 수있는 일이 있습니다 효율성 도구이기 때문에 여전히 권장합니다 맞습니까? 나는 나중에 질문을 저장하려고합니다

실제로 잘못된 슬라이드를 업로드했습니다 그래서 여기에 모든 슬라이드가있는 것은 아니지만 페이지 사용 방법의 예를 들어 보겠습니다 건축업자, Elementor 죄송합니다 나는 이것을 준비했다

왜 연결이 끊어 졌는지 나는 모른다 여기 워드 프레스 대시 보드가 있습니다 네가 원한다면 – 오, 알았어 승인 괜찮아

이리 귀하의 워드 프레스 대시 보드입니다 페이지 빌더를 다운로드하려면 플러그인으로 이동할 수 있습니다 페이지 빌더 새로운 걸 더하다 페이지 작성 도구로 이동할 수 있습니다

첫 번째 요소는 Elementor입니다 이미 설치했는데 설치하지 않았다면 바로 설치할 수 있습니다 이리 설치합니다 그런 다음 활성화하십시오

그래서 저는 지금 그것을 활성화 할 것입니다 관객 : Elementor는 자유롭게 사용할 수 있습니까? JASON ORELLANA : Elementor는 무료입니다 이들 대부분은 무료입니다 그들은 직업 선택권이있다 그러나 당신은 자유로운에서 시작할 수 있고 저것은 우수한 선택이다 당신은 자유를 사용하여 잘못 갈 수 없습니다

실제로 실제로 많은 도움을 줄 수있는 많은 보충 플러그인이 있습니다 프로 버전 중 일부는 그렇게하지 않으므로 실제로는 필요하지 않습니다 다른 플러그인을 사용하는 경우 프로 버전을 사용하십시오 설치가 완료되면 실제로 – 아, 잊어 버릴 수 있습니다 제가하고 싶었던 것은 실제로 다른 사이트를 복제 한 것입니다

나는 이것을 가지고 있었지만 왜 그것이 사라 졌는지 모른다 내가 원했던 것은 사이트를 복제하는 것입니다 왜냐하면 그 사이트에서 할 수있는 것을보고 싶기 때문입니다 우리는 좋은 것처럼 보이는 것을 만들고 싶습니다 그렇습니까? 그래서 저는 새로운 페이지로 갈 것입니다 – 가능한 한 빨리이 페이지를 만들려고 노력합니다

Elementor를 확장하는 데 사용할 수있는 몇 가지 플러그인이 있습니다 제목으로 시작할 수 있습니다 나는이 예제를 호출 할 것이다 게시를 누르십시오 그리고 Elementor로 편집 할 수 있습니다

그런 다음 편집기를 실제로 볼 수있는 다른 화면으로 이동합니다 그러면 머리글을 볼 수 있으며 여기에서 바닥 글을 볼 수 있습니다 결국 실제로 어떤 모습인지 알 수 있습니다 모든 것이 함께 어울릴 것이라고 추측 할 필요가 없습니다 섹션을 추가하려면이 플러스 기호를 여기에 추가하면됩니다

하나의 열로 시작하겠습니다 이들은 서로 다른 열 크기입니다 당신은 하나의 칼럼, 두 개의 칼럼 등으로 이동합니다 나는 지금 한 칼럼을 사용할 것이다 여기,이 사각형들이있는 곳, 그것이 예를 들어 표제

다시 여기로 돌아 가면 텍스트에 텍스트가 있고 그 다음에 제목이있는 것을 볼 수 있습니다 텍스트, 제목, 더 많은 텍스트, 뉴스 배너 어디 보자 편집기에서 바로 편집하거나 왼쪽에서 편집 할 수 있습니다 당신을 위해 더 쉽습니다 당신의 취향이 무엇이든간에

이 텍스트를 복사하려고합니다 그리고 그 일을하는 동안 – 스타일을 지정할 때 바로 여기로 갈 수 있습니다 사실, 이것이 제목이기 때문에, 나는 보통 h1을 넣을 것이고 당신은 그것을 스타일링 할 수 있습니다 색상을 쉽게 변경할 수 있습니다 내가 추가 할 배경 그림이 있기 때문에이 부분을 흰색으로 만들 예정입니다

지금 나는 크기를 바꾸고 그것을 크게 만들 예정이다 그리고 나는 이미 몇 장의 사진을 올렸다 여기이 섹션은 전체 행을 제어합니다 열을 제어하려면이 열이 바로 여기에 있습니다

블록이 무엇이든간에 섹션 자체를 클릭 할 수있는 섹션을 제어하십시오 바로 여기 전체 행의 배경에 이미지를 추가하고 싶습니다 그래서 나는 스타일, 배경, 타입, 이미지, 오, 소년에게 갈 수있었습니다 오, 쏘지 나는 실제로 잘못 사용하고있다

나는 미안하다 인터넷이 고장 났을 때 어떻게 든 내 페이지를 닫았습니다 죄송합니다 나는 이미이 사실을 이미 알고 있다고 생각한다 플러그인에 가서 활발하게 행동하십시오

나는 또한 다른 플러그인 몇 개를 다운로드했다 Elementor를위한 필수 애드온, 나는 그것을 활성화 할 것입니다 여기에는 기능을 확장 할 수있는 많은 기능이 있습니다 나는 새로운 페이지를 만들 것이다 미안, 얘들 아

관객 : 당신은 선하다 관객 : 설치 기회를 제공합니다 나는이 일을 정말 빨리 끝낼 것입니다 그래, 우리가 간다 그것은 더 좋은 예입니다

머리글과 바닥 글이 있습니다 나는 테마를 사용하여 헤일로의 스타일을 지정했고 나는 헐크의 예와 같이 그것을 가깝게 얻었다 바로 거기에서 이미지를 선택하고 미디어를 삽입하면 포지션을 얻을 수 있습니다 원하는 방식에 대한 모든 종류의 옵션이 있습니다 나는 중심에서 그것을 원한다

당신이 푸르다면 당신은 일종의 paralax effect를 할 수 있습니다 시차 – 반복, 반복 없음 크기, 커버 나는 이것에 최소한의 높이를 더할 것이다 나는 왜 그것이 기본적으로 갭을 가지고 있고 나는 보통 갭을 없애고 싶은지 모르겠다

어디 보자 최소 높이 나는 45 세를 할 것이다 그래서 스타일을 지정해 보겠습니다 우리는 이것을 희게 만들 것이다

글꼴 크기를 변경하는 것은 매우 쉽습니다 인쇄술로 가자 13 당신이 가질 때 할 수있는 좋은 것들 중 하나 – 당신은 이미 스타일을 가지고 있습니다

이미 하나의 div 스타일, 당신은 실제로 그것을 복사 할 수 있습니다, 오른쪽 클릭하고 복사하고 다음 다음 스타일로 이동하여 스타일을 붙여 넣으면 스타일이 이미 지정되어있는 것을 볼 수 있습니다 관객 : 한번 더 할 수 있을까요? 고맙습니다 JASON ORELLANA : 텍스트를 흰색으로 만들었 기 때문에 마우스 오른쪽 버튼을 클릭하고 복사했습니다 다른 단락을 강조 표시 한 다음 붙여 넣기 스타일을 말하고 붙여 넣은 곳에서 마우스 오른쪽 버튼을 클릭하십시오 스타일

모두와 일관성이있는 것은 매우 쉽습니다 단 한 마디가 있다면, 모든 문단을 같은 스타일로 쉽게 적용 할 수 있습니다 나는 이것에 약간의 여유를 더할 것이다 이렇게하면 서로 다른 여백을 가질 수 있도록 연결이 해제됩니다 주의를 기울이면이 바로 여기이 텍스트는 화면의 절반 밖에 나오지 않습니다

그것은 전체 길이로 가지 않습니다 나는 그것을 쉽게 바꿀 수있다 우 나는 이것을 쉽게 바꿀 수있다 여기를 클릭하십시오

사용자 지정 위치 지정 나는 너비와 커스텀 너비를 바꿀 수 있고, 나는 실제로 퍼센테이지를 선택해서 넣을 수있다 50 % 그래서 지금은 단지 50 %로 간다 질문 있습니까? 관객 : 아니오 알겠습니다

나는 앞으로 가서 다른 행을 추가 할 것입니다 여기에 2 열 세로 행을 추가 할 것입니다 탐색 메뉴를 검색 할 것입니다 그리고 그것을 삽입하려고합니다 바로 여기, 이미 커스터마이징 / 테마에서이 메뉴를 설정 했으므로 실제로 드롭 다운 메뉴에서 메뉴를 선택하십시오

이전에 말한 것처럼, 코드를 작성하는 방법을 알아야 할 필요가 있습니다 페이지 빌더에 대한 특정 제한 사항 이미 여기에 몇 가지 코드를 추가했습니다 이미 가지고있는 경우, 사용자 정의 코드를 추가하려면 사용자 정의 코드를 사용자 정의 프로그램에 추가 할 수 있습니다 여기에 수업을 추가하십시오 나는 클래스를 추가 할 것이고, 이미 클래스 화 된 것을 볼 수 있습니다

이 예제에서, 이것은 배너의 위쪽에있는 종류입니다 그래서 이것을 음수로 지정하려고합니다 그것을 움직이기위한 마진 우 네거티브 70

바로 여기에 추가 할 것입니다 참조하십시오 사용할 수있는 도구가 많이 있습니다 나는 단지 사회에 입력 할 수 있습니다 이미 미리 만들어진 소셜 아이콘이 있다는 것을 알 수 있습니다

나는 어딘가에 유료 필터의 문제점 중 하나를 읽었고 다른 필터를 다운로드했다 물건 그래서 당신이 다운로드, 말, 글꼴이 굉장히 웃으면 서, 그것은 페이지에 많은 여분의 무게를 추가합니다 건축업자 네가 분명히 아이콘을 필요로한다면 주위에 방법이 있는지 나는 모른다

이 도구를 사용할 시간을 절약 할 수 있습니다 어디 보자 우리는 그걸 원하지 않습니다 나는 공식적인 색깔을 원하지 않는다 나는 커스텀 컬러를 원한다

그리고 이것을 흰색과이 것을 연한 회색으로 만드십시오 그건 그렇고, 여기 또 다른 깔끔한 것이 있습니다 오른쪽 상단의 햄버거 메뉴에서 색상 선택 도구를 실제로 선택할 수 있습니다 당신은 내가 갈 수있는 빨간색을 원한다면 말처럼 색을 선택할 수 있습니다 당신은 ff000을 사용할 수 있었고 적용 할 수 있었고 지금은 색을 바꿀 때마다 내 메뉴에 바로 나타납니다

이것이 내 전체 화면을위한 것입니다 전체 웹 페이지의 색상을 저장할 수 있습니다 나는 붉은 색을 사용하지 않을 것이지만, 이것들 중 하나를 사용해 보겠습니다 그것은 포지셔닝에 효과적입니다 나는 그것을 오른쪽으로 위치시킨다

나는 이것을 음의 마진으로 또한 줄 것이다 Negative 50 네, 부정적입니다 40 내가 배너에 추가하는 것을 잊어 버렸던 한 가지는 당신이 그것을 볼 수 있는지 모르지만, 그렇습니다 여기가 기울어 져있다

그건 좀 힘들 수 있습니다 나는 Gutenberg 편집자를 사용하여 그것을했다 나는 당신이 그것을 할 때 클릭 경로를 사용해야 만했다 여기 Elementor에 실제로 SVG 파일을 삽입합니다 SVG 파일입니다

이것은 꽤 생각합니다 공연 여기서 바로 갈 수 있고 스타일을 선택할 수 있고 셰이더 구분선을 사용할 수 있습니다 위쪽이나 아래쪽에, 오른쪽으로 기울이면 기울어집니다 바로 거기에 큰 경사가 있음을 알 수 있습니다

나는 그것을 뒤집어 놓을 것이고 나는 이것을 그렇게 높게 만들 수 없다 아마 40? 관객 : 좋습니다 JASON ORELLANA : 그리고 이것에 덧붙여 패딩을 늘릴 것입니다 최신 정보 이 버튼을 여기에서 볼 수 있습니까? , 당신은 그것이 바로 여기 보이는 것처럼 볼 수 있지만, 그것은 전체 너비를 차지하지 않습니다

모양을보고 싶다면 여기를 클릭하거나 실제로 클릭하면됩니다 예를보기 위해 그곳으로 직접 내려 가세요 그리고 이것의 장점은 업데이트 할 때마다 여기 자동으로 업데이트된다는 것입니다 다시로드합니다 그래서, 꽤 가까워 보인다

관객 : 이미지에 패딩은 무엇을 했습니까? JASON ORELLANA : 내가 한 것은 패딩을 추가하여 여기 공간을 넓힐 수 있었고 나는이 공간을 여기에서 늘렸다 그냥 – 그래서 좀 더 보였습니다 청중 : 텍스트 블록에 패딩을 넣었습니까? JASON ORELLANA : 텍스트 블록 에서요? 아니요 단락 블록은 이미 바닥에 패딩이 있습니다 주제의, 실제로

그래, 그래 그들은 이미 바닥에 패딩이 있습니다 괜찮아 이제 저는 빌드 할 것입니다 광고를 넣지 않을 것입니다

나는이 절을 바로 여기에 넣을 것이다 이제 두 개의 열이있는 행과 또 다른 두 개의 열이있는 행을 추가 할 수 있습니다 그리고 나는 이미지를 광고하러 갈 것이다 바로 거기에 있습니다 – 추가

다시 한번, 어떤 이유로,이 섹션들, 줄들은 여분의 틈이있어서 나는 싫어합니다 그 틈새 관객 : 지금 어떤 테마를 사용하고 있습니까? JASON ORELLANA : 저는 Astra 테마를 사용하고 있습니다 나는 그들이 50 킬로바이트라고 말했다고 생각하는 경량이라고 주장한다 Elementor와 자주 사용되는 것 같습니다

왼쪽에서 이미지를 선택할 수 있습니다 그리고 보자 나는 표제를 추가 할 것이다 그리고 우리는 그것을 수직으로 중심에두고 싶습니다 난 칼럼에 가고 바로 여기, 수직 정렬, 나는 중간을 선택할 수 있습니다

중간을 선택했습니다 좋아 어디 보자 실제로이 스타일을 복사 할 수 있습니다 스타일을 복사하여 붙여 넣습니다

죄송합니다 이것은 검은 텍스트입니다 그걸로 가자 나는 이것을 위해서 시간을 위해서 맡기려고한다 나는 그저 그곳을 떠날 것이다

이제는이 섹션이 까다로울 수 있습니다 게시물 이미 편집자를 사용하여 게시물을 만들었지 만 해당 게시물을 가져 오려면 최근 게시물을 추가 할 수 있습니다 – 이것은 Elementor가 기본적으로 제공하는 것입니다 사진이나 뭐든지 가지고있어 이미지가 없습니다

그래서 나는 그것을 정말로 원하지 않는다 나는 실제로 다른 것을 다운로드해야했다 – 필자는 필수 플러그인이라는 다른 플러그인을 다운로드했다 Elementor에 대한 addons 그 하나는 포스트 그리드와 함께 제공됩니다 따라서 게시물이 이미 있음을 알 수 있습니다

속도 테스트를하고 싶기 때문에이 과정을 정말 빨리 끝내고 싶습니다 이것은 자체 옵션이 있습니다 어디 보자 다른 배경, 테두리, 배경입니다 오, 나는 거기에 내 사진을 원하지 않는다

그것을 아주 쉽게 사용자 정의 할 수 있습니다 삽입물이나 메타는 싫어 나는 이것을 희게 만들 예정이다 포스트 그리드 스타일, 배경색 게시 이제는 그것과 일치합니다

이 웹 사이트와 거의 일치합니다 광고를 제외하고 이 부분을 바로 볼 수 있습니다 이것이 그들의 것입니다 나는 여기서도 제목을 가질 수 있었지만, 내가 보여주고 싶은 것이 무엇인지 – 그래서 나는 이것을 만들었다

– 나는 이미이 동일한 웹 사이트를 만들었습니다 나는 Gutenberg 편집장을 사용하여 그것을 만들었고 Gutenberg 블록 플러그인을 설치해야만했다 아래 부분을 바로 여기에 놓으면 꽤 비슷해 보입니다 제가하고 싶었던 것은 Pingdom에 가서 이것을 테스트했습니다 그래서, 제가 방금 만든 것입니다, 그렇죠? 여기에 헤드 라인이 누락되었습니다

최신 뉴스 이미 실제로 예제 2를 만들었습니다 그것은 똑같아 보인다 그래서, 내가하고 싶은 것은 – 쏴 관객 : GTmetrix를 할 수 있습니다

그래서, 이것은 단지 구텐베르크를 사용하고 있습니다 이것은 단지 사용 중입니다 – 이것은 Elementor 플러그인을 사용하고 있습니다 나는 시간이 있을지 모르지만 어쨌든, 나는 이미이 속도 테스트를했다 Pingdom과 Google 통계 그래서 이것은 구텐베르그만을 사용하고있는 것을 볼 수 있습니다 그것은 C71을 얻고 이것은 페이지 빌더를 사용하는 것입니다

그러면 A와 D가 생깁니 까? 관객 : 그것이 측정하고있는 두 가지 측정법은 무엇입니까? 관객 : 많은 통계가 있습니다 당신이 땅에서 그런 식으로 코딩하는 데 소비하는 돈과 시간의 양 쪽으로 나는 그것이 중요하지 않다는 말은 아니지만 그것은 당신이 고려해야 할 것들 중 하나입니다 프로토 타입 또는 신속한 프로토 타입이 그러한 부분 인 경우 워크 플로 관객 : 성능 테스트를보고 있다면 무엇에 집중하겠습니까? A와 D? JASON ORELLANA :로드 된 페이지 시간이 더 많을 것으로 생각합니다

관객 : 다른 페이지의 총 페이지 크기의 차이는 무엇입니까? 음, 왜 더 작은 지 모르겠습니다 이 하나 꽤 많이 – 내가 과거 결과에서 얻은 것은 Gutenberg가 더 낫다는 것만을 사용했다 그것은 더 빠르지 만 코드 작성에 더 오래 걸립니다 잠깐 얘기하고 있잖아, 그렇지? 페이지 빌더 사용은 더 큰 파일이며 약 0

5 초 정도 느립니다 당신이 그것을 최적화한다면, 당신이 플러그인을 사용하면, 어디에서 – 당신을 보여 주려고했지만, 시각 optmization 플러그인을 설치하면 더 잘 만들 수 있습니다 구텐베르크 또는 때때로 더 좋습니다 그것은 당신이 고려해야 할 사항입니다, 그렇죠? 성과와 가치

가치, 꽤 많이 효율성, 얼마나 많은 시간을 소비 할 것인가 나는 이것을 15 분 안에 만들었다 Gutenberg 편집자를 사용하여 다른 하나를 만드는 데 시간이 오래 걸렸습니다 그러나 물건을 파는 웹 사이트를 사용하고 있다면 속도가 빠르거나 빠르지 않을 수도 있습니다

사람들은 귀하의 페이지 로딩에 질려합니다 그러나 제품을 판매하지 않는다면 아마 그다지 중요하지 않을 것입니다 나는 실제로이 페이지에서 스피드 테스트를 수행했는데이 스피드 테스트는 정말 저속 테스트 물론 광고를 게재하고있어 광고에 영향을 미칠 수 있지만 두 가지 예 관객 : 빨리, 사용중인 최적화 도구를 알려주시겠습니까? JASON ORELLANA : Pingdom을 사용했습니다

또는 자동 최적화 내 슬라이드에는 한 가지 더 권장 사항이 있습니다 하지만 자동 최적화는 제가 사용했던 것입니다 우리는 질문을 위해 그것을 열 것이다 필요한 경우 여기에 마이크가 있습니다

관객 : WordPress에서 프로그래밍하는 법을 배우고 싶다면 어떤 코드를 사용합니까? HTML? JASON ORELLANA : HTML은 웹상의 누구에게나 있습니다 HTML은 단순한 정보입니다 CSS가 스타일입니다 JavaScript는 기능입니다 그것은 조합의 일종이지만 그것은 기초이기 때문에 HTML로 시작해야합니다

CSS가 스타일입니다 CSS는 그것을보기 좋게 만듭니다 관객 : 세 가지 언어가 있습니까? 관객 : HTML, PHP 및 CSS PHP와 자바 스크립트를 개발하고자하는 경우 WordPress는 자바 스크립트 기반의 자료로 더 많이 전환하지만, HTML, PHP PHP는 HTML을 생성합니다

발을 젖게하는 HTML, PHP가 다음 단계, JavaScript 등을 수행하고 빌드하기 그걸로 청중 : Elementor의 페이지 디자인 작업에 많은 시간을 투자했습니다 디자인을 다른 것으로 재사용 할 수 있도록 템플릿으로 변환 할 수 있습니까? 다른 슈퍼 영웅을위한 페이지? JASON ORELLANA : 그렇습니다 그렇게하는 것이 간단합니다 아래쪽으로 가서 템플릿으로 저장하고 이름을 지정합니다

템플릿입니다 구하다 그리고 나는 실제로 가고있었습니다 시간이 있다면 머리말을 고쳐야 할 것입니다 헤더 나는이 예제에 더 가깝게 보이게하고 싶었지만 그렇게 할 수있다

해야 할 것 템플릿을 내보내고 다른 웹 사이트에서 사용하십시오 기타 웹 사이트 또는 나머지 페이지 하지만 네, 저장을 클릭하면 바로 다운로드 할 수 있습니다 수출 관객 : WordPress 플랫폼 이외의 다른 플랫폼에서 WordPress를 사용할 수 있습니까? JASON ORELLANA : WordPress는 자체 프로그램입니다

그것은 PHP에 내장되어 있으며 다른 플랫폼에서 PHP를 사용할 수 있습니다 WordPress에는 경쟁자가 있습니다 관객 : 서버 인프라에서 생각하고 있습니까? 다른 플랫폼의 Unix 나 WordPress와 다른가요? 관객 : 우리 중 한 명을 옆으로 데려 갈 수도 있습니다 구성 요소 관객 : 어떻게하면 페이지가 어떻게 보이는지 쉽게 볼 수 있습니다

변하기 쉬운? JASON ORELLANA : 예, 저는 그것을 언급하는 것을 완전히 잊었습니다 그것은하기 쉽습니다 이 버튼으로 이동하면 태블릿 또는 모바일을 볼 수 있습니다 예, 볼 수 있습니다 변화가 필요한 많은 것들이 있습니다

대신 전폭처럼 만들 수 있습니다 그런 다음 여기로 돌아 가면 여전히 절반입니다 모바일 또는 태블릿 관객 : 너비를 바꿀 수 있습니까 – 다른보기, 바탕 화면, 태블릿 및 모바일의 경우 폭과 픽셀을 미리 보여줍니다 그 정의를 바꿀 수 있습니까? 네

100 번 갈 수 있습니다 아, 사실이 픽셀입니다 당신은 100 % 갈 수 있습니다 보기 포트 너비, 픽셀 또는 백분율을 사용할 수 있습니다 한 번 더 질문 할 시간이야

관객 : 내 웹 사이트의 내용을 다운로드했으며 자체 제작자와 함께 제공되는 것으로 보입니다 멍청한 건축업자 다른 페이지 빌더를 사용하고 싶다면 플러그인을 추가 할 수 있습니까? JASON ORELLANA : 페이지 작성자는 어떤 주제로든 작업 할 수 있다고 주장합니다 그래서, 짧은 대답은 네, 그것이 작동하지만 때로는 PHP 오류가 있습니다, 가끔은 로드 문제 및 물건입니다 그래서 짧은 대답은 '예'이지만 의존적입니다

나는 그 주제에 익숙하지 않다 괜찮아 그에게 손을 뻗어 보자

How to create Password Protect a WordPress Post / Page

암호를 만드는 방법 WordPress 포스트 / 페이지를 보호하십시오 귀하의 WordPress 대시 보드에 로그인하십시오 페이지 / 포스트 만들기 공개 설정 수정 암호 보호 설정 암호를 입력하십시오

새 페이지 / 게시물 열기 끝난 암호를 만드는 방법 WordPress 포스트 / 페이지를 보호하십시오

Divi The Ultimate WordPress Theme And Visual Page Builder

웹 사이트를 구축하는 것은 걸작 그림 같은 거지 걸작품을 칠하는 것과는 다르다

당신이 실제로 무엇을하는지 볼 수있는 무언가를 칠할 때를보십시오 그래서 작은 집을 그리면 저기에 작은 집이있어 하지만 WordPress에서 웹 사이트를 만들 때 백엔드에서 작업하고 있습니다 콘텐츠 작성을 위해 만들어진 인터페이스 디자인이 아니다 게다가 사이트에서 실제로 어떤 것이 보이는지 전혀 알 수 없습니다

그렇게 어려운 걸작을 창조하기가 어렵다 걸작? Puih Divi가 있습니다 Divi를 사용하면 WordPress 웹 사이트를 만들 수 있습니다 실제 웹 사이트에서 실시간으로 그래서 위젯이나 텍스트를 추가하고 싶다면 계속해서 추가하십시오 모든 것은 끌어서 놓기가 가능하며 완전히 사용자 지정할 수 있습니다

모양, 크기, 글꼴, 색상, 40 가지 이상의 서로 다른 콘텐츠 요소 추가 할 수없는 것이 없습니다 그래서 지금 웹 사이트를 구축하는 것은 걸작을 그리는 것과 같습니다 단 한 번만 더 쉽게 Divi, 아름다운 웹 사이트를 구축하는 가장 빠른 방법

How To Setup WordPress On Bluehost 2019 | Bluehost WordPress Tutorial

Bluehost에 WordPress를 설치하는 방법 | Bluehost 워드 프레스 튜토리얼 이봐, 브라이언 WP 큐피드 블로그와 함께이 비디오에서, 나는 당신을 보여줄거야 Bluehost 단계에 WordPress를 설치하는 방법에 대한 완전한 Bluehost WordPress 자습서 단계 이 워드 프레스 튜토리얼에 대한 좋은 점은 Bluehost에 WordPress를 설치 한 경험이없는 경우에도 마찬가지입니다

시작하자 당신이하고 싶은 첫 번째 일은 내가 제공 한 링크를 통해 Bluehost로 향하는 것입니다 설명에서 Bluehost는 무료 도메인 네임과 63 %의 웹 호스팅을 제공합니다 이 큰 거래를 얻으려면 설명의 링크를 클릭해야합니다

검색 주소창에 wpcupidblogcom/go/bluehost를 입력 할 수도 있습니다 링크가 제휴 링크라는 것을 언급하고 싶습니다 도움을받는 커미션을 받게 될 것입니다 이 채널을 지원하고 더 많은 WordPress 튜토리얼 비디오를 내보내는 데 도움이됩니다

아래 설명에서 링크를 클릭하거나 wpcupidblogcom/go/bluehost를 입력하면, 당신은 Bluehost 홈페이지에있을 겁니다 페이지에 지금 시작 버튼이 표시됩니다 버튼을 클릭하십시오 여기에서 호스팅 계획을 선택할 수 있습니다

세 가지 옵션이 표시됩니다 기본 계획, 플러스 계획 및 Choice Plus 계획이 표시됩니다 기본 계획으로가는 것이 좋습니다 그러면 언제든지 언제든지 확장 할 수 있습니다 처럼

둘 이상의 웹 사이트가있는 경우 플러스 플랜 또는 선택 사항 중 하나를 선택하십시오 플러스 계획 이것이 가장 일반적이므로이 튜토리얼의 기본 계획을 선택하겠습니다 어떤 계획을 사용하고 싶든 선택 버튼을 누르십시오 우리는 이제 우리가 원하는 도메인 이름을 선택할 수있는 도메인 페이지로 이동했습니다

완전 무료 이미 도메인 이름이있는 경우 오른쪽에 도메인 이름을 입력하십시오 새 도메인의 경우 com, net,

org 등이되도록 선택할 수 있습니다 당신이 할 수있는 경우에 나는 com로 가기 추천 할 것이 대중적인 도메인 확장이다 여기에 도메인을 입력하고 다음 버튼을 클릭하겠습니다 이제 귀하의 계정 페이지를 만들게되었습니다

이것은 당신이 당신의 정보를 입력 할 곳입니다 우리는 성, 성을 가지고 있습니다 상호는 선택 사항입니다 귀하의 국가 주소 정보를 입력하십시오 영수증을 이메일로받을 때 전화 번호와 마지막으로 가장 적합한 이메일을 입력하십시오

지불 및 로그인 자격 증명 등의 복사본 그 아래에 패키지 정보가 표시됩니다 계정 계획이 표시됩니다 여기에서 호스팅 패키지의 용어를 선택할 수 있습니다 12 개월, 24 개월, 36 개월, 60 개월이 있습니다 당신이 돈을 더 많이 절약 할 것이라는 것을 알 수 있듯이, 당신은 당신의 호스팅을 구매합니다

12 개월 패키지를 선택하겠습니다 설치비는 무료입니다 도메인 등록은 무료입니다 SSL 암호화는 무료입니다 이 SSL 기능은 무료 SSL 인증서로 사이트를 녹색으로 안전하게합니다

https를 사용하여 도메인 개인 정보 보호 정책은 내가 매우 권장하는 애드온입니다 텔레마케터 및 마케팅 담당자가 귀하의 개인 연락처 정보를 보유하는 것을 방지합니다 그리고 당신을 그들의 서비스에 괴롭히는 것 도메인 개인 정보 보호는 사이트에 대한 Bluehost의 정보를 표시하며 귀하의 정보는 표시하지 않습니다 Sitelock security find는 WordPress 웹 사이트의 보안이며 해커로부터 보호합니다

정말 좋은 무료 대안이 있기 때문에 나는 이것을 선택 취소했다 Codeguard가 표시됩니다 Codeguard는 매일 백업을 생성하고 클릭 한 번으로 사이트를 복원 할 수 있습니다 버튼을 클릭하면 똑같이 작동하는 무료 대안이 있습니다 검색 엔진 최적화 도구 선택을 취소 할 수 있습니다

이 애드온은 검색 엔진에 사이트를 제출하고 사이트에 대한 보고서를 제공합니다 순위 및 키워드 순위 검색 엔진에 사이트를 제출하면 무료로 할 수 있습니다 반드시 가질 필요는 없습니다 Office 365 Email Essentials는 일반적으로 포함되어있는 이메일 소프트웨어 Microsoft Outlook입니다

Microsoft Office 이 Microsoft 부가 기능으로 이메일을 보내고 싶다면 언제든지이 기능을 유지하십시오 선택된 반드시 가질 필요는 없습니다 이러한 애드온은 모두 선택 사항이며 얻을 수있는 최대 한도까지 있습니다

보시다시피이 호스팅 패키지는 많이 절약됩니다 그 아래에 지불 정보를 입력하십시오 나는 개인 정보를 보호하기 위해 이것을 채우지 않을 것입니다 귀하의 정보가 가득 차면 당신은 내가 읽고 Bluehost의 개인 정보 보호 정책 및 서비스 약관 이제 제출 버튼을 클릭하십시오

이제 Bluehost 계정의 비밀번호를 선택할 페이지로 이동했습니다 비밀번호 생성 버튼을 클릭하십시오 원하는 비밀번호를 입력하십시오 Bluehost의 개인 정보 보호 정책 및 이용 약관을 읽고 동의 한 것을 클릭하십시오 다음 버튼을 클릭하십시오

축하 메시지가 표시됩니다 파란색 로그인 버튼을 클릭하여 Bluehost에 로그인하십시오 Bluehost는 현재 대시 보드 로그인 정보를 전자 메일에 전자 메일로 보냅니다 귀하가 제공 한 주소 이제 테마 선택을 보게 될 것입니다

Bluehost는 선택할 수있는 멋진 무료 WordPress 테마를 잔뜩 가지고 있습니다 테마를 선택할 수 있습니다 원하는 테마가 너무 많거나 적 으면 클릭하여 건너 뛸 수 있습니다 단계 테마를 지금 선택하면 문제없이 선택하는 테마를 언제든지 변경할 수 있습니다

나중에 이 부분에 대해서는 비디오의 뒷부분에서 자세히 설명하겠습니다 무료 테마를 선택하거나이 단계를 건너 뛰면이 페이지에 나타납니다 모두 완료되었습니다 WordPress에서 블로그 만들기를 시작하려면 건물 시작 버튼을 클릭하십시오

일단 클릭하고 로그인하면 WordPress 대시 보드에있게됩니다 이것이 WordPress 대시 보드의 모습입니다 보시다시피 몇 가지 질문을 할 것입니다 도움이 필요하지 않다면, 당신은 도움이 필요하지 않습니다 옵션을 클릭하십시오 일단 그렇게하면이 페이지가 표시됩니다

새 블로그 게시물을 추가 할 수있는 블로그 게시물이 표시됩니다 블로그에 새 페이지를 추가 할 수있는 위치가 표시됩니다 네비게이션 메뉴를 변경하고 싶다면 쉽게 할 수 있습니다 귀하의 사이트에서 제품을 판매하려면 Woocommerce를 설치하여 그렇게하십시오 맨 왼쪽에는 탭이 표시됩니다

그 위에 마우스를 가져 가서 배우십시오 소식은 새로운 소식을 추가 할 수있는 곳입니다 페이지는 새로운 페이지를 추가 할 수있는 곳입니다 미디어 탭은 블로그에 업로드하는 이미지가 표시되는 위치입니다 댓글은 사람들이 블로그에 남긴 댓글을 볼 수있는 곳입니다

플러그인은 블로그 용 플러그인을 설치할 수있는 곳입니다 거의 모든 커스터마이징 또는 기능이 플러그인보다 많을 것입니다 이미 그것을 위해 만들었습니다 모양은 테마의 모양을 변경하거나 테마를 다른 것으로 변경할 수있는 곳입니다 하나 또는 프리미엄 테마

모양 위에 마우스를 올려 놓으면 테마를 선택하십시오 그것은 당신이 선택할 수있는 무료 WordPress 테마를 선보일 것입니다 가장 인기있는 단어를 선택하면 가장 인기있는 무료 WordPress 테마가 표시됩니다 테마 위에 마우스를 올리고 설치를 클릭 한 다음 활성화를 클릭하여 테마를 WordPress로 만드십시오 테마

이 페이지에 새 테마 추가도 보셔야합니다 다른 사이트에서 가져 오거나 프리미엄 인 경우 새 테마를 추가 할 수 있습니다 테마 몇 년 동안 사용해 본 전문적인 WordPress 테마에 대한 권장 자료 수상 경력이있는 디자인 대행사처럼 보이는 사이트는 Themeforest입니다 Themeforest WordPress Themes 페이지입니다

WordPress 프리미엄 테마를 쉽게 탐색 할 수 있습니다 여기를 클릭하면 테마를 클릭하고 테마의 실시간 미리보기를 볼 수 있습니다 이미 사전 제작 된 프리미엄 WordPress 테마의 몇 가지 예가 있습니다 귀하의 정보를 입력하거나 변경하십시오; 그러나 당신은 원할 것입니다 당신은 그들이 정말로 좋아 보이는 걸 보게 될 것입니다

Themeforest를 확인하려면 아래 설명에서 링크를 클릭하십시오 WordPress 대시 보드의 왼쪽 상단에서 여기 또는 사이트 제목을 환영합니다 페이지 상단으로 사이트를 보려면 클릭하십시오 WordPress 대시 보드에 로그인하려면 Bluehost CPanel을 사용하거나 입력란에 slashwp-admin으로 도메인 이름에 여기에 예제가 있습니다 여기에이 페이지가 나타납니다

WordPress에 로그인하려면 로그인 자격 증명을 입력하십시오 500,000 명이 넘는 사용자가 유용하고 사용하는 또 다른 유용한 리소스는 드래그 앤 드롭 엘리먼트 페이지 빌더라는 드롭 에디터 엘리멘터 페이지 빌더를 사용하면 WordPress 사이트를 쉽게 만들고 시작할 수 있습니다 드래그 앤 드롭으로 편집 할 수 있습니다 플러그인 페이지에서 요소 또는 페이지 빌더 검색 및 설치 및 활성화 그것을 시도하고 싶다

Elementor에는 무료 및 유료 버전이 있습니다 설명에 링크를 제공하여 기능을 체크 아웃하고 비교할 수 있습니다 무료 및 유료 버전 중 하나입니다 체크 아웃 할 수있는 또 다른 유용한 리소스는 Fiverr입니다 Fiverr는 5 달러만으로도 업무를 처리 할 수있는 좋은 장소입니다

로고 또는 뭔가 필요한 경우 도움이됩니다 아래 설명에 링크를 제공했습니다 그리고 그것은 Bluehost에 WordPress를 설치하는 방법에 대한 나의 Bluehost WordPress 자습서 비디오입니다 초보자를위한 단계별 궁금한 점이 있으시면, 내가 필요한 모든 것을 도와 드리겠습니다

알았어, 지켜봐 줘서 고마워 이 비디오를 엄지 손가락으로 보여주고 더 많은 WordPress 비디오 자습서를 보려면 채널에 가입하십시오 우리에게 의견을 남겨주세요; 우리는 당신에게서 듣는 것을 좋아합니다

Best WordPress Plugins | Free Must have WordPress Plugins (2019)

안녕 모두와 지식 욕구로 가져온 다른 비디오에 오신 것을 환영합니다 저는 Christos입니다

이 비디오에서 나는 자유형 및 자유형 플러그인 목록을 살펴 보겠습니다 확실히 체크 아웃해야합니다 내 목록에는 웹 사이트 실적, 검색과 같은 여러 가지 목적을위한 플러그인이 포함되어 있습니다 엔진 최적화 및 보안 이러한 플러그인에는 플러그인이 있어야하지만 포함 된 플러그인 이외의 플러그인이 있어야합니다

귀하와 방문자 모두를위한 WordPress 경험을 향상시키는 플러그인 더 이상의 고민없이 플러그인에 꼭 필요한 플러그인에 대해 이야기하고 이야기 해 봅시다 목록의 첫 번째 플러그인은 W3 Total Cache라고합니다 이제이 플러그인을 사용하면 웹 사이트의 캐싱 시스템을 활성화하여 웹 사이트를 공연 캐싱이 무엇인지 모를 경우 간단하게 캐싱하는 것이 복잡한 작업 결과를 서버에 저장하는 과정이므로 다음에이 작업을 수행 할 것입니다

결과가 필요하면 서버는 다시 계산하지 않고 서비스를 제공 할 수 있습니다 이 플러그인을 통해 웹 사이트의 여러 측면에서 캐싱을 사용할 수 있습니다 예 : 페이지 또는 게시물 플러그인에는 캐싱을 사용 또는 사용 중지 할 때 사용할 수있는 많은 설정이 있습니다 필요한 기능에 따라 기능이 달라집니다

실적은 모든 웹 사이트에서 중요한 요소이며 그 이유는 캐싱 플러그인을 아직 사용하고 있지 않다면이 플러그인을 설치하십시오 검색 엔진은 물론 방문자는 빠른 실적을 중요시하는 경향이 있음을 기억하십시오 다음 플러그인으로 이동하는 것은 성능과 관련이 있으며 Smush라고합니다 Smush는 귀하의 웹 사이트에없는 모든 이미지를 압축하는 무료 플러그인입니다 그들의 품질을 희생합니다

퍼포먼스와는 달리, smush는 부피가 큰 사진이 차지하는 서버 디스크 공간을 줄여줍니다 플러그인을 추가하면 새로 업로드 한 모든 이미지가 흐려지기 때문에 영리합니다 wordpress 모든 이미지가 압축되고 크기가 최소화되어 웹 사이트가 좋은 페이지 로딩 시간을 가져야합니다 마지막으로 Smush에는 이미지를로드하는 게으른로드라는 멋진 기능이 있습니다

페이지 콘텐츠 웹 사이트의 페이지가 사진으로로드하는 데 시간이 덜 걸리기 때문에 좋습니다 브라우저보기 포트에 나타나면 서버에서만 요청됩니다 이제 성능에 대해 충분히 이야기합시다 백업 및 보안과 관련된 또 다른 훌륭한 플러그인에 대해 알아보십시오

어떤 웹 사이트에서도 백업은 중요합니다 아무도 귀중한 콘텐츠를 잃어 버리지 않으려 고합니다 해킹 또는 호스팅 문제로 인해 그것은 상승 기류 플러스가 작용하는 곳입니다 이 위대한 플러그인은 귀하의 사이트에 대한 백업 일정을 수립하고 중요하거나 중요하지 않다고 믿습니다 단일 웹 사이트를 완전히 백업하는 데 필요한 기능이 무료로 제공됩니다

플러그인은 하나의 드라이브, google 드라이브와 같은 여러 클라우드 저장소 공급자를 지원합니다 따라서 서버에서 백업을 안전하게 보호 할 수있는 기회를 극대화 할 수 있습니다 서버가 아닌 다른 위치에 백업을 저장하는 것은 중요합니다 일부 문제로 인해 해킹 당하거나 중단 될 수 있습니다 또한 플러그인에는 백업을 쉽게 복원하는 데 도움이되는 복원 도구가 있습니다

몇 분 안에 귀하의 웹 사이트를 나는이 플러그인을 전적으로 권장하며,이 기능만으로는 충분하지 않은지 확인합니다 프리미엄 버전과 그것이 제공하는 추가 기능의 대다수를 제공합니다 다음 플러그인으로 이동하는 것은 정말 간단합니다 플러그인은 보안과 관련이 있습니다 플러그인은 WPS 숨기기 로그인이라고하며, 당신은 그것을 짐작했습니다

그 목적은 WordPress 로그인 페이지를 가리키는 URL을 변경하기위한 것입니다 해당 페이지의 기본 URL을 변경하면 다른 보안 레이어가 추가됩니다 웹 사이트는 해커가 로그인 양식을 사용하여 비밀번호를 추측하지 못하도록 차단합니다 이 플러그인을 설치하고 로그인 페이지의 URL을 변경하면 그것은 당신이 그것을 잊어 버렸기 때문에 당신이 WordPress에서 잠길 것이기 때문입니다 다행히이 플러그인을 제거하더라도 로그인 페이지 URL이 기본값으로 복원됩니다

하나 우리 모두가 스팸 발송자를 싫어하기 때문에 원하지 않는 댓글로부터 웹 사이트 및 블로그 게시물을 보호하는 보안 플러그인입니다 이 플러그인은 AKISMET이라고하며 WordPress의 사람들이 개발했습니다 그것은 보통 WordPress에 미리 설치되어 제공되므로 제거하기 전에 확인하십시오 그것

이미 제거한 경우 망설이지 말고 다시 설치하십시오 그래서 저는 성능에 대해 많이 이야기했습니다 보안 플러그인 따라서 그것은 당신을 도울 플러그인에 대해 이야기 할 때입니다 귀하의 웹 사이트로 더 많은 트래픽을 유도하십시오 내가 가지고있는 첫 번째 플러그인은 가장 인기있는 플러그인 플러그인 중 하나 인 Yoast SEO라고합니다

귀하의 웹 사이트에서 검색 엔진 최적화 SEO는 예를 들어 Google과 같은 검색 엔진에서 웹 사이트를 쉽게 검색 할 수 있도록합니다 요즘 웹 사이트에 SEO를 적용하는 것은 요즘 같은 플러그인 덕분에 간단합니다 플러그인이 설치되면 웹 사이트의 사이트 맵을 생성하는 데 도움이됩니다 웹 사이트의 색인을 더 잘 생성 할 수 있도록 Google에 업로드 할 수 있습니다

그 요새 이외에는 각각에 대한 제목 태그와 메타 설명을 만들 수 있습니다 당신이 wordpress 안에 창조하는 페이지 또는 블로그 포스트 제목 태그와 메타 설명은 검색 엔진 결과에 표시됩니다 해당 입력란을 수정하면 Google 사이트의 검색 가능성이 더욱 높아집니다 구글

마지막으로 yoast는 콘텐츠 작성 방법을 개선하는 방법에 대한 제안을 제공합니다 검색 엔진 순위가 높습니다 사람들을 웹 사이트로 유도하는 것이 한 가지입니다 그러나 그들을 되돌아 가게하는 것은 완전히 새로운 이야기입니다 OneSignal과 Sumo는 정확히 당신을 도울 중요한 플러그인입니다

우선, 하나의 신호에 대해 이야기 해 봅시다 처음 웹 사이트를 방문했을 때 나타나는 작은 거품을 기억하십니까? 알림을 허용하거나 차단하도록 요청합니까? 음 그게 하나의 신호가 귀하의 웹 사이트에서 무료로 가능하게 해주는 것입니다 이 플러그인을 사용하면 이전에 푸시 알림을 사용자에게 보낼 수 있습니다 버블에 동의를 클릭하여 웹 사이트 알림에 가입합니다 이 플러그인을 통해 모든 관심있는 독자가 다시 한 번 돌아올 것입니다

새로운 콘텐츠를 직접 알릴 수 있으므로 새로운 것을 출시하십시오 브라우저에서 알림을 사용하여 그게 최고야? 알림이 충분하지 않은 경우 SUMO는 모든 기술을 제공합니다 이메일 마케팅을 통해 재계약을 위해 방문자의 이메일을 수집합니다 이 플러그인은 크게 증가한 37,000 개 이상의 온라인 비즈니스에서 사용됩니다 플러그인을 설치 한 후 구매 전환으로 Sumo는 opt-in 양식을 작성하고 popus를 종료하는 데 사용할 수있는 일련의 도구를 제공합니다

귀하의 페이지 나 게시물에 소셜 공유 버튼을 추가하는 것과 같은 방문자 참여 기법이 더 많습니다 모든 기능을 프로그래밍 경험없이 적용 할 수 있습니다 SUMO가 제공하는 무료 기능을 이용하면 효과적으로 전자 메일 목록을 증가시키고 웹 사이트에 따라 더 많은 판매 및 트래픽을 생성합니다 확인 해봐! 방문자 및 트래픽, Analytics 사람들에 대해 그리고 그들이 웹 사이트 내에서 어떻게 탐색하는지 이해하는 것은 중요합니다 웹 사이트 및 콘텐츠 제작 전략을 개선하는 방법 따라서 다음 플러그인이 웹 사이트 분석과 관련되어 있음을 이해하십시오

아시다시피, 정확하게 수행하기위한 훌륭한 도구는 Google 웹 로그 분석이라고하며, Google 애널리틱스를 웹 사이트와 통합하는 것은 대부분의 사람들에게는 성 가실 수 있습니다 그것이 괴물 통찰력이 게임으로 오는 곳입니다 이 플러그인을 사용하면 누구든지 Google 웹 로그 분석을 WordPress 웹 사이트에 통합 할 수 있습니다 프로그래밍 경험 플러그인은 Google 애널리틱스를 사용하기 위해 코드 스 니펫을 복사하여 붙여 넣는 과정을 생략합니다

WordPress 웹 사이트에서 쉽게 통합 할 수있을뿐 아니라 관리자가 대시 보드를 제공합니다 지역에 대한 정보를 수집하여 방문자에 대한 데이터를 쉽게 추출하고 현명한 결정을 내릴 수 있습니다 플러그인은 현재 2 백만 건의 설치가 있으며 모든 웹 사이트, 확실히 확인해보십시오! 지금까지 논의 된 플러그인은 주로 성능, 보안 및 웹 사이트 트래픽과 관련하여 플러그인이 있어야합니다 이제 웹 사이트를 개선 할 수있는 좀 더 일반적인 목적의 플러그인을 살펴 보겠습니다

당신과 당신의 방문객을위한 장소 첫 번째 플러그인은 Elementor라고하며, WordPress에서 가장 인기있는 페이지 빌더 중 하나입니다 Elementor를 사용하면 드래그 앤 드롭을 사용하여 하이 엔드 픽셀 완벽한 디자인을 만들 수 있습니다 하락 그것은 모든 테마와 함께 작동하고 그것은 심지어 기본 빌더로 사용하는 테마를 가지고 있습니다 쉬운 건물 경험

플러그인에는 갤러리 및 텍스트 영역과 같이 많은 미리 제작 요소가 있습니다 드래그 할 수 있습니다 최소한의 노력으로 처음부터 페이지를 만들 수 있습니다 또한 Elementor는 무료이며 최소한의 복잡한 디자인을 만들 수 있습니다 코딩 경험이 필요하지 않으므로 시간이 절약됩니다

더 자세히 알고 싶으면 전체를 만드는 방법을 보여주는 비디오가 있습니다 요소를 사용하는 웹 사이트 링크는 여기에서 찾을 수 있습니다 우리가 건축업자와 끌기에 대해 이야기하고 있기 때문에 및 드롭 도구는 여기를 사용하여 양식을 만들 수있는 또 다른 훌륭한 플러그인입니다 끌어서 놓기

플러그인은 행복한 형태라고 불리며 다양한 목적으로 양식을 작성할 수 있습니다 여러 데이터 유형의 여러 필드를 작성할 수 있기 때문입니다 가장 간단한 시나리오에서는이 플러그인을 사용하여 아름다운 연락처 양식을 만들 수 있습니다 귀하의 웹 사이트 플러그인은 CSS를 사용하여 양식의 스타일을 지정할 수 있으므로 유연성을 제공합니다

또한 플러그인 직원은 라이브 미리보기를 통해 양식이 어떻게 보이는지 볼 수 있습니다 그것을 게시하기 전에 이 플러그인의 높은 등급과 매우 유용한 무료 기능을 통해 나는 당신에게 도전적으로 제안합니다 확인 해봐 블로그를 쓰고 있다면 내가 가지고있는 마지막 세 가지 플러그인으로 이동하면 도움이됩니다

첫 번째 플러그인의 첫 번째는 중복 게시물이라고합니다 그것은 하나의 작업을 가지고 있기 때문에 정말 간단한 플러그인입니다, 그것은 단지 게시물을 복제합니다 그럴 필요가있는 이유는 대부분 비슷한 템플릿을 여러 블로그 게시물 내 말은 게시물을 복제하면 새 게시물의 제목을 수정할 수 있다는 것입니다 다른 블로그 게시물과 동일한 다른 설정이 있어야합니다

완전히 새로운 블로그 게시물을 검색 할 필요가 없으므로 시간을 절약 할 수 있습니다 테마 설정 및 스타일 지정 다음 플러그인으로 이동하면 페이지 및 게시물의 상단에 선 표시기가 표시됩니다 그가 콘텐츠 내에 어디에 있는지 독자에게 알린다 플러그인은 Worth the Read라고 불리우며 정말 어떤 주제로든 실제로 작동하는 유연한 플러그인

이것은 단지 추가 미학과 더 나은 사용자 환경을 제공하는 것입니다 독자들 우리가 어디에서 만족하는지 항상 느껴집니다 마지막으로 내가 가지고있는 마지막 플러그인은 Pretty Links라고 불리우며 숨기거나 줄일 수 있습니다 긴 링크를 만들고 자신의 웹 사이트 URL로가립니다

이것은 제휴 마케팅을하고 있거나 블로그 게시물을 쓰고있는 경우 정말 도움이됩니다 그 안에는 많은 링크가 있습니다 또한 소셜 미디어의 모든 링크를에서 링크로 표시하려면 귀하의 웹 사이트는이 플러그인을 사용합니다 예쁜 링크를 만드는 것 이외에도 플러그인은 유용한 통계와 차트를 제공합니다 링크가 클릭 된 횟수와 클릭이 발생한 지점에 대해 이 비디오를 즐겼다면 우리를 좋아하게 남겨주세요

우리의 새로운 콘텐츠를 최신 상태로 유지하기 위해 무료로 구독하십시오 플러그인에 대한 제안이나 질문이 있으면 언제든지 떠날 수 있습니다 아래의 설명 그리고 마지막으로 Elementor가 실제 예제에서 작동하는 방식을보고 싶은 사람들은 Elementor를 사용하여 처음부터 웹 사이트를 구축하는 여기에서이 비디오를 확인하십시오

Add Instagram Feed to WordPress Page with Elementor Page Builder

안녕하세요,이 튜토리얼에 오신 것을 환영합니다 이 비디오에서 나는 당신에게 어떻게 보여줄 것인가? 의 도움으로 워드 프레스 페이지에 Instagram 피드를 추가하십시오

엘리멘터 페이지 빌더 이를 위해 JetElements 부가 기능이 필요합니다 Elementor의 훌륭한 플러그인이며 JetElements에 대해 더 많이 배울 수 있습니다 이 비디오의 설명에있는 링크를 클릭하십시오 그러니 처음에는 요소 패널을 열고 Instagram 위젯을 검색하십시오

이 위젯은 안으로 들어갑니다 JetElements 애드온 그리고이 위젯을 잡고 새 섹션에 놓습니다 여기에 몇 가지 옵션이 제공됩니다 태그가 추가 된 특정 해시 태그가있는 사진 또는 특정 계좌

따라서 해시 태그를 입력 할 때 어떤 일이 일어나는지 보여 드리겠습니다 이리 따라서 해시 태그가 없으면 WordPress로 입력하십시오 wordpress 해시 태그가있는 모든 이미지를 추출합니다 그럼 네가 원한다면 내 사진을 선택하는 특정 Instagram 계정의 사진 표시 이 드롭 다운과 사용자 이름 입력란에 귀하의 이름을 입력하십시오

계정 예를 보여주기 위해 나는 TemplateMonster의 사용자 이름을 사용할 것이다 공식 Instagram 계정 사용자 이름을 복사하고, Elementor로 돌아가십시오 편집기로 복사 한 다음이 필드에 붙여 넣으면 이미지가 추출됩니다

특정 계정 우리의 경우 TemplateMonster 캐시에 있습니다 제한 시간 : 분, 시간, 일, 주 또는 없음 즉,이 피드는 매일, 매시간, 매일 또는 매주마다 자동으로 업데이트됩니다

여기 있네 이 그리드에서 사진의 크기를 설정하십시오 좋아, 여기에있는 Instagram 게시물의 번호입니다 표시됩니다 지금은 6 명이지만 원하는 경우 더 쉽게 할 수 있습니다

좋아, 여기있어 원하는 사진을 연결할지 여부 또는 사진 연결 여부를 선택하거나 캡션 사용 가능 여부 이제 자막이 없다는 것을 알 수 있습니다 여기에 사진의 캡션을 사용하도록 선택한 경우 캡션 길이 활성화 할 수 있습니다

댓글 및 좋아요 수를 표시하여 여기에 표시됩니다 그리고 여기에 간다 레이아웃 설정 레이아웃 유형을 선택하면 선택할 수 있습니다 벽돌, 그리드 및 목록을 제공하므로 세 가지 옵션이 있습니다 지금 우리는 스타일 탭으로 가서이 그리드 스타일을 바꿀 수 있습니다

그래서 여기에 항목 높이와 항목 여백을 설정합니다 나는 여백을 조금 작게 만들 것이다 패딩을 늘릴 수도 있습니다 당신 테두리를 설정할 수 있습니다, 테두리 반지름을 추가 할 수 있습니다 다음은 캡션을 누르면 메타가 나타납니다

이 경우 메타는 좋아요 및 코멘트 이제 오버레이 탭에서 오버레이를 표시할지 여부를 설정할 수 있습니다 호버에서만 또는 항상 거기에 있기를 원합니다 배경 유형 옵션을 사용하면 콘텐츠 순서에 따라 오버레이의 색상을 선택할 수 있습니다 및 정렬 탭을 사용하여 캡션 및 메타가 이동하는 순서를 변경할 수 있습니다 알았어

이 비디오는 Instagram 피드를 추가하는 방법에 관한 내용이다 Elementor page builder 및 JetElements의 도움으로 WordPress 페이지로 이동하십시오 부가 기능 이 비디오가 마음에 듭니다 도움이 되었기를 바랍니다

그것이 있었다면 엄지 손가락을 올려 채널에 가입하십시오 지켜봐 줘서 고마워

Best Free WordPress Themes (The Only Four You Will Ever Need)

당신이 필요로하는 최고의 무료 WordPress 테마 중 하나는 Neve입니다 시동기 위치 및 입증 된 성과로 포장되는 진보되고 사용하기 쉬운 주제

WordPress 웹 사이트를 구축 할 수있는 경량 섀시로 생각하십시오 당신은 상상할 수있다 이것은 초고속 다목적 테마가 어떻게 생겼는지 보여줍니다 블로그, 중소기업, 벤처 기업, 전자 상거래 상점 등에 적합합니다 현재 화면에 보이는 것은 가져올 수있는 미리 만들어진 기본 템플릿입니다

Neve 옵션의 사이트 라이브러리에 액세스하여 다른 기성품 웹 사이트를 찾을 수 있습니다 너무 Neve는 완전히 AMP로 최적화되고 반응이 빠른 테마이며 단 몇 초 만에로드됩니다 모든보기 장치에 완벽하게 적응할 수 있습니다 가볍고 미니멀리즘 디자인이지만 테마는 확장 성이 뛰어나므로 SEO에 대한 코드가 매우 잘 최적화되어있어 Google 검색 결과에서 1 위를 차지했습니다

Neve는 WordPress (일명 구텐베르크)의 새 블록 편집기와 Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin과 같은 가장 인기있는 페이지 빌더 그리고 Divi Neve는 또한 WooCommerce 준비가되어 있으며, 온라인 상점은 사용하는 것처럼 보입니다 쿨, 맞지? Neve는 다국어 사이트를 만들고 싶다면 RTL 및 번역 준비가되어 있어야합니다 이 비디오의 모든 주제를 직접 테스트했으며 Neve의 경우 재 디자인 할 수 있음을 발견했습니다 끌어서 놓기 구성 요소를 통해 머리글 및 바닥 글 영역을 지정하고 레이아웃을 원하는 방식으로 선택하십시오

보기 등등 또한 색상, 활판 인쇄 및 기타 설정을 변경할 수있는 옵션이 있습니다 위의 추천 동영상이나 아래 설명의 링크를 확인해보십시오 당신이 단계별로 네브와 함께 할 수있는 일 나는 헤스티아 (Hestia)가 보이는 방식을 좋아합니다

그리고 나는 이것이 가장 자유로운 워드 프레스 테마 중 하나라고 생각합니다 상자의 즉, 설치 직후에 전문적인 웹 사이트를 얻는 것을 의미합니다 사용자 정의 프로그램을 통해 컨텐츠와 함께 설정을 쉽게 변경할 수 있습니다 Elementor 및 다른 페이지 작성자도 사용할 수 있습니다

위의 권장 비디오를 보거나 설명 상자의 링크를 확인하십시오 이 테마를 사용하는 방법을 단계별로 살펴보십시오 데모 페이지로 돌아가서, 우리는 이것이 WooCommerce가 준비되어 있고 제품 상점 섹션처럼 보이는 것은 독특합니다 상점 페이지도 멋지게 보이며 블로그 페이지에 게시물이 표시되는 방식도 좋아합니다 커스터마이져, 블로그 설정으로 이동하면 많은 옵션이 있음을 알 수 있습니다

블로그 페이지의 모양을 변경하는 데 사용할 수 있습니다 이 테마에 대한 단계별 비디오 자습서도 단계별로 작성했습니다이 튜토리얼을 클릭하여 볼 수 있습니다 위의 추천 동영상에 있거나 나중에 설명 상자에서 확인할 수 있습니다 모바일 응답? 확실한 것

스마트 폰과 태블릿에서 각 섹션의 모습을 보여 드리겠습니다 이것은 큰 제목 섹션입니다 예를 들어, 기능, 우리, 상점, 우리 팀, 고객, 구독, 블로그 및 연락처 섹션 모든 것이 수직 및 수평 화면에도 적합합니다 Orbit Fox 플러그인과 함께 사용하면 페이지 빌더를위한 기성 템플릿을 얻을 수 있습니다

한 번의 클릭으로 쉽게 가져올 수있는 Elementor와 유사합니다 자신의 홈페이지에서 읽을 수 있듯이, OceanWP는 WordPress에서 가장 빠르게 성장하는 테마입니다 수천 명의 개발자와 취미 사용자가 가장 좋아하는 선택입니다 한 번의 클릭으로 가져올 수있는 데모 사이트를 확인해보십시오 이것이 무료 체조 클럽 템플릿의 모습입니다

나는이 버튼이있는 커다란 타이틀 섹션과 모든 섹션이 어떻게 흘러 나오는지 좋아한다 다른 대부분의 데모는 PRO이므로 사용하기 위해 비용을 지불해야하지만 Architect와 같은 무료 템플릿도 찾을 수 있습니다 사용자 정의 프로그램을 통해 사용할 수있는 많은 옵션이 있습니다 나는 우리가 일반적인 스타일, 설정, 페이지 제목 등을 바꿀 수 있다는 점을 좋아한다

타이포그래피 옵션은 각 요소에 대해 개별적으로 사용할 수 있습니다 정말 멋집니다 이러한 주제를 검색 할 필요가 없습니다 설명 상자에 링크가 포함되어 있으므로 마음에 드는 것을 설치하십시오 하나를 시험해 봐

그들은 이것이 어떤 웹 사이트의 완벽한 주제라고 말합니다 확인 해보자 초보 사이트는 테마와 함께 추가 플러그인을 설치할 때만 얻을 수있는 사이트입니다 그리고 여기에서 Elementor, Beaver Builder와 같은 페이지 빌더 용 웹 사이트를 가져올 준비가되어 있습니다 구텐베르크 등등

여기에서 Quick View (빠른보기)를 클릭하면 Bbq Restaurant 데모가 보입니다 비디오 배경과 텍스트 애니메이션에 꽤 좋았습니다 모든 것이 섹션별로 크게 설계되었습니다 다른 디자인 인 Life Coach를 예로 들어 봅시다 간단하고 깨끗한, 자신의 콘텐츠로 변경할 준비

Astra의 커스터마이저를 통해 색상 및 배경과 같은 일반적인 설정에 액세스 할 수 있습니다 인쇄술, 버튼 등등 모든 것을 쉽게 찾을 수 있습니다 이 테마 중 하나를 체크 아웃하려면 설명에서 링크를 찾을 수 있습니다 그들과 놀기 시작하고 자신의 필요에 완벽하게 맞는 것을보십시오

이미이 주제 중 하나를 사용하고 있다면 의견에서 생각하는 것을 알려주십시오 섹션을 참조하십시오 나는 그것에 대해 기꺼이 이야기 할 것이다 다음 비디오에서 만나요

Make Columns in WordPress – No Code Needed! Divi Page Builder

(낙관적 인 음악) (낙관적 인 음악) (낙관적 인 음악) (낙관적 인 음악) (낙관적 인 음악) (낙관적 인 음악) – 이봐, 애쉬톤 고리 야 그리고 그것은 또 다른 WordPress 수요일이다

모두들 제게 부탁 했어요 'WordPress 웹 사이트에서 멋진 열을 어떻게 얻을 수 있습니까?' 그래서, 당신은 정말로 원하지 않습니다 정말로 지루한 WordPress 웹 사이트가 있습니다 당신은 어떻게 진짜로 차가운 나란히 서있는 내용을 얻는가? 동적인지 다르게 보이게 만드시겠습니까? 내 채널을 본다면 많은 사람들이 알 수 있습니다 나는이 WordPress 웹 사이트를 Divi 테마에 구축했다

아래의 설명 상자에 링크를 넣을 것입니다 그래서 당신은 그것을 확인할 수 있습니다 그러나 Divi Page Builder에는 능력이 있습니다 꺼내어 완전히 분리해야합니다 그리고 이것을 사용하여 정말 멋진 레이아웃을 만들려면, 그리고 내가 너에게 보여줄거야

Divi Page Builder를 사용하여 기둥을 만드는 방법 이 무료 자습서는 Liquid Web에서 제공합니다 그들은 WordPress Managed Hosting에서 절대적으로 최고입니다 지원과 지금 당장, 처음 3 개월 동안 추가로 33 % 할인을받을 수 있습니다 그래서 이것은 WordPress 편집기가 기본적으로 보이는 것입니다

이제 구텐베르크 (Gutenberg)와의 관계가 조금씩 바뀌고 있습니다 하지만 이것은 고전적인 편집자입니다 여기에 비주얼 모드가 있습니다 또는 텍스트 모드 그리고 그것은 실제로 얻을 수있는만큼 화려합니다 미디어 추가를 클릭하여 미디어를 추가 할 수 있습니다 추가하고 싶은 사진을 찾습니다

그리고 오른쪽 정렬 또는 왼쪽 정렬 할 수 있습니다 하지만 당신은 매우 환상적입니다 추가하거나 추가하려고 할 때마다 우리가 나란히 서서 갖고 싶은 것 어쩌면 3 개의 기둥 그것은 매우 까다 롭습니다 이것이 실제로 어떻게 만들어 내는지입니다

멋진 페이지 빌더 사용 다음 버튼을 클릭합니다 페이지 빌더를 사용하십시오 이 모드에있을 수 있습니다 하지만 나는 내 WordPress 웹 사이트의 앞쪽으로 가고 싶다

프런트 엔드에서 작업하고 내 콘텐츠 주변의 전체 테마를 볼 수 있습니다 방문자가 실제로 무엇을 경험했는지 프런트 엔드에서 볼 수 있습니다 이제 Divi를 사용하면 미리 만들어진 레이아웃에 액세스 할 수 있습니다 그리고 그것은 그것을 매우 쉽게 만든다 그러나이 튜토리얼을 위해, 나는 이걸 얼마나 믿을만한 지 보여주고 싶다

기존 콘텐츠로도 그래서 저는 Start Building을 클릭 할 것입니다 이제 너는 내가 물건 위로 맴돌 때 볼 수있다 우리는 내가 할 수있는 다른 섹션을 가지고 있습니다 하지만 내가 내 웹 사이트의 앞쪽에 있다는 것을 알아 차려라

페이지를 땜질하다 보면 방문객이 여기 올 때마다 어떻게 보이는지 나는 이것을 나란히 나란히 놓기를 원합니다 그럼, 잠깐 여기에 갈거야 이 사진을 클릭하면됩니다 삭제를 클릭합니다

왜냐하면 나는 더 이상 그것을 원하지 않기 때문입니다 그리고이 섹션을 여기에두고 싶습니다 실제로는 두 개의 열이됩니다 그래서 강조 할께 내가 원하는 열 구조를 선택하십시오

나는 두 개의 기둥이 필요하다 이제 내 텍스트를 왼쪽에 넣어 라 오른쪽에 빈칸을 남겼어요 내가 원하면 내 사진을 넣을 수 있습니다 그러나 정말로, 나는이 오른쪽에 내 텍스트를 원한다

그리고 왼쪽에있는 내 사진 당신은 내가 그것을 매우 쉽게하고, 드래그 앤 드롭하는 것을 볼 수 있습니다 새 모듈 추가를 클릭합니다 나는 이미지를 추가 할 것을 요청할 것이다 그들에게는 나를위한 이미지 모듈이 있습니다

매우 편리합니다 나는 그것을 클릭하고 같은 이미지를 선택할 것이다 저기서 내가 원했던 건 그냥 갈거야 그것을 중앙에 정렬하십시오 그리고 Enter를 클릭하십시오

그리고 바로 거기에서 아름답게 보입니다 내 콘텐츠를 나란히 놓았습니다 내가 이것을 축소 할 때, 그것은 휴대 전화에 완벽하게 쌓아 두었습니다 추가 열을 추가하려는 경우 우리는 여기에 세 개의 기둥을 갈 수 있습니다 얼마나 멋진가! 그리고 실제로 멋진 신문 스타일 레이아웃으로 가져 가세요

또는 멋진 블로그 레이아웃 단지 페이지를 만들 수 있습니다 훨씬 더 재미있어 보이다 몇 번의 클릭만으로 코드도 필요 없습니다 그래서 나는 코드가 필요없는 코드가 있다고 확신한다

우리 대부분이 정신적으로 불고있다 프레임 워크를 사용하는 방법을 알아 내야했습니다 구텐베르크를 사용하는 방법 모든 것을 올바르게 쌓아 두십시오 그리고 그것은 단지 이상하게됩니다 거기에 페이지 빌더가 있습니다

그건 너무 복잡해서 아주 복잡해 당신은 그렇게 할 필요가 없습니다 Divi Builder는 매우 쉽게 할 수 있으며, 칼럼을 쉽게 쌓을 수 있으며, 쉬운 행 만들기 및 페이지 아래로 계속하기 정말 역동적이고 재미있게 보이게합니다 귀하의 고객 또는 방문자에게 그들이 당신의 위치에 올 때 Divi Builder 구입에 관심이 있다면, 나는 아래에 링크를 넣을거야

항상 무료로 테스트 할 수 있습니다 그것을 시도하고 어떻게 느끼는지보십시오 그 링크를 아래의 설명 상자에 넣을 것입니다 좋아요, 수요일 좋은 WordPress를 가졌 으면합니다 내 채널을 구독해야합니다

매주 수요일에 이처럼 콘텐츠를 만들려고하기 때문에 당신이 WordPress에 흥분하도록 돕기 위해 귀하의 워드 프레스 웹 사이트를 흔들어 버릴 수 있습니다 온라인에서 또는 귀하 지역의 WordCamp에서 당신을 만나기를 바랍니다 다음에 보자 안녕