OceanWP 3.0 – 이번 여름은 바닐라에 관한 모든 것

OceanWP는 이제 더 빠르고 매끄럽고 안정적입니다! 현대화된 객체 지향 코드를 사용하여 훨씬 적은 리소스와 훨씬 적은 종속성을 사용하여 기능을 신속하게 실행합니다.

기대가 컸던 모든 분들께 맛있는 바닐라 아이스크림을 선물로 드립니다. 죄송합니다! 그래도 여전히 상쾌한 기분입니다. Vanilla JavaScript와 새로운 OceanWP 3.0 버전 에 대해 이야기하고 있습니다.

예정된 변경 사항 및 개선 사항을 설명하기 전에 몇 가지 기본 사항을 살펴보겠습니다 . 이는 사용자(주로 코드에 익숙하지 않은 사용자 )가 향후 변경 사항의 이점을 이해하는 데 도움이 됩니다.

자바스크립트란?

JavaScript는 프론트 엔드(코딩/프로그래밍) 언어입니다. 주요 목적은 특히 슬라이더나 반응형 탐색 메뉴와 같은 소위 움직이는 부분에 대해 애니메이션 효과를 만드는 것이었습니다 .

우리는 여러분 모두가 JavaScript 기능을 활성화할지 여부를 브라우저에서 묻는 상황을 경험했다고 확신합니다. JavaScript는 항상 모든 웹사이트 브라우저의 일부였습니다 . 따라서 플러그인이나 스크립트를 사용하여 JavaScript를 웹사이트에 별도로 포함할 필요가 없습니다.

워드프레스와 자바스크립트

JavaScript는 WordPress CMS의 일부입니다 .

JavaScript는 다양한 형태로 존재 하므로 WordPress가 많은 JavaScript 라이브러리와 함께 번들로 제공되는 것은 놀라운 일이 아닙니다. 그러나 사용되는 주요 기능은 다음과 같습니다.

• 제이쿼리,
• JSON,
• 밑줄 및
• 등뼈.

왜 우리는 이러한 세부 사항으로 당신을 지루하게합니까?

"일부 속도/최적화 도구가 웹사이트 속도를 늦추고 있다고 제안"했기 때문에 사용자가 웹사이트에서 jQuery를 제거하는 데 도움을 요청하는 지원 요청을 수없이 받았습니다 .

이러한 상황은 사용자가 그러한 평가 도구가 정확하고 완벽하지 않다는 것을 이해하는 데 시간이 걸릴 것임을 깨닫게 했습니다. 또한 WordPress의 "under the hood" 기능, 따라서 WP 테마 및 플러그인에 익숙하지 않은 WordPress 사용자가 많다는 통찰력을 얻었습니다.

(온라인) 평가 도구를 더 잘 이해 하려면 전체 WordPress 기능에 대한 필수 지식이 필요 합니다. 프로그래밍 언어를 배우거나 WordPress 개발자가 될 계획이 없더라도 이 정보는 특정 도구의 "보고서"가 정확한지 거짓인지 판단하는 데 도움이 됩니다. 결국 보고서에 대해 조치를 취할 수 있는지 여부를 즉시 알 수 있습니다.

일반 영어에서는 모든 JavaScript 라이브러리 중에서 jQuery가 가장 일반적으로 사용되는 라이브러리 입니다. WordPress 자체뿐만 아니라 테마 및 플러그인으로도 가능합니다.

요약 하면 WordPress 웹 사이트에서 jQuery를 제거할 수 없습니다 .

제이쿼리란?

WordPress 사이트뿐만 아니라 인터넷의 100만 상위 웹사이트 중 80%가 jQuery를 사용한다는 사실을 알고 놀라시겠습니까?

jQuery는 매우 가볍고 유연하며 확장성이 뛰어나고 (개발자의 관점에서) 매우 사용하기 쉬운 JavaScript 라이브러리 입니다.

jQuery는 AJAX 요청, 이벤트, 애니메이션, CSS 조작 및 전체 웹사이트의 프런트 엔드 기능과 같은 복잡한 작업을 만들고 처리하는 데 도움이 됩니다 . 다른 JS 라이브러리에 비해 복잡한 작업은 최소한의 코딩이 필요하기 때문에 jQuery로 더 쉽게 달성할 수 있습니다.

결국 jQuery의 모토는 "적게 쓰고 더 많이" 입니다.

OceanWP 및 jQuery

물론 지금쯤이면 짐작하셨을 것입니다.

OceanWP는 jQuery를 사용하고 있습니다. Elementor 및 WooCommerce와 같이 가장 좋아하는 플러그인도 jQuery를 실행합니다.

OceanWP를 막 시작했거나 최소한 고려 중인 사용자를 위해 OceanWP는 WooCommerce 및/또는 Elementor에 사용할 수 있는 최고의 테마 중 하나입니다. 모든 OceanWP 기능을 확인하거나 전체 웹사이트 데모 템플릿을 미리 보십시오.

2016년부터 jQuery의 도움으로 사용자가 하나의 WordPress 테마로 불필요한 추가 플러그인을 사용하지 않고도 더 많은 작업을 수행하고 달성할 수 있도록 도울 수 있었습니다. 말할 필요도 없이 우리는 OceanWP에 대해 이야기하고 있습니다.

jQuery 모토와 비교할 때 우리의 모토는 크게 다르지 않습니다. OceanWP의 목표는 초보자부터 전문가 까지 모든 유형의 놀라운 웹사이트 (전자상거래, 블로그, 포트폴리오) 를 빠르고 원활하고 사용자 친화적인 방식으로 구축할 수 있도록 하는 것입니다. 사용자로부터 받은 피드백과 리뷰로 판단할 때 우리는 성공적이었습니다.

가장 중요한 것은 우리는 이 전통을 계속해서 개선할 계획이라는 것 입니다.

이것이 jQuery에서 Vanilla JavaScript로 전환 하는 이유입니다.

바닐라 자바스크립트란 무엇입니까?

Vanilla JavaScript 또는 Vanilla JS는 일반 JavaScript에 사용되는 대중화된 용어 입니다.

jQuery 또는 Underscore JS와 달리 Vanilla JS는 프레임워크나 라이브러리를 종속성으로 사용하지 않고 처음부터 코딩하는 것을 의미합니다 .

일반 영어에서 Vanilla JS는 특별한 유형의 JavaScript가 아니라 가장 순수한 형태의 JavaScript입니다 . 따라서 처음에 이미 언급했듯이 이미 모든 브라우저에서 사용 및 지원되고 있습니다.

바닐라 JS라는 용어는 어디에서 왔습니까?

그것은 실제로 재미있는 사실이며, 믿거나 말거나 실제 바닐라 아이스크림과 관련이 있습니다. 바닐라 아이스크림은 첫 번째 형태 또는 아이스크림 맛을 나타냅니다. 따라서 제과점에서 맛을 지정하지 않고 아이스크림을 주문하면 바닐라를 받게 됩니다.

OceanWP와 바닐라

OceanWP가 처음부터 Vanilla JavaScript를 사용하지 않은 이유는 무엇입니까?

슬프게도, 둘 중 하나를 사용하는 것이 가장 좋은 시기를 지정하는 규칙집이나 가이드북 같은 것은 없습니다.

프로그래밍 언어 , 특히 PHP와 JavaScript(WordPress에서 주로 사용되는 CSS 중)는 끊임없이 발전합니다. 코드를 불필요하게 부풀리지 않고 어떤 언어가 작업을 가장 잘 수행할 것인지 결정하는 것은 개발자의 몫입니다.

JavaScript 또는 그 "자식"과 관련하여 여기 OceanWP에서 수년 동안 jQuery가 완벽한 선택이었습니다.

결국 JavaScript는 jQuery와 동일한 작업을 수행하면서 동시에 더 빠르게 실행할 수 있다는 면에서 충분히 성숙했습니다 . 그리고 바로 그 순간이 바로 우리가 기다려온 순간입니다.

jQuery를 사용하면 내 웹사이트가 느려집니까?

앞서 언급했듯이 jQuery는 가장 빠르고 가장 널리 사용되는 JS 스크립트 중 하나입니다.

스크립트만으로는 웹사이트가 느려지지 않습니다. 웹사이트의 성능에 영향을 미치는 것은 코드의 품질입니다(다른 내부 및 외부 요인 중).

그리고 기능이 풍부한 OceanWP 웹사이트가 기능이 가장 적은 다른 테마와 동일하거나 훨씬 더 나은 성능을 발휘하도록 만든 것은 바로 동일한 코드 품질입니다.

OceanWP는 jQuery를 완전히 제거합니까?

이 질문에 대한 짧은 대답은 – 아니오입니다.

긴 대답과 복잡한 개발자 용어 없이도 jQuery만이 수행할 수 있는 작업 이 여전히 있습니다. 또는 이러한 jQuery 코드를 대체할 바닐라 JS 코드가 없다는 것이 더 좋습니다.

즉, OceanWP는 테마 및 모든 플러그인 내의 코드에서 여전히 jQuery를 사용 하지만 최소 수준에서는 .

OceanWP의 Vanilla JS가 jQuery를 실행하는 플러그인에 영향을 줍니까?

OceanWP 를 Vanilla JS로 전환하는 것은 부정적인 영향을 미치지 않으며 jQuery를 사용하는 플러그인과 충돌을 일으키지 않습니다 .

사실, 전반적인 웹사이트 경험, 특히 웹사이트 방문자의 경험이 크게 향상 됩니다. 향상된 코딩으로 OceanWP는 이제 안정성을 보장하고 가능한 JS 충돌 가능성을 최소화하는 훨씬 적은 종속성에 의존합니다. 가장 중요한 것은 훨씬 적은 리소스를 사용하여 기능을 더 빠르게 실행한다는 것입니다.

OceanWP 3.0은 언제 출시되나요?

OceanWP에서 Vanilla JS를 사용하는 시대는 버전 3.0부터 시작됩니다.

새로운 WordPress 5.8 버전이 예상되는 정확한 날짜인 7월 20일에 공식 릴리스를 기대할 수 있습니다.

그리고 가장 중요한 부분 인 업데이트를 준비합니다 .

OceanWP 테마 외에 다음 Ocean 확장도 바닐라로 업그레이드되었습니다.

• 오션 포스트 슬라이더,
• 오션 스틱 무엇이든,
• 오션 모달 창,
• 해양사회나눔,
• 해양 제품 나눔,
• 바다 스티커 헤더,
• 바다 스티커 바닥글,
• 오션 팝업 로그인,
• 오션 우 팝업,
• 바다 전체 화면,
• 오션 엘리멘터 위젯,
• 오션 사이드 패널,
• 오션 쿠키 고지,
• 오션 포트폴리오.

Ocean Extra 1.7.8 업데이트도 출시되었지만 이 플러그인에는 바닐라 변경 사항이 포함되어 있지 않습니다.

OceanWP 바닐라 JS 업데이트를 준비하는 방법

OceanWP와 함께 Vanilla JS 버전의 모든 플러그인이 같은 날 릴리스됩니다.

올바른 업데이트 순서는 다음과 같습니다.

1. 모양 > 테마를 통해 OceanWP를 업데이트 한 다음
2. 플러그인 > 설치된 플러그인을 통해 모든 Ocean 플러그인을 업데이트하십시오 .

업데이트하기 전에 필요한 예방 조치를 취했는지 확인하십시오.

먼저 로컬 호스트 또는 스테이징 웹 사이트에서 새 릴리스를 테스트하십시오.

이것은 주요 업데이트임을 기억하십시오.

가장 좋은 방법은 localhost, 테스트 또는 스테이징 환경에서 새로운 변경 사항을 테스트하는 것입니다.

어디에서나 업데이트를 테스트할 수 있는 옵션이 없다면 즉시 업데이트하지 마십시오 . 피드백을 수집하고 업데이트하기에 안전한지 확인할 때까지 며칠 또는 일주일 동안 기다리십시오.

모든 것이 정상이더라도 업데이트 중에는 항상 문제가 발생할 수 있습니다. 결국 소프트웨어의 나쁜 점은 소프트웨어라는 것입니다.

웹사이트를 제대로 백업해야 합니다 . 호스팅 백업에만 의존하지 말고 수동 백업도 수행 하여 안전한 장소에 데이터를 저장하십시오. WordPress 재설정 플러그인(WordPress 데이터베이스 재설정과 혼동하지 말 것)을 사용하는 경우 웹사이트 스냅샷을 생성할 수도 있습니다.

중요: 업데이트 후 필요한 경우 여러 번 캐시를 완전히 제거 해야 합니다. CDN(클라우드) 캐시도 마찬가지입니다.

OceanWP와 함께 바닐라 JS를 사용하는 방법

Vanilla JS를 최대한 활용하려면 테마 패널 > 스크립트 및 스타일 을 통해 모든 스크립트를 항상 활성화해야 합니다 .

간단한 설명: 스크립트를 비활성화하면 완전히 새로운 파일이 생성되어 웹사이트의 설치 폴더에 저장되며 기본 OceanWP 테마 스크립트를 사용하는 대신 웹사이트의 프런트 엔드에 적용됩니다.

긴 설명: Scripts & Styles (Ocean Extra 플러그인의 일부) 옵션이 도입되었을 때 모든 사람이 좋은(무료) 캐싱 플러그인에 액세스할 수 없었습니다. 시간이 지남에 따라 상황이 바뀌었습니다. 좋은 최적화 및 캐싱 플러그인을 실행하고 있다면 스크립트를 비활성화할 필요가 전혀 없습니다.

중요: 필요한 경우 여러 번 캐시를 완전히 제거 해야 합니다. CDN(클라우드) 캐시도 마찬가지입니다.

모든 스크립트를 활성화하면 내 웹사이트에 부정적인 영향을 줍니까?

아니요, 그렇지 않습니다.

이것이 우리가 Vanilla JS를 도입한 주된 이유 중 하나이기도 합니다. 그러나 우리는 여기서 멈추지 않을 것입니다.

코드에서 조건부 스크립트 로딩을 사용 하지만(필요한 경우에만 프론트엔드에서 스크립트를 로드함) 바닐라 릴리스 이후에는 이 기능을 더욱 향상시킬 계획입니다. 기본적으로 이전에 Scripts & Styles 기능에서 제공했던 기능을 자동화 할 계획입니다.

무엇 향후 계획?

다음 단계는 웹사이트의 향상된 성능을 즐기는 것입니다.

버그나 문제를 발견하면 GitHub 페이지에서 또는 지원 티켓 또는 사전 구매 티켓을 제출하여 철저하고 심층적인 피드백을 제공하십시오.

우리는 지속적인 개선을 위해 최선을 다하고 있습니다. 우리의 목표는 귀하와 귀하의 웹사이트 방문자가 OceanWP를 최대한 활용할 수 있도록 하는 것입니다. 향후 업데이트의 경우 성능, 더욱 향상된 접근성, 새로운 기능 및 스타일, 기존 코드 개정에 중점을 둘 것입니다 .

OceanWP는 WordPress 커뮤니티를 위해 만들어졌습니다 . 당신의 아이디어로 기여하고 싶다면 우리가 더 잘할 수 있고 더 잘할 수 있다고 믿는 방법을 알려주십시오. 기능 요청 양식을 사용하여 기능 및 개선 사항에 대한 아이디어를 공유하십시오.

로스; INR. (긴 것이든 짧든, 나는 결코 읽지 않음):

우리는 주요 업데이트를 발표하고 있습니다 .

OceanWP 및 Ocean 플러그인을 업데이트하기 전에 수동 백업을 포함한 웹사이트 백업을 수행하십시오 .

가장 좋은 방법은 테스트, localhost 또는 스테이징 환경에서 모든 업데이트를 테스트하는 것 입니다. 업데이트를 테스트할 기회가 없으면 즉시 업데이트하지 마십시오. 피드백을 수집할 때까지 며칠 동안 업데이트를 기다리세요.

문제 또는 문제가 있는 경우 가능한 버그에 대해 알려주거나 티켓을 제출하십시오.