Branding Expert Sunny Trochaniak Talks About Jupiter X WordPress Theme

목성은 위대하다 최고의 판매 테마이기 때문에 몇 달 안에 사라지지 않을거야

아름다운 웹 사이트를 설정하는 데 문제가있었습니다 그리고 나서 1 년 후 깨달았습니다 테마는 6 개월 만에 업데이트되지 않았습니다 그리고 그것은 종류가 어렵게 만든다 모든 기술이 뒤떨어져 있기 때문에 하지만 다른 점은 그것은 매우 사용자 정의가 가능하므로 쉽게 얻을 수 있습니다

실제로있을 필요없이 원하는 것을보세요 코더 또는 설계자 사용할 수있는 템플릿이 많이 있습니다 당신이 시작할 수있는 내가 사람들이 결과로 얻는 것을 본 관점에서 사이트 설정하기 개인적으로 저는 많은 직업 제공을 받았습니다 인터뷰 요청 나는 고객들에게 컨설팅을 해왔다 내가 결코 상상하지 못했던 나는 무작위로 사람들을 술집에서 나에게 데려왔다

그들이 내 블로그를 읽었다 고 말해줘 그리고 그들은 즐거웠다 사람들이 나에게 메시지를 전했다 프로젝트에서 함께 일하고 싶다 사람들에게 특정 주제에 대해 묻기 만했습니다

그리고 심지어이 인터뷰는 내가 2 년 전 개인 사이트를 개설했기 때문에 심지어 WordPress와 목성을 사용하여 드래그 앤 드롭 경험이므로 당신이 사실에 협박을 당하더라도 자신 만의 웹 사이트를 만들어야한다고 너는 한번도 해본 적이 없어 너는 HTML 또는 아무것도 몰라 기술은 실제로 존재하지 않아도 존재합니다 가고 하드 코어 웹 개발자가된다 나는 사람들이 자신의 개인 사이트를 갖고 싶어한다

내 인생에서 본 결과만으로 그래서 내 목표는 당신이 어떻게 알 수 없게 만들 수 있느냐였습니다 웹 사이트 또는 코딩 또는 디자인에 관한 모든 것 주말이 끝날 때까지 자신의 사이트를 갖는 것 또는 주말에 따라 네가 얼마나 열심히 일하는지 그래서 기본적으로 사람들은 그 과정을 겪습니다 모든 화면을 보여주는 단계별 내가 배운 몇 가지 요령을 알려주세요 도중에 내 경험에서 나온 것뿐입니다

동급 최고, 149마력 고성능 아반떼 등장

동급 최고, 149마력 고성능 아반떼 등장 현대차가 아반떼 20 모델과 하이테크 패키지를 출시했다 동력 성능과 엔진 효율성을 높인 아반떼 20 CVVT는 최고출력 149마력과 최대토크 18

3(kg·m)와 복합연비 128km/ℓ(자동변속기/정부 공동고시 연비 기준)를 달성했다 가격은 스마트 1934만원, 프리미엄 2258만원이다 아반떼 20 CVVT는 이달 중순 미국 LA 오토쇼에서 런칭해 내년부터 북미시장에서 본격 판매될 주력 모델이기도 하다 중중형 최초로 각종 첨단능동안전기술을 조합한 하이테크 패키지도 출시됐다

하이테크 패키지에는 자동 긴급제동 보조 시스템(AEB)과 스마트 크루즈 컨트롤(SCC), 차선이탈 경보 시스템(LDWS), 스마트 하이빔(HBA) 등 최첨단 기능을 포함하고 있다 하이테크 패키지는 16LPI 모델을 제외한 전 모델 프리미엄 트림에서만 선택이 가능하다

Promoting Digital Portfolio Using WordPress

WordPress에 전자 포트폴리오를 만드는 방법 먼저 이메일 계정이 있는지 확인하십시오 다음, wordpress

com으로 이동하십시오 다음으로, 오른쪽 상단에있는 "시작하기"를 선택하십시오 그런 다음 이메일 주소, 사용자 이름 및 비밀번호를 입력하십시오 그런 다음 만들 사이트의 종류를 선택하십시오 WordPress를 전자 포트폴리오로 사용하려면 "블로그"를 선택하십시오

나중에 WordPress에서 관심 분야에 따라 내용을 표시 할 수있는 항목을 선택할 수 있습니다 그런 다음 블로그 이름을 입력하십시오 그 후 블로그 주소를 작성하십시오 다음으로 링크 선택 항목이 나타납니다 제공된 무료 링크에서 "선택"을 클릭하십시오

암탉, "무료 사이트에서 시작"을 클릭하십시오 축하해, 블로그가 만들어졌습니다! '디자인'을 클릭하여 원하는대로 사이트의 모양을 변경할 수 있습니다 그런 다음 "Customizer"또는 "Themes"를 클릭하여 블로그 등장에 대한 테마를 선택하십시오 그런 다음 "관리"를 클릭하고 "설정"을 선택한 다음 "쓰기"를 선택하십시오 "콘텐츠 유형"에서 "포트폴리오 프로젝트"를 선택하십시오

이제 블로그를 사용할 준비가되었습니다 예를 들어 설명 텍스트와 같은 글쓰기를 시작하려면 "쓰기"를 클릭 한 다음 설명 텍스트를 입력하십시오 글쓰기가 더 매력적으로 보이도록 지원하는 그림을 추가 할 수 있습니다 행운을 빕니다! Terima Kasih sudah menonton 비디오 이미지입니다

Import Contact Form Entry Data to WordPress Tables (WP Fluent Form-Ninja Tables Integration)

프런트 엔드에 WP Fluent 양식 항목을 표 형식으로 표시 할 수 있습니다 그러나 방법? 그것의 WP 유창한 양식 – 제비 뽑기를 가지고있는 훌륭한 form builder plugin와 더불어 25+ 폼 입력 필드, 멀티 컬럼 및 필수 항목을 포함한 놀라운 기능 완성

그리고 Ninja Tables – Number 1 WordPress table plugin 당신 WordPress 대시 보드에 사전 설치된 WP Fluent Form 및 Ninja Tables를 볼 수 있습니다 이 자습서에서는 "지원 양식"이라는 양식을 만들고 WP 유창한 양식 그리고 그것에 몇 가지 항목을 넣어 이제 Ninja에서 해당 항목을 표시 할 수 있습니다 테이블 플러그인을 사용하여 프런트 엔드에 해당 항목을 삽입 할 수 있습니다

이를 위해 우리는 Ninja 테이블 플러그인으로 이동하여 "테이블 추가"를 클릭하십시오 그런 다음 "유창한 양식 연결"을 클릭하십시오 팝업 창에서 표에 제목을 지정하고 그 형식을 선택하십시오 우리는 Fluent Form으로 만들었습니다

따라서 마법이 시작됩니다 "지원의 모든 분야 양식 "이 열로 표시됩니다 표시하려는 필드를 선택하십시오

테이블을 만들고 "저장"하십시오 타다 네 탁자가 준비 됐어

너는 할 수있다 열 이름, 데이터 유형 등을 사용자 정의 할 때도 여기에 표를 사용자 정의하십시오 테이블 스타일 너무 원인은 "닌자 테이블"입니다 '닌자 테이블'을 사용하면 테이블 디자인, 반응 및 테이블 색상을 사용자 정의하십시오! "description"이라는 또 다른 열을 추가하는 것과 같은 몇 가지 사용자 정의 작업을 수행 할 수 있습니다 편집 그것을 미리 봅니다 그러나 묘사 칼럼은 다른 열

Ninja Tables는이 칼럼을 더 똑똑하게 만드는 솔루션을 제공합니다! 너에게 가라 테이블 편집기, "설명 열"편집 및 "반응 형 브레이크 포인트"사용자 정의 구하다 미리보기 탭을 설정하고 다시로드하십시오 Ninja Tables의 마술을 참조하십시오 승인, 통합 부분이 완료됩니다

이제 WP Fluent Form으로 돌아가십시오 지원의 "미리보기"를 클릭하십시오 form 그리고 누군가가 폼을 채울 때 어떤 일이 일어나는지 볼 수 있습니다 이름을 "항목"으로 "새로운"성으로 채우고 다른 모든 필드는 "양식 제출"을 클릭하십시오 여기에 확인 메시지가 표시됩니다

그 중 하나입니다 WP 유창한 양식의 가장 똑똑한 특징 이제 다시 Ninja Tables 미리보기 페이지로 이동하면 새 항목 "새 항목"이 자동으로 표시됩니다 여기에 추가되었습니다 이것은 "WP Fluent Form"과 "Ninja"의 매우 강력한 조합입니다

테이블, 실제 생활에 도움이됩니다 그리고 두 제품 모두 완전히 비어 있는! 그래서 뭘 기다리고 있니? 닌자 테이블 및 WP 유창한 양식 잡아서 만들기 귀하의 워크 플로우는 이전보다 더 똑똑합니다

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 플러그인이 많이 있습니다

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

지켜봐 줘서 고마워

워드프레스 페이지 로딩 이미지, 애니메이션 만드는 방법과 반드시 알아야 할 팁

실전 압축 꿀팁 gkkmoncom 개꿀몬 입니다

정보영상이 질질 끌어서 시간낭비 시키는걸 극혐하기 때문에 최대한 영상은 짧게 말은 빠르게 글자는 많이 첨부해서 가장 빠른 속도로 꿀팁을 얻어갈 수 있게 제작합니다 워드프레스에서 페이지 로딩 이미지 애니메이션을 만드려면 플러그인이나 코드보다 먼저 생각 해야 할 것이 바로 사이트의 속도와 실제 사용자의 이탈 타이밍 입니다 우선 중요한 핵심은 로딩 이미지 는 로딩시간을 지루하지 않게 혹은 페이지가 멈춘것이 아니라 는 정보를 전달해주는 역할을 하긴 하지만 뭐가 어찌됐건 로딩 이미지가 없을때보다 로딩 속도가 더 느려지는것이 팩트입니다 그 다음 핵심은 실제 사용자의 이탈 타이밍인데 모바일 평균 3초 이상 로딩 시간이 지연되면 상당수의 사용자가 이탈한다 고 합니다 실제로 구글등의 모바일 속도 최적화 사이트에서도 3초를 최적화의 기준으로 두고 있습니다

이 두 가지 핵심 팩트를 조합하면 간단하고 효과적인 정답이 나옵니다 즉 페이지의 로딩 속도가 3초 미만이면 아직 사용 자가 이탈하기 전이니까 괜히 로딩 플러그인 등을 첨부해서 더 느리게 만드는것보단 차라리 빨리 결과가 나올 수 있게 사용하지 않는것이 더욱 사용자 이탈 방지에 효과적입니다 반대로 페이지 로딩 속도가 3초 이상인 사이트에선 평균 이탈시간인 3초가 지나 사용자가 이탈하기 전에 아직 페이 지를 불러오는 중이니 안심하라 라는 메세지가 담겨있는 로딩 이미지를 구현하는것이 이탈 방지에 더욱 효과적입니다 고로 사이트가 충분히 빠르다면 괜히 로딩이미지를 욕심내지 말고 필연적으로 느릴수밖에 없는 사이트 구조라면 다음에 나오는 방법을 통해 로딩 이미지를 구현하도록 합시다 워드프레스 사이트에서 로딩 페이지를 만드는 방법은 직접 코딩을 통한 방법과 플러그인을 사용하는 2가지 방법이 있습 니다

플러그인을 최대한 사용하지 않고 직접 코딩하는 방법으로 속도를 챙기는 개꿀몬이지만 로딩 이미지 같은 경우는 속도 기능 필요한 기술력 등 모든 면 에서 플러그인을 사용하는것이 눈에띄는 이득이 있었습니다 플러그인들의 사용법은 모두 굉장히 단순하기 때문에 개꿀몬이 직접 사용해본 로딩이미지 플러그인 들의 속도와 기능에 대한 후기로 진행하겠습니다 참고로 검색하면 많이들 추천하는 'preloader by sws' 'preloader by wordpress monsters' 플러그인 은 더이상 업데이트도 되지 않고 제대로 가동하지 않는 플러그인 이기 때문에 안쓰시면 됩니다 첫 번째 플러그인은 'preloader' 입니다 속도는 느림 보통이고 기능은 평범합니다

페이지 로더 플러그인이 갖춰야 할 기능들은 기초적으로 어느 정도 다 갖춘 녀석입니다 또한 플러그인 업체에서 자체적으로 운영하고있는 로딩이미지 생성 사이트를 통해 손쉽게 고품질의 로딩이미지를 얻고 적용시킬 수 있습니다 하지만 이 사이트에서 로딩 이미지 만 만들고 다른 플러그인에 서 적용시켜도 되고 가장 큰 단점 은 역시 속도가 별로입니다 보통은 느리고 최적화를 아주 잘 해봐야 보통정도의 속도가 나옵니다 주의사항으론 플러그인을 설치하고 활성화한 뒤 'div idwptime-plugin-preloader/div' 라는 코드를 사이트의 'header

php '의 body안에 넣어줘야만 작동합니다 다음은 'loading page with loading screen ' 입니다 속도는 매우 빠르고 기능은 참신하고 다양합니다 기본적인 페이지 로더의 기능을 하는 녀석들 중에선 가장 빠 르고 때문에 그나마 가장 훌륭합니다 약간 버벅거리는 듯한 무브가 있지만 속도가 빠르기 때문에 커버됩니다

설치 후 바로 사용할 수 있고 기본적으로 사용할 수 있는 로딩 아이콘의 퀄리티도 준수하며 퍼센트로 로딩 화면을 보 여주는 로딩 퍼센트바 기능 등 여러가지 기능을 사용할 수 있습니다 기능이 꽤나 다양하기 때문에 본문 링크에서 자세한 기능들을 확인하시길 바랍니다 이 플러그인에서 가장 재미있는 기능은 역시 'include an ad or your own block of code' 기능인데 로딩 화면에 광고나 문구를 자유롭게 띄울 수 있습니다 때문에 여러가지 방법으로 활용이 가능한 녀석입니다 마지막은 'loftloader' 입니다

속도 는 느림보통이지만 애니메이션이 굉장히 부드럾습니다 기능은 애니메이션 효과에 중점을 두고 만든 플러그인입니다 다른 플러그인이 '로딩 이미지' 느낌이라면 'loftloader' 는 확실히 '로딩 애니메이션' 느낌이 물씬 풍깁니다 화려하고 부드러운 로딩 애니메이션 이 굉장히 역동적이고 고급 스러워 로딩속도보다 퀄리티가 중요한 페이지에서 활용할 수 있는 녀석입니다 때문에 장점은 퀄리티고 단점은 역시나 속도입니다

암만 이뻐봤자 속도를 중요시하는 개 꿀몬 같은 유저에겐 불필요한 녀석입니다 또한 특정 모바일 기기 와 브라우저에선 전체화면 으로 표시되지 않고 짤리는 현상 이 있습니다 플러그인들을 요약하자면 'preloader'는 평범 'loading page with loading screen' 은 빠 름 'loftloader'는 퀄리티라고 할 수 있 겠습니다 현대의 빠른 인터넷 환경에선 앞서 말했다시피 모바일 평균 3초 이상 로딩이 지연되면 대부분의 사용자가 이탈합니다 때문에 로딩 이미지는 본인의 사이트 속도에 맞춰 득이 될수도 독이 될수도 있다는 점을을 잘 파악 하도록 합시다

자세한 내용은 원문링크나 gkkmoncom에서 확인할 수 있습니다

WordPress plugin vulnerable, Instagram? Instahack!, Bulging with Bulgarians, and more.

안녕하세요, 저는 Paul Torgersen입니다 그것은 화요일, 7 월 16 일, 2019이며 이것은 정보 보안 소식

BleepingComputercom에서 : 중요한 보안 문제가에서 발견되었습니다 200,000 개가 넘는 웹 사이트에 현재 설치되어있는 Ad Inserter WordPress 플러그인입니다 이 취약점은 check_admin 인증의 사용으로 발생하며 공격자가 원격으로 코드를 실행합니다 ThreatPostcom : 연구원이 30,000 달러의 벌금을 벌었습니다

Instagram 계정에서 큰 약점을 발견 한 후 Facebook 150 달러 정도면, 그는 계정을 탈취하기 위해 모바일 복구 프로세스에 무차별 공격을 사용할 수 있습니다 모든 사용자 SecurityWeekcom : 해커는 전송 된 미디어 파일을 조작 할 수 있습니다

Android에서 앱에 액세스 할 수있게 해주는 방식으로 WhatsApp 및 Telegram 응용 프로그램을 통해 외부 저장소에있는 파일 이 "미디어 파일 자물쇠"는 시간 사이에 파일을 수정합니다 그것들은 디스크에 기록되고 응용 프로그램의 사용자 인터페이스에로드됩니다 BleepingComputercom : 멀웨어 연구원이 새로운 발견 파일 암호화 맬웨어 DoppelPaymer 그것의 이름과 그것의 큰 부분이 걸립니다

코드, BitPaymer ransomware에서 지금까지 확인 된 세 명의 희생자가 있습니다 암호 해독 키의 요청 된 비용은 2 ~ 100 비트 코 인입니다 ThreatPostcom : 신비한 해커가 개인 정보를 도용했습니다

수백만 명의 불가리아 인에 대한 세부 정보를 수집 한 후 도난당한 데이터를 현지 뉴스에 이메일로 보냈습니다 간행물 데이터의 출처는 국가의 국세청 불가리아 700 만 시민 중 최소한 5 백만 명에 대한 데이터가 포함 된 것으로 보인다 그리고 그것은 오늘 나를위한 전부입니다 하루의 좋은 휴식과 내일까지의 휴식을 즐기십시오

저 밖에

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가되었습니다

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