How to Download and Install WordPress Setup with full explanation: WordPress tutorial for beginners

안녕 얘들 아 shivraj joshi 오늘은이 비디오에서 wordpress 튜토리얼의 첫 번째 비디오와 함께 여기 있어요 WordPress를 오프라인으로 설치할 수있는 방법을 가르쳐 드리겠습니다 Windows를 사용하는 경우 그런 다음 XAMPP의 두 가지 작업이 필요하며 두 번째 작업은 WordPress의 zip 파일입니다

그리고 Mac을 사용한다면 MAMP가 필요합니다 MAMP, 그리고 WordPress의 zip 파일을 볼 수 있습니다 이 두 가지를 먼저 얻으려면 설치해야합니다 시스템의 XAMPP Xampp을 설치 한 후에는 실제로이 zip 파일을 압축 해제 한 다음 얘들 아 XAMPP의 설치가 너무 많은 시간이 걸리는 것 같아요 그래서 비디오가 너무 길어질 것이므로이 비디오에는 나와 있지 않습니다

그래서 나는 XAMPP 어디서나 붙어 있다면 그냥이 부분을 건너 뛰었습니다 설치는 실제로 쉽습니다 그러나 실제로 어디서나 붙어 있다면 자유롭게 물어보십시오 어떻게 설치할 수 있는지 알려 드리겠습니다 그래서 얘들 아

압축을 푸는 데 약 4 ~ 5 초 정도 걸립니다 압축을 푼 후 추가 단계를 알려 드리겠습니다 그러니 계속 나와 함께 조정하면이 전체 비디오를 볼 수 있습니다 왜냐하면 만약 당신이 어떤 부분을 건너 뛰지 않으면, 당신은 분명히 붙어있을 것입니다 어디서나 미래의 부분

괜찮아 그래서 여기에 WordPress 파일이 압축이 풀린 것을 볼 수 있습니다 그 후에 동일한 폴더를 찾아야합니다 너는 그것을 볼 수있다 아래의 XAMPP에서 htdocs를 찾아야합니다

htdocs를 찾으면 압축 해제 파일이나 WordPress의 폴더를 htdocs로 드래그해야합니다 이렇게 한 후에 그냥 트레이에 가서 여기 XAMPP의 instlaation 후하실 수 있습니다 XAMPP를 볼 수 있습니다 그것을 두 번 클릭하기 만하면됩니다 워드 프레스의 작업은 당신이이 세 가지를 시작하는 것을 좋아할 필요가 있습니다

Apache MySQL과 Tomcat이 시작합니다 그냥 내 MySQL로 이동 시작한 후 관리자 페이지 여기서 우리는 모든 데이터를 저장하고있는 데이터베이스를 만들거나 우리의 모든 데이터를 저장해야합니다 WordPress 데이터 또는 웹 사이트 데이터, 그래서 당신처럼 데이터베이스를 만들 필요가 어떤 이름? 나는 try1에 대해 무엇을 말할 것 인지를 단지 만들었다 또는 그냥 시도해보십시오 죄송합니다

내 데이터베이스는 데이터베이스를 만든 후 만들어집니다 localhost 만 입력하면됩니다 앞으로 슬래시와 무슨 말을 해야할지 WordPress가 추측하는 이유는 무엇입니까? 우리는 워드 프레스를두고 있습니다 왜 여기에 우리의 WordPress 폴더 이름이 같은 WordPress의 경우 폴더 이름을 바꿉니다 귀하의 웹 사이트 이름에 다음과 같은 것입니다 Localhost 네 번째 슬래시와 여기있을 것입니다 웹 사이트의 이름은 무엇입니까? 좋아요, 움직이자 고하자 그리고 여기에서 데이터베이스 이름을 볼 수 있습니다

그것은 실제로 내 이전 데이터베이스에 가져 가고있다 그래서 현재 데이터베이스 데이터베이스 이름은 무엇입니까? 그리고 사용자 이름은 root가 될 것이고, 데이터베이스에 패스워드를 넣고 싶다면 그것을 넣으십시오 빈 칸으로 남겨두고 비워두고 제출을 클릭하면 여기에 제출 된 것을 볼 수 있습니다 설치를 실행하십시오 그냥 클릭하십시오

클릭 후 WordPress는 귀하의 이름 암호 및 사이트 제목을 요청할 것입니다 그래서 퍼팅 사이트 제목을 넣어 내 첫 번째 웹 사이트입니다 그래서 사용자 이름 당신이 원한다면,이 isadmin, 나는 암호로 admin을 넣을 것이다 비밀스런 암호를 만들면 친구들 그런 다음 약한 암호를 확인하고 가장 중요한 것은 이메일 주소를 입력해야한다는 것입니다 따라서 미래에 비밀번호를 잊어 버린 경우 대시 보드 로그인 비밀번호와 비밀번호 재설정 링크가 이메일 주소로 전송됩니다

WordPress 설치를 클릭하십시오 승인 약간의 시간이 걸릴 것이지만 너무 좋아하지는 않을 것입니다 15 ~ 20 초, 그래서 그냥 기다려 여전히 괜찮아 여기에서 성공을 확인할 수 있으므로 이제 대시 보드에 로그인 할 수 있습니다

사용자 이름은 admin 암호입니다 또한 클릭 만하면됩니다 또한 복용 중입니다 약간의 시간 좋아, 얘들 아 WordPress의 설치 후 WordPress의 대시 보드입니다

이런 그림을 볼 수 있습니다 이것들은 우리의 미래 비디오에서 논의한 모든 도구입니다 이 동영상은이 시점에서이 비디오를 감싸고 있습니다 그래서이 사람들은 shivraj joshi입니다 안녕하세요

안녕하세요 안녕하세요 안녕히 주무세요 언제 어디서나이 비디오를보고 있으면 나와 함께 계속 지켜봐주세요 얼마나 많은 돈을 벌었 느냐에 달려 있습니다 안녕

How To Optimize Images For WordPress

– 다른 비디오로 돌아 왔습니다 제 이름은 래리 스노우 (Larry Snow)입니다

이 비디오에서, 두 가지 이미지 압축 도구를 보여 드리겠습니다 내가 매일 사용하는 내 웹 사이트에 이미지를 업로드하기 전에, 왜 이미지 압축을하는지 알려 드리겠습니다 빠른 로딩 웹 사이트에서 큰 요소입니다 시작하겠습니다 (전기 터지는 소리와 정적 잡음) 이미지는 종종 대부분의 다운로드를 차지합니다

웹 페이지의 바이트 및 자주 차지할 수도 있습니다 상당량의 시각 공간 결과적으로 이미지를 최적화하면 종종 가장 큰 바이트 절약 중 일부 웹 사이트의 성능 개선 브라우저가 다운로드해야하는 바이트 수가 적을수록, 클라이언트의 대역폭에 대한 경쟁이 줄어들고, 브라우저가 더 빨리 다운로드 할 수 있습니다 유용한 콘텐츠를 화면에 표시합니다 큰 이미지가있는 사이트에서 한 번도 기다리지 않았다면 파일을로드해야하는 이유는 이미지 압축 필수적이다

이미지를 압축하려면 멀리 가져 가야 함을 의미합니다 또는 이미지의 일부를 다시 그룹화하거나, 그래서 적은 공간을 차지합니다 로드 시간이 길면 더 많은 고객이 발생합니다 다른 페이지를 찾아 귀하의 페이지를 포기하십시오 로드 시간이 길면 웹 사이트에 영향을 줄 수 있습니다

Google 검색 결과 순위 압축에는 두 가지 기본 알고리즘이 사용됩니다 손실과 무손실 손실 된 압축으로 인해 변경됩니다 더 낮은 품질의 이미지를 만듭니다

파일을 작게 만들수록 더 눈에 띄게됩니다 원본과의 차이점 압축 된 파일이됩니다 무손실 압축 알고리즘 어떤 정보도 버리지 말고, 그래서 그들은 더 큰 파일을 만들어 낸다 손실 압축보다 생성됩니다 무손실 압축은 더 나은 방법을 찾습니다

정보를 저장하고 그림 어떤 품질을 잃지 않습니다 손실 유형의 이미지의 예는 JPG이며, 또는 JPEG 또는 JPEG GIF 이미지 (GIF)가 또 다른 예입니다 무손실 이미지 유형은 PNG 및 TIFF, TIFF입니다 사용할 수있는 여러 가지 도구가 있습니다

이미지를 압축합니다 이 동영상에서는 Google 크롬 실험실을 보여 드리겠습니다 웹 앱, Squoosh 및 Optimizilla 내가 시도한 다른 것들은 Compressorio, TinyPNG 및 Compressnow

Squoosh와 Squoosh로 시작합시다 내가 지금 화면에 가지고있는 것입니다 프로그레시브 웹 앱 또는 PWA입니다 데스크톱 및 모바일의 모든 브라우저에서 작동하며, 동급 최강의 코덱을 제공합니다 브라우저 내에서 이미지를 압축하고 비교할 수 있습니다 Chrome OS 사용자 및 Windows 10 사용자는 PWA이므로 최신 버전의 Chrome 사용 네이티브 앱처럼 Squoosh를 사용할 수 있습니다

자, 여기서부터 시작하겠습니다 그들이 가지고있는 데모를 바로 여기 있습니다 우리는 그것을 클릭 할 것이고, 이것은 인터페이스입니다 왼쪽에있는 것은 원본입니다 당신이 옳은 것은 압축하는 것입니다

그리고 그 사이의 경계는 각각의 차이입니다 여기에있는 도구 중 일부를 살펴 보겠습니다 그래서 저는 맨 아래에 크기를 줄일 수 있습니다 내가 뭘보고 있는지 그래서 전체 그림을 얻거나 확대 할 수 있습니다

이미지를 다른 방향으로 배치하는 방법이 있습니다 오른쪽에는 압축 도구가 있습니다 실제로 크기를 조정할 수는 있지만 압축하지는 않습니다 그러니 실수하지 마십시오 하지만 Facebook 크기처럼 크기를 조정할 수 있습니다

또는 당신이 무언가 사각, 또는 그 유형의 것을 원한다면 또한 이미지 품질을 지니고 있습니다 이제 이것은 Photoshop에서 볼 수 있습니다 나는 Photoshop에서 우리가 낮은, 중간, 높은 것을 알고있다 그리고 당신은 여기에서 그것들을 또한 선택할 수 있습니다

당신이 그것을 크기를 조정할 때 팔레트를 줄이는 방법도 있습니다 이는 색상 수를 줄이는 것을 의미합니다 화면에 표시됩니다 또한 압축률을 선택할 수 있습니다

당신이 원하는 버전 이제 크롬이 사용하고있는 것, 그리고 그들이 지금 추진하고있는 것은 WebP입니다 그것은 다른 것들을 가지고 있으며 MozJPEG로 기본 설정되어 있습니다 Squoosh를 처음로드 할 때 그러나 JPEG를 PNG로 변경할 수 있습니다

OptiPNG 또는 브라우저 PNG를 사용하여, PNG를 업로드하는 경우 JPEG로 축소 할 수 있습니다 다음 단계는 품질 범위입니다 그래서 0에서 100의 척도로 따라서 이미지를 처음로드 할 때, 그것은 당신에게 75 품질을 제공 할 것입니다 이것은 원래와 아주 가깝다고 말할 것입니다

그리고 이것은 내가 그것을 줄일 수있는 한 똑같이 보이게하십시오 그리고 내가 일반적으로하는 일은 그것을 해치려 고 노력하는 것입니다 우선, 나는 279 메가 바이트를 업로드하지 않고있다 Squoosh에게 웹 사이트를 줄이기 위해

어쩌면 뭔가를 갖고 싶어 킬로바이트 단위로 표시하고 그것을 업로드하여 그것을 줄이려고합니다 더 낮은 킬로바이트를 얻으려면, 맞죠? 그래서 내가 얼마나 멀리 갈 수 있는지에 대한 연구를 시작합니다 품질을 많이 잃지 않고? 이제 당신은 여기를 볼 수 있습니다, 제가 이것을 조금만 움직이면, 여기 오른쪽에서 볼 수 있습니다 그건 픽셀 화되기 시작 했어

우리가 27의 질에 그것을 가지고있을 때 그래서 나는 보통 60 주위에 끝납니다 자, 여기에 원본을 보면, 당신은 그 차이를 실제로 말할 수 없습니다 그러나 다시 한번 말하지만, 이것은 거대한 이미지입니다 그래서 그것을 79 % 줄였습니다

환상적입니다 그러나 다시, 나는이 유형의 예제를 사용하지 않을 것이다 하지만 이것은 당신들에게 핸들을주기위한 것입니다 Squoosh가 정확히 무슨 일을하는지 이제 여기서 다른 옵션들을 사용한다면, 압축 옵션, WebP로 전환하면 더 많은 옵션이 있습니다

압축 도구에서 이제 고급 설정을 보여 드리겠습니다 따라서 특정 채널을 압축 할 수 있으며, 알파 품질과 마찬가지로 알파 필터 품질 필터 강도를 조정할 수도 있습니다 다른 전환을 할 수 있습니다

따라서 전환에 대한 자세한 내용은 WebP로 전환하면 브라우저 PNG를 클릭하면 당신은 매우 많은 옵션을 가지지 않을 것입니다 그래서 저는 보통 MozJPEG입니다 왜냐하면 그것이 가장 단순하기 때문입니다 일을하는 길 나는 WebP의 일부를 정말로 탐구하지 않았다

나는 이미지를 빨리 꺼내야하기 때문에, 그래서 저는 보통 MozJPEG를 사용하여 품질을 봅니다 내가 원본을 비교하는지 확인하십시오 내가 압박하고있는 사람에게 내가 아는 한 그것은 꽤 가까운 비교 일 예정이다 그런 식으로 나는 꽤 좋은 이미지를 가지고 있음을 안다 그것은 웹 사이트에서 볼 수 있습니다

그래서 Squoosh입니다, Optimizilla로 가보자 그리고이 두 가지 모두 무료입니다 나는 그것을 언급하지 않았다 따라서 Optimizilla는 또 다른 온라인 이미지 최적화 프로그램입니다 최적화 된 스마트 조합을 사용합니다

JPEG 축소를위한 손실 압축 알고리즘 및 PNG 이미지를 가능한 최소 크기로 요구되는 수준의 품질을 유지합니다 Squoosh와 달리 무손실 옵션이 있습니다 우리가 WP 버전으로 간다면, 여기서 우리가 할 수있는 무손실 버전이 어떤지보십시오 Optimizilla에는 무손실 버전이 없습니다 그것은 단지 손실입니다

그래서 Optimizilla의 위대한 기능 중 하나 한 번에 20 개의 파일을 업로드 할 수있는 기능입니다 한 번에 20 개의 이미지 그리고 드래그 앤 드롭 만하면됩니다 또는 업로드를 클릭하고 최대 20, 그들을 안으로 수입하십시오 이 데모를 위해, 나는 단지 우리 사진을 부여 잡을 예정이다

우리 Squoosh로부터, 그리고 그것은 압축을 할 것입니다, 그리고 말할 것입니다 좋습니다 이것이 최고의 결과입니다 나는 너를 줄 수있어 원본과 비교해보십시오

다시 한 번 거대한 이미지이므로 43 % 나 줄였습니다 우리는 조금 더 잘할 수 있다고 생각합니다 비교가 있으므로 여기를 확대 할 수 있습니다 눈을 보자 나는 눈을 생각한다

가장 세부 사항이 있습니다 자, 제가 70으로 줄이면, 우리는 눈이 시작되고 있음을 알게 될 것입니다 조금 흐려지기 그리고 제가 조금 더 줄일 수 있다면, 훨씬 더, 축소 할 때도 상대적으로 같습니다 우리가 0, 10, 당신은 분명히 거기 pixelation을 볼 수 있습니다

원래 대비 그래서 저는 제 이미지에 픽셀 화를 원하지 않습니다 하지만 나는 가능한 한 많이 줄이고 싶다 이미지 품질과 스타일을 손상시키지 않습니다 나는 그것이 꽤 좋다라고 생각한다, 눈을 보게 해주세요

그래서 우리는 그것을 85 % 줄였습니다 그것은 환상적입니다 특히 그러한 큰 이미지의 경우 그래서 여기에서, 당신은이 다운로드를 클릭 할 것입니다 여기에있는 버튼, 노란색 하나, 또는 둘 이상이있는 경우 모두 다운로드를 클릭 할 수 있습니다

그래서 두 가지를 비교해 보면 알 수 있습니다 업로드 한 JPG를 변경할 수 없습니다 여기에 업로드 한 JPEG 사진은 변경할 수 없습니다 JPG로 다운로드됩니다 내가 들어갈 수있는 Squoosh와는 달리, 나는 말한다

좋아, 나는 그것을 훨씬 더 크게 원해 OptiPNG를하고 싶습니다 그러면 OptiPNG를 다운로드 할 수있게됩니다 JPG의 PNG 그래서 그것은 Squoosh에게 독특한 것입니다 그래서 이것은 JPEG를 업로드하고 JPEG를 다운로드합니다

그래서 그것은 하나의 차이점입니다 또한, Optimizilla는 훨씬 간단한 제어 기능을 가지고 있다고 생각합니다 잠시 동안 여기에서 나는 모든 것을 알아 내려고 노력했다 Resize 옵션이 마음에 들지만 압도적 인 느낌이었습니다

특히 WebP로 전환 할 때, 이 모든 것이 무엇을 의미하는지 알아 내기 위해, 특히 당신이 진보 된 것을 보여줄 때 이제 나는 이미지에 아주 능숙한 사람이 될 것이라고 확신한다 및 이미지 품질, 그리고 아마 사진 작가, 또는 사진에 관심이 있거나 이러한 모든 옵션을 알고 있다면, 그러나 웹 개발자, 마케팅 담당자, 당신이 알고 싶은 모든 것, 이것이 내 이미지를 압축합니까? 충분히 좋으며 여전히 품질을 유지해야합니다 내 웹 사이트에 업로드 할 수 있습니다 조금 더 빨리로드 할 수있게하려면? 이 동영상을 시청 해 주셔서 감사합니다

나에 대한 더 자세한 정보는 LarrySnowme로 이동하십시오 다음 비디오에서 뵙죠

WordPress Shortcode Tutorial | How & Why to Use Shortcodes

쇼트 코드 란 무엇이며 사이트에서 어떻게 사용합니까? 그것은 오늘의 비디오의 주제가 될 것입니다 지금, 당신이 WordPress의 신선한 설치가있을 때, 귀하의 사이트에 이미 단축 코드가 추가되지는 않습니다

단축 코드는 항상 플러그인과 때로는 테마에 의해 추가됩니다 짧은 코드를 사용하는 이유는 게시물 또는 페이지 예를 들어, 여기에서 내 연락처 페이지에 기본 연락처 양식이 표시되어 있음을 알 수 있습니다 이 연락처 양식을이 페이지에 추가하려면, 나는 짧은 코드를 사용하고 있으므로 잠시 후에 어떻게하는지 보여 드리겠습니다 하지만 먼저 게시물이나 게시물을 수정할 때 페이지에서 게시물 편집기로 단락을 출력 할 수 있습니다

이미지, 유튜브는 모든 종류의 콘텐츠를 포함합니다 그러나 더 복잡한 무엇인가를 위해, 당신은 종종 단축 코드를 사용해야합니다 따라서 연락 양식이 좋은 예라고 생각합니다 그래서이 비디오에서, WPForms라는 연락처 양식 플러그인을 사용하고 있습니다 그리고 귀하의 사이트에 연락 양식을 추가하기위한 플러그인이 필요한 경우, 나는 확실히 WPForms을 추천한다

내가 좋아하는, 어, 양식 플러그인이야 정말로, 음, 풍부한 기능과 모든 종류의 물건에 사용할 수 있습니다 그래서 나는 매우, 이 것이 좋습니다 엄청난 양의 리뷰가 있습니다 따라서이 비디오에서이 플러그인의 기능 및 이점을 보여주지는 않겠습니다

나는 그것을 예제로 사용하려고합니다 음, 당신은 WPForms가 설치된 것을 볼 수 있습니다, 새 WPForms 메뉴가 있고 간단한 연락처 양식이 하나 있습니다 WPForms는이 양식을 만드는 데 사용되며, 그러나 질문은 남아있다 연락처 페이지에이 양식을 어떻게 추가합니까? 그래서 각 양식에 짧은 코드가 포함되어 있습니다 이제 짧은 코드를 볼 때마다, 왼쪽에는 브래킷, 오른쪽에 브래킷이 있습니다

내부 일반적으로 플러그인 이름과 일련의 속성을 볼 수 있습니다 이 경우, WPForms와 819라는 ID를 보게되는데이 형식은이 형식을 의미합니다 819의 이드 이제는 어쨌든이 텍스트를 편집 할 필요가 없습니다 그래서 만약 당신이 이상한 코드를 아는 것 같으면 괜찮습니다

플러그인에서 제공하는 단축 코드를 복사하여 붙여 넣기 만하면됩니다 따라서이 양식의 미리보기와 모양을 알려주기 위해, 이것이 내 사이트에 양식이 표시되는 방식입니다 괜찮아, 그래서이 단축 코드는 내가 원하는대로 모든 게시물이나 페이지에 출력하는 내 방식입니다 원하는 경우 여러 페이지에 출력 할 수 있습니다 이제 페이지에 추가하려면, 이 간단한 연락처 페이지를 설정하고 Enter 키를 눌러야합니다

구텐베르크 (Gutenberg) 지부 편집장과 함께 새로운 블록을 만들고 있습니다 나는 단지 단축 코드를 복사하여 붙여 넣을 수 있었고, 하지만 내가하고 싶은 것은이 "블록 추가"버튼을 클릭하는 것입니다 shortcode 옵션을 선택하면 바로 팝업됩니다 일단 내가 그것을 클릭하면, 새 단편 블록을 삽입하도록하겠습니다 이제는 Windows 컴퓨터에서 V 명령어 나 V 명령어를 누르기 만하면됩니다

이 블록에 단문을 붙여 넣으십시오 내 게시물을 업데이트하고 확인하면, 양식이 출력되는 것을 볼 수 있습니다 더욱이, 이 문의 양식을 업데이트하면, 이 짧은 코드는이 변경 사항을이 연결에 연결했기 때문에 즉시 변경 사항을 표시합니다 문의 양식 그래서 여러 가지 방법을 추가하는 WordPress 플러그인이 많이 있습니다

귀하의 사이트에 콘텐츠를 출력하십시오 보통 잘 만들어진 플러그인이라면, 사이트에 추가 할 위젯과 단축 코드를 모두 갖게됩니다 그래서 나는 이것이 당신이 단축 코드를 사용하는 이유와 그것들을 사용하는 방법을 깨끗케하기를 바란다 귀하의 사이트 평소와 같이 질문이 남아있는 경우, 아래의 댓글 섹션에 게시하십시오

지켜봐 줘서 고마워

WordPress – How to embed a live Google Map into your WordPress site

안녕하세요 제이미 http://wwwsystem22

net 및 http://wwwgreat-webdesigncom/ 여기에 비디오가 있습니다 우리는 당신에게 작동하는 Google 맵을 삽입하는 방법을 보여줄 것입니다 WordPress 사이트에서 백악관 주소를 알려 드리겠습니다

지도를주고 싶지는 않을 수도 있지만지도를 조금만 제공합니다 그곳에 여분의이자 가치가 있으므로 여기를 클릭하십시오 당신이해야 할 일은 Google지도에 가서 귀하의 주소를 입력하면 볼 수 있습니다 여기에 작은 공유 아이콘을 클릭하면 거기에 포함 된지도를 치고 싶습니다 그것은 이미 여기에 우리를위한 코드가 강조 표시되어 있으므로 그냥 복사하면됩니다 그것을 강조하지 않았다면 왼쪽 끝까지 끝까지 선택하십시오

iframe을 열고 iframe 태그를 닫으면 이제 우리 페이지로 돌아갑니다 페이지 및 우리는 사실이 페이지를 실제로 실제로 편집하고 싶습니다 우리가 갈 필요가있는 아래에 내려 놓고 싶습니다 오른쪽의 탭으로 이동하여 텍스트 버전으로 이동하십시오 이제 & nbsp 우리는 공간의 코드 인 우리의 마지막 코드 밑으로 가고 싶습니다

그래서 우리는 그냥 거기에 가고 싶다 정말로 그렇게 할 필요는 없어야한다 마지막에 아무 것도없는 곳에 커서를 놓고 해당 iframe 코드를 붙여 넣으십시오 그러나 Ctrl 키를 누른 상태에서 V를 복사하면 업데이트됩니다 변경 사항 미리보기 아래로 스크롤 우리는 조금 구글 맵을 가지고있다

그게 더 좋아 보이네 여기에 코드가 좀있어 너무 복잡해 보이지만 나는 너에게 그 속임수가되기를 바라는 조금의 속임수 만 보여줄거야 나는 그 텍스트 영역과 같은 페이지로 아름답게하고 싶다 페이지로 돌아가서 여기서 iframe 코드를 보면 우리는 너비 600 하이킹 450 600이라는 메시지가 나오면 기본 내보내기 값이 사라집니다

거기에 거꾸로 붙인 쉼표 또는 그들이 아직 거기에 있는지 확인하십시오 100 % 100 그 다음에는 여전히 앞뒤에 거꾸로 쉼표가 있습니다 변경 사항을 업데이트하고 미리 보는 경우 이제 우리가 그 매트를 아래로 내리면 내가 생각하는 영역으로 가득차 야합니다 그게 실시간 활동지도가 더 좋으므로 연락처를 추가하는 방법입니다 양식을 7 번 다시 WordPress 사이트에 보내면 시스템 22의 Jamie가되었습니다

훌륭한 웹 디자인 통신 감사합니다 채널에 가입하십시오

How to Add an External Link to Your WordPress Menu

이 비디오에서는 WordPress 메뉴에 외부 링크를 추가하는 방법을 배우게됩니다 지금, 사용자 정의 메뉴를 만들 때 마지막 비디오를 보지 않았는데 아직 사용자 정의 메뉴를 만들었습니다

계속해서 비디오를 볼 것을 권한다 그래서 이미 사용자 정의 메뉴가 설치되어있는 사람이라면, 여기에 외부 링크를 추가하는 방법은 다음과 같습니다 먼저 커스터마이저를 방문하여 업데이트하거나 메뉴를 사용할 수 있습니다 메뉴 섹션을 잊어 버린 경우를 대비하여 변경 사항을 실시간으로 확인하십시오 아래 커스 터 마이저 아래쪽에 있습니다

일단 내가 열면 메뉴 위치와 모든 메뉴를 볼 수 있습니다 만들어진 나는 또한 내가 기본이라는 메뉴가 기본으로 설정되었음을 볼 수 있습니다 메뉴 위치는 바로 여기 교대입니다 그래서이 메뉴를 열어서 편집 할 수 있습니다

이제 알 수 있듯이 세 개의 메뉴 항목과 하위 메뉴가 있으며 클릭 할 예정입니다 항목 추가 단추를 사용하여 추가 메뉴 항목을 추가하고, 외부 링크가 될 것입니다 상단에는 맞춤 링크 섹션이 있습니다 이걸 열면, 그것은 페이지 섹션을 닫을거야 그리고 지금 나는 옵션을 볼 수 있습니다 원하는 웹 사이트에 URL을 입력하십시오

따라서 Google에 링크를 추가하기 만하면됩니다 실제 웹 사이트에서는 전혀 필요하지 않으며 링크를 제공 할 것입니다 Google의 가치에 텍스트를 입력하고 메뉴에 추가를 클릭하십시오 그리고 내가 이것을 닫으면, 이제 Google에이 링크가 연결됩니다 한 가지 메모 : 커 스터 마이저에 있으면 샘플 페이지를 클릭 할 수 있습니다

나는 홈페이지를 클릭 할 수 있고이 페이지들 중 어떤 것도 열릴 것입니다 미리보기에서 이 미리보기는 내 사이트 내에서만 탐색합니다 미리보기는 사용자 정의 패널의 오른쪽에있는 모든 것을 의미하며, 취소 아이콘이 표시됩니다 외부 링크 위로 마우스를 가져 가면 이는 사용자 정의 프로그램 내에서 외부 페이지를 열 수 없기 때문입니다 그러나 이것이 효과가 있음을 증명하기 위해, 나는 커 스터 마이저에서 빠져 나갈 것이고 일단 사이트를 방문하면, Google에 마우스를 올려 놓을 수 있습니다

당신은 똑같은 통지가 없다는 것을 알게 될 것입니다 클릭하면 Google 홈페이지로 연결됩니다 그래서 당신이 원하는만큼 많은 외부 링크를 쉽게 추가 할 수 있습니다 wordpress 메뉴 먼저 사용자 정의 메뉴가 먼저 설정되어 있는지 확인하십시오

질문이 있으시면 아래에 게시하십시오 구독하는 것을 잊지 마십시오 더 많은 워드 프레스 튜토리얼을보고 싶다면보고 주셔서 감사합니다

How to Add an External Link Icon to a WordPress Menu Item

이 비디오에서, 외부 링크 아이콘을 외부 링크에 추가하는 방법을 배우게됩니다 WordPress 메뉴

그래서 여기에있는 나의 예에서, 나는이 메뉴 항목을 가지고 있고 그 중 하나는 "테마"라고 불린다 그리고 이것들과는 다른 이 기존 사이트 내의 페이지로 방문자를 이동시키는 다른 메뉴 항목, "테마"를 클릭하면 competethemescom으로 이동하므로 괜찮습니다 그게 내가 원하는거야 외부 링크입니다

그러나 나는 방문자이고 나는이 사이트에가 본 적이 없다 그리고 나는 "테마"와 나는 "집"을보고 시각적으로 "페이지"를보고, 모두 동일합니다 그래서 나는 완전히 새로운 사이트로 나를 데려가는 "테마"를 기대하지 않는다 그리고 사이트 소유자는 방문자를 혼동하지 않으려 고합니다 따라서 메뉴에 외부 링크를 추가하는 경우, 당신은 일종의 방법으로 그것을 표시하고 싶어하므로 방문객들은 그것들을 가져갈 것이라고 안다

다른 웹 사이트로 이동하십시오 방법은 다음과 같습니다 먼저, 여기서 Admin 툴바로 이동하여 사용자 정의를 클릭하겠습니다 라이브 커 스터 마이저로 이동합니다 다음 것, 맨 아래에있는이 메뉴 섹션을 클릭하면 기본 메뉴가 선택됩니다

내가 만들고 할당 한 메뉴는 실례합니다 기본 메뉴 위치

이제는 내 사이트에서 볼 수있는 메뉴 항목을 보았으므로, "테마"메뉴 항목을 클릭하겠습니다 그리고 일단 내가 그것을 클릭하면, 입력 한 URL과 라벨이 표시됩니다 이제이 아이콘을 추가하려면, HTML 문자 코드를 추가하겠습니다 이제는 이것에 대해 많이 알 필요가 없습니다 튜토리얼을 통해 관심이 있다면 문자 코드에 대해 더 많이 배울 수 있습니다

하지만 그들은 당신이 추가 할 수 있도록, 음, 음, 일반 문자 예를 들어, 항상 앰퍼샌드로 시작하며 항상 세미콜론으로 끝납니다 오른쪽 화살표 아이콘으로 "rarr"을 입력 할 수 있습니다 따라서이 기능을 사용하여 게시물, 페이지, 또는 귀하의 메뉴 항목 기호를 포함시키는 멋진 방법입니다

음, 사용할 수있는 다양한 기호가 많이 있습니다 그래서 아래 링크를 포함 시켜서 확인할 수 있습니다 그러나 우리의 목적을 위해서, 이 지저분한 코드를 사용하겠습니다 그리고 이것은 외부 링크 아이콘을 추가 할 것입니다 따라서 많은 HTML 문자 코드와 달리, 이 것은 또한 어떤 것에 의해서도 영향을받을 것입니다, 음소거 시스템이 현재 기기에서 사용 중입니다

그래서이 경우 당신은 파란 음을 볼 것입니다 외부 링크 아이콘이며 다른 브라우저에서 다르게 보일 수 있습니다 다른 컴퓨터, 어, 아니면 아이폰에서 안드로이드 장치를 볼 때 그러나 그것은 정말로, 그냥 외부 링크 아이콘을 추가하는 정말 쉬운 방법 색상이 마음에 들지 않으므로, 이 메서드를 사용하면 안타깝게도 제어 할 수 없습니다

외부 링크 아이콘을 추가하는 방법을 한 가지 더 알려 드리겠습니다 다른 방법은 Font Awesome으로 아이콘을 추가하는 것입니다 이건 좀 더 복잡해 그리고 그런데, 아래에 이러한 코드 스 니펫을 포함시켜 복사하고 붙여 넣을 수 있습니다 그러나 이번에는 HTML 아이콘 요소를 만들려고합니다

나는 그것을 닫을 것입니다 "fas"및 "fa-external-link-alt"와 같은 클래스를 제공 할 것입니다 이제 나는 그것이 당신이 이해하지 못할지도 모르는 것들이 많다는 것을 알고 있습니다 이것이 필요하지 않기 때문에 모든 것을 처리하는 것은 정말 어렵습니다 아이콘을 추가하기 만하면 되겠지만, 나는 이것을 포함시켜 당신이 복사하여 당신의 사이트에 붙여 넣을 수 있습니다

이제이 멋진 외부 링크 아이콘이 추가 된 것을 볼 수 있습니다 메뉴 항목과 동일한 색상을 표시합니다 그래서 마지막으로 알아야 할 것이 하나 있습니다 이 코드 스 니펫을 사용하여 아이콘을 추가하도록 선택하는 경우 테마가 Font Awesome이라는 아이콘 글꼴을로드하지 않으면, 그러면 아무것도 보이지 않을거야

대부분의 WordPress 테마는 글꼴 굉장합니다 그러나 여기에이 스 니펫을 포함하면 아이콘이 보이지 않습니다 지금 할 수있는 플러그인 메뉴로 이동하면됩니다 WP Font Awesome이라는이 플러그인을 설치할 수 있습니다 이 플러그인을 설치하기 만하면 아이콘이 표시됩니다

대지 따라서 외부 링크 아이콘을 외부 링크에 추가하는 두 가지 쉬운 방법이 있습니다 귀하의 워드 프레스 메뉴 질문이나 문제가있는 경우, 아래에 의견을 남겨주세요 더 많은 비디오를보고 싶다면, 보고 구독 해 주셔서 감사합니다

How to Add Gallery Tags in WordPress by using Envira Gallery

여보세요 Envira Gallery를 이용해 주셔서 감사합니다

이 자습서에서는 갤러리를 추가하는 방법을 보여줍니다 WordPress의 태그는 Envira 갤러리를 사용합니다 태그로 이미지를 필터링하면 방문자가 자신의 시청 경험을 개인화 할 수 있습니다 시작하려면 Envira 갤러리를 설치하고 활성화했는지 확인하고 시작하려면 은허 면허가 있어야합니다 우리는 라이센스가 유효한지 확인한 다음 애드온으로 가서 설치 및 활성화 할 것입니다

태그 addon 이제 사이트의 Envira 갤러리로 이동하여 태그를 추가 할 수 있습니다 언더 이미지는 각각으로 이동합니다 사진을 클릭하고 여기를 클릭하면 편집 메타 데이터 화면이 나타납니다 여기 아래에 원하는 태그를 추가 할 수 있습니다

쉼표로 구분 된 여러 태그를 선택할 수 있습니다 기억하십시오 허용되는 공백은 없지만 가독성을 위해 대시 또는 밑줄을 추가 할 수 있습니다

메타 데이터를 저장하고 다른 모든 사진에 대해 메타 데이터를 유지할 수 있습니다 이제 기타 탭으로 이동하여 태그 필터링 사용을 클릭 할 수 있습니다 마침내 우리는 갤러리를 업데이트하거나 새로운 것이면 게시하고 갤러리 태그가 추가되었습니다 Envira 갤러리로 WordPress 이미지로

How to Install WordPress to GoDaddy 2019

이봐, 무슨 일이야? 안젤리토 여기 OvercomeTechnicalitiescom에서 이 비디오에서는 WordPress를 설치하여 웹 사이트를 올바르게 관리하는 방법을 배우게됩니다

WordPress는 아름다운 웹 사이트 또는 블로그를 만드는 데 사용할 수있는 오픈 소스 소프트웨어입니다 오늘날 가장 쉽고 강력한 블로깅 및 웹 사이트 콘텐츠 관리 시스템입니다 새로운 사람이라면 구독 버튼을 클릭하십시오 꼭 놓치지 않으려면 알림 벨을 클릭하면 동영상이 출시 될 때 알림을 받게됩니다 준비가되면 시작해 보겠습니다

사용자 이름과 암호를 입력하여 Godaddy 계정에 로그인하십시오 또는 이미 로그인 한 경우 페이지 오른쪽 상단의 프로필을 클릭 한 다음 내 제품을 선택하십시오 웹 호스팅 섹션에서 cPanel을 사용하는 경제형 Linux 호스팅이라고 말하면서, 오른쪽에있는 관리 버튼을 클릭하십시오 그리고 귀하의 호스팅 계정 페이지로 이동하게됩니다 페이지 오른쪽 상단의 cPanel Admin 버튼을 클릭하고 cPanel 호스팅 대시 보드로 이동할 탭이 열립니다

Cpanel 안에 있으면 검색 창에 "wordpress"를 입력하십시오 WordPress를 빠르게 찾은 다음 WordPress 로고를 누릅니다 이 응용 프로그램 설치 버튼을 클릭하십시오 이제 설치가 계속되기 전에 Settings 섹션으로 스크롤해야합니다 그리고 이것은 당신 자신의 것을 만들 필요가 있기 때문에 매우 중요합니다

귀하의 워드 프레스 사이트의 사용자 이름과 암호 기본적으로 자동 생성 된 사용자 이름이 여기에 표시됩니다 하지만 물론 이것을 변경하고 자신의 관리 사용자 이름이 필요합니다 비밀번호에 대해서도 동일하게하겠습니다 따라서 사용자 이름과 비밀번호를 유지하는 것이 중요합니다

이것이 WordPress에 로그인하여 사이트를 관리 할 때 사용하게 될 것이기 때문입니다 이것이 우리가 지금 가지고 있어야하는 모든 설정이며 WordPress를 설치할 준비가되었습니다 페이지 하단으로 스크롤하여 설치 버튼을 클릭하십시오 이제 설치 프로세스가 시작되고 완료하는 데 몇 초 밖에 걸리지 않습니다 WordPress 사이트에 액세스하려면 입력해야합니다

등록한 도메인 이름 앞에 슬래시를 추가 한 다음 wp-admin을 입력하십시오 WordPress를 설치하기 전에 사용한 사용자 이름과 암호를 입력하십시오 이제, 당신은 인사 할 WordPress 사이트에 로그인하게됩니다 WordPress를 설치 한 후에 한 번만 나타나는 WordPress 빠른 시작 마법사 이 경우 반드시해야 할 일은 감사 없음 버튼을 클릭하는 것입니다

우리가 WordPress를 독자적으로 구성 할 것이기 때문에 전체 제어에 적합합니다 팝업이 나타나면 OK (확인)를 클릭하여 계속 진행하십시오 그리고 그것이 WordPress 계정 대시 보드에 오신 것을 환영합니다 어쨌든, 만약 당신이 비디오를 즐기고 그것에있는 어떤 가치를 발견하면 그것을 엄지 손가락을 포기 고려하십시오 구독 버튼과 해당 알림 벨을 클릭하는 것을 잊지 마십시오

이런 경우에 더 많은 비디오 자습서가있을 때 알림을 받고 싶다면 토론에 추가 할 내용이 있다면 아래에 코멘트 섹션이 있습니다 나는 너에게 듣고 싶다 그 외에는 다음 비디오에서 보게 될 것입니다 희망이 당신을 위해 유익한 및 나는 당신을보고 주셔서 감사하고 싶습니다