워드프레스 5.3 업데이트 & *쿠텐베르그

워드프레스 5.3 업데이트 & *쿠텐베르그

워드프레스 5.3 의 변화

2019년11월12일 출시, 최소 PHP 7.0

업데이트된후 알림판에서 반응속도가 많이 개선된것 같습니다.

설치된 플러그인수가 많은 사이트에서도 비교적 안정적인 속도를 보여줍니다.

아래는 외국사이트에서 구글번역내용과 혼용 되었습니다.

1. 사이트 상태 점검 도구

사이트 상태 확인 도구는 문제를 해결하는 데 유용한 디버깅 도구입니다. 다음과 같은 기능을 제공합니다.

  • 사이트 상태 –이 상태는 WordPress 구성, PHP 버전 또는 웹 사이트 보안과 같이 사이트에 문제가 있음을 나타냅니다. 첫 번째 버전에서는 사이트 상태가 백분율로 표시되었습니다. 최신 버전의 WordPress에는 “개선해야 함”과 같은 텍스트 권장 사항과 함께 사이트의 상태에 따라 색칠 된 기호 만 표시됩니다.
  • 사이트 상태 정보 – 이것은 WP 사이트의 기본 설정 및 기술 매개 변수에 대한 실질적인 개요입니다. 여기에서는 현재 버전의 WordPress, 활성 테마 및 플러그인에 대한 정보와 서버 및 데이터베이스에 대한 정보를 찾을 수 있습니다. 한 곳에서 사용 가능한이 모든 데이터는 문제를 신속하게 해결하는 데 도움이됩니다.

2. PHP 오류 방지

WordPress 버전 5.2는 PHP 업데이트를 보호합니다. 시스템이 치명적인 오류를 감지하면 테마 또는 플러그인을 일시 중단하여 문제를 일으 킵니다. 그러나 관리자는 백엔드에 로그인하여 수정할 수 있습니다. 이 새로운 기능은 치명적인 오류로 인한 흰색 화면도 차단합니다.

3. 블록 및 블록 편집기 개선

WordPress 버전 5.2에서는 이전 버전에 비해 블록이 더 빨리로드되는 것을 알 수 있습니다. 또 다른 중요한 변화는 Image 및 Block resizer의 개선이었습니다.

4. 일반 변경

주목할만한 다른 중요한 변경 사항은 다음과 같습니다.

  • PHP 코딩 표준 업데이트
  • 개발자 향상 (예 : JavaScript 작성)
  • 새로운 이모티콘과 대시 아이콘
  • 보안 향상

WordPress 5.3의 새로운 기능 계획

간단히 말해 Gutenberg 플러그인 버전 6.5의 모든 새로운 기능이 이제 WP 5.3 코어에 추가되었다고 가정 해 봅시다. 기본적으로이 플러그인의 최신 12 개 릴리스가 포함됩니다. 모든 개발자와 WordPress 애호가는 2019 년 10 월 8 일 이후로 WordPress 5.3 베타 3 버전을 테스트 할 기회와 기회를 가졌습니다.이 업데이트의 모든 새로운 기능과 주요 드라이버를 미리 시험해볼 수있었습니다.

베타 3을 테스트 할 기회가 없다면, 지금 기대할 수있는 것을 읽을 수 있습니다. WordPress 5.3 릴리스 날짜는 2019 년 11 월 12 일이며 그 시점이 릴리스되었습니다.

1. WP 관리자의 시각적 변경

가장 먼저 눈에 띄는 것은 입력 주변의 새로운 강조 표시 테두리와 둥근 모서리입니다. 약간의 그래픽 디자인 변경으로 WordPress 개발자는 관리 UI에 더 많은 관심을 기울이고 양식뿐만 아니라 입력을 더 눈에 띄게 만들고 싶습니다.

2. 현재 워드 프레스 블록의 기능 개선

WP 5.3의 새로운 기능은 블록의 접근성을 높이고 사용성을 단순화합니다. 따라서 그들과 함께 작업하는 것이 이전보다 훨씬 쉽습니다.

  • 블록 어 펜더
    블록 어 펜더는 여러 블록을 동시에 작동하는 블록으로 작업 할 때 사용자 방향을 단순화하는 새로운 기능입니다. 여기에는 Columns 블록 또는 새로운 Group 블록이 포함됩니다 (나중에 다시 설명하겠습니다). 지금까지 열에 다른 블록을 삽입 할 때 전체 블록 표면이 흰색이어서 사용자를 혼란스럽게 할 수있었습니다. 블록이 에디터의 흰색 영역과 블렌드됨에 따라 클릭 위치를 명확하게 알 수 없었습니다. 블록 어 펜더는 빈 블록을 회색으로 표시하여 UI를보다 명료하게 만듭니다.

블록 어 펜더

블록 어 펜더는 여러 블록 내에서 작업 프로세스를 단순화합니다

 

  • 열 블록의 변경 사항
    Inspector의 슬라이더를 사용하여 열 너비를 조정할 수있는 새로운 기능이 열 블록에 추가되었습니다. 기술적으로 숙련되지 않은 사용자는 블록의 사전 정의 된 레이아웃 중에서 선택할 수있는 옵션 인 또 다른 개선점에 감사 할 것입니다. 원하는 열 수와 정렬을 선택할 수 있습니다. 열 블록의 또 다른 새로운 기능은 수직 정렬입니다.

열 블록의 사전 정의 된 레이아웃

열 블록의 새로운 기능 – 선택할 수있는 기본 레이아웃 스타일

 

  • 테이블 블록 변경
    WP 5.3의 향상된 기능 덕분에보다 깔끔하고 명확한 테이블을 만들 수 있습니다. 더 잘 사용자 정의 할 수도 있습니다. 이제부터 Table 블록은 테이블에 머리글과 바닥 글을 추가하고 테이블 행의 텍스트 정렬을 지원합니다. 더 독창적 인 모양을 얻기 위해 테이블의 배경색을 설정할 수도 있습니다.

테이블 블록 검사기의 새로운 설정 옵션

테이블 블록의 향상된 설정

 

  • 갤러리 블록에서 이미지의 단순화 된 재정렬
    WordPress 5.3의 또 다른 새로운 기능을 사용하면 갤러리의 이미지 순서를 매우 빠르게 변경할 수 있습니다. 화살표를 클릭하면 이미지가 앞뒤로 이동합니다. 전부는 아닙니다. 새로운 기능 갤러리 캡션도 추가되었습니다.
  • 최신 게시물 블록 뉴스
    WordPress 최신 게시물 블록의 새로운 기능 발췌를 삽입하고 컨텐츠 반복을 게시하는 옵션입니다.
  • 목록 블록의 변경 사항
    이제부터 목록 블록을 사용하면 시작 값을 입력하고 역순을 입력 할 수 있습니다.
  • 작은 여러 블록으로 지원하는 기능
    – 수직 정렬 미디어 및 텍스트 블록
    – 크기 조정 이미지 가능성을 커버 블록 내에서
    – 새로운 원형 작물의 변화 이미지 블록의
    구분 블록을 지정할 수 있습니다 테두리 색상 –

3. 새로운 블록

최신 버전의 WordPress 덕분에 작업 할 수 있도록 새로운 WordPress 블록이 코어에 추가되었습니다.

  • 소셜 링크 블록 소셜 링크 블록을
    사용하면 웹 사이트에 소셜 미디어 버튼을 쉽게 삽입 할 수 있습니다. 사용 가능한 소셜 아이콘 중 하나를 클릭하고 URL을 삽입하십시오.
  • 그룹 블록
    WordPress 버전 5.3의 가장 큰 기능 중 하나는 그룹 블록입니다. 다른 기존 블록을이 블록에 추가하고 필요한 경우 이동할 수 있습니다. 하나에 여러 블록을 삽입하여 다른 페이지 레이아웃을 만들 수 있습니다. 그룹 블록을 사용하면 배경색을 선택할 수 있습니다. 새 그룹 블록이 유용하지만 현재는 클러스터 블록과 달리 기능이 제한되어 있습니다. Ait Themes의 클러스터 블록은 얼마 전에 출시되었으며 익숙하지 않은 사람들을 위해 다른 블록을 최고 수준으로 그룹화 할 수있는 블록이기도합니다. 또한 배경색뿐만 아니라 색상 오버레이와 함께 배경 이미지를 사용할 수 있습니다. 클러스터 블록으로 모든 사용자 정의 레이아웃을 만들 수 있습니다.

4. 스낵바 통지를 통한 새로운 통지 방법

WordPress 5.3에는 Snackbar notices라는 새로운 기능이 있습니다. 이는 작고 겸손한 알림으로 특정 작업이 완료되었음을 알려줍니다 (예 : 게시물이 저장 또는 게시 됨). 이 알림의 장점은 페이지 하단에 표시되고 짧은 시간 후에 사라진다는 것 입니다. 클릭하기 위해 클릭 할 필요가 없습니다. 그들은 사용자를 방해하거나주의를 산만하게하지 않습니다.

5. 고해상도 이미지 업로드 및 자동 회전

최신 버전의 WordPress 5는 고품질 이미지를 지원하고 해당 이미지를 더 잘 처리하는 방법을 제공합니다. 이미지 업로드에 실패하면 (업로드 프로세스 실패) WordPress는 중단 지점에서 나머지 이미지 업로드를 재개합니다. 사용자에게 큰 이점은 업로드하는 동안 이미지가 자동으로 회전한다는 것입니다.

6. 새로운 기본 테마  Twenty Twenty

새로운 WordPress 기능과 함께 2019 년 말에 Twenty Twenty라는 새로운 테마가 출시되었습니다.이 테마는 기본적으로 WordPress 블록 편집기 내에서 블록을 사용할 수있는 옵션을 홍보하는 쇼케이스입니다.

7. 타자기 경험

더 나은 사용성 관점에서, 특히 휴대 전화를 사용할 때 텍스트를 작성하는 개선 된 방법에 감사하게 생각합니다. 타자기 경험을 통해보다 부드럽게 작성할 수 있습니다. 쓰기의 초점을 고정시키고 동시에 페이지 하단의 여백을 일직선으로 유지하여 텍스트 오버플로를 방지합니다.

8. 자동 저장 기능

또 다른 큰 특징은 인터넷 중단시 로컬 자동 컨텐츠 저장 기능입니다. 자동 저장 기능 덕분에 사용자는 자신의 웹 사이트에 대한 변경 사항을 잃지 않습니다.

9. + WordPress 5.3의 기타 유용한 변경 사항

  • 6 개월마다 관리자 이메일 알림 –이 확인을 통해 이메일 주소 변경시 관리자가 잠기는 것을 방지합니다.
  • 다른 사용자가 주석을 추가 할 때 권한 검사가 향상되었습니다.
  • 컨텐츠 작업을 개선하기 위해 텍스트 확대
  • 시간 / 날짜 구성 요소 수정
  • 블록 간 단순화 된 스위칭
  • 한 번의 클릭으로 로컬이 아닌 블록을 추가하는 실험적 기능
  • 새로운 애니메이션
  • PHP 스프레드 연산자
  • PHP 7.4 호환성 및 더 이상 사용되지 않는 함수 제거
  • 이전 버전과의 잠재적 인 호환성 문제를 줄이는 수정 사항
웹사이트 컨텐츠 크롤링

웹사이트 컨텐츠 크롤링

Web Scraping(웹 크롤링)/ 컨텐츠 크롤링 이란?

특정 웹사이트/ 쇼핑몰/ 블로그/ 게시판의 자료를 프로래밍으로 수집하여 웹사이트에 등록 구성하는 행위를 말합니다.
신규 웹사이트를 제작할때 읽을 거리를 만들기 위해서 컨텐츠를 등록 하게 됩니다.

사람이 직접 일일이 등록하는 방법과 프로그래밍으로 수집하는 방법 둘중 어떤것이 효율적일지는 굳이 말하지 않아도 알 수 있습니다.

현재 크롤링툴은 그누보드등 국내 게시판에서 통합되는 것이 대부분입니다.

워드프레스 웹사이트로 웹크롤링하여 웹사이트를 제작 할 수 있습니다.

웹크롤링자료 + 워드프레스 반응형 웹사이트 제작은 문의 해주세요.

 

 

랜딩페이지 전략

랜딩페이지 전략

랜딩페이지 – Landing Page

미니멀한 웹사이트 또는 광고성 이벤트 페이지를 말하는 것으로 홈페이지를 운영하면서 특정 제품 또는 이벤트성 컨텐츠를 소개할때 주로 사용 되는 형태입니다.

검색엔진 친화적(SEO)으로 제작되고 주로 반응형으로 제작됩니다.

 

랜딩페이지의 컨텐츠

사진 및 텍스트(웹폰트)의 타이포 그라피등 화려하고 직관적인 컨텐츠로 구성하고 소개하는 내용에 따라 전략적으로 내용을 전달합니다.

좋은 첫인상과 구매/판매로 이어질 수 있는 웹사이트로 제작 합니다.

특히, 모바일 환경에 맞추어 컨텐츠가 제작되기 때문에 여러 페이지로 나뉘어 지기 보다는 1페이지 또는 최소화된 페이지 구성이 효과적입니다.

 

동적컨텐츠

함축적이거나, 비교적 한페이지에 많은 내용을 담는 경우가 있기 때문에 사진, 텍스트등의 애니메이션 효과를 적절하게 사용해서 재미있는 화면을 구성하기도 합니다.

SVG애니메이션이나 다이나믹 슬라이더와 함께 구성하고, 스크롤 이벤트에서 모션 애니메이션을 적용 하기도 합니다.

 

데모 참조

 

홈페이지 및 쇼핑몰개발을 위한 플렛폼

홈페이지 및 쇼핑몰개발을 위한 플렛폼

워드프레스

특징

  • 표현형 반응형 웹사이트를 개발할 수 있는 오픈 소스형
  • 플러그인베이스로 기능을 확장할 수 있고, 유료 및 무료등 다양한 기능을 사용할 수 있습니다.
  • 쇼핑몰과 관련된 플러그인 사용시 국내외용 쇼핑몰로 확장 가능
  • 디자인 및 프로그램커스텀 가능
  • 유지관리가 비교적 쉽고, 저렴함
  • 세계적인 유저수를 가지고 있고, 한국에서도 많은 유저가 사용중입니다.
  • 설치형 테마(템플릿)를 구매후 사용가능

 

참조(주의)

  • 관리자모드의 다소 복잡성
  • 초보접근 쉽지 않음
  • 관리자모드에서 영문메뉴가 많음
  • 서버 및 호스팅환경에 영향을 많이 받음 (오픈소스는 당연함)

아엠웹

특징

  • 호스팅형 웹저작툴(소스공개X)
  • 웹사이트 및 쇼핑몰 제작 가능
  • 일반 쇼핑몰 및 예약시스템 사용가능(호텔,펜션 등)
  • 한국결제시스템 가능
  • 엠심베이, 알리페이, 몰페이, econtext
  • 프로그램 커스텀 불가능
  • 확장기능없음
  • 간단한 커스텀기능 제공 (심도있는 커스텀은 전문가의 영역)

참조(주의)

  • 선택할 수 있는 디자인 템플릿 수 적음
  • 유저수 적음
  • 추후 소스 이전 불가능

윅스(WIX)

특징

  • 호스팅형 웹저작툴(소스공개X)
  • 홈페이지전용
  • 한국쇼핑몰 불가능(결제시스템 제공하지 않음)
  • 선택할 수 있는 홈페이지 템플릿 많음
  • 페이지빌더 제공

참조(주의)

  • 유저수 적음
  • 추후 소스 이전 불가능

카페24

특징

  • 폐쇄형 홈페이지 및 쇼핑몰 빌더
  • 스킨구매 가능
  • 다국어쇼핑몰제작
  • 프로그램 커스텀 불가능
  • 디자인커스텀 제한적 가능
  • 한국형쇼핑몰관리에 최적화

참조(주의)

  • 유저수 많음
  • 추후 소스 이전 불가능

그밖에 쇼핑몰전용

  • 메이크샵
  • Shopify
워드프레스 스포츠팀 관리 프로

워드프레스 스포츠팀 관리 프로

스포츠팀을 위한 워드프레스

워드프레스는 스포츠팀을 위한 다양한 기능을 제공합니다. 간단하거나, 복잡한 리그관리 까지 할 수 있습니다.
축구, 야구, 농구, 배구, 배드민턴, 탁구등 다양한 스포츠팀 및 리그를 관리 할 수 있습니다.

  1. 팀관리 ( 팀프로필, 팀원관리, 팀통계, 시간표(일정), 순위, )
  2. 팀원 개인 관리 ( 프로필, 기록, 통계, 갤러리 )
  3. 리그 ( 팀관리, 경기일정 관리, 순위, 경기결과)

그 밖에 워드프레스의 다양한 기능들을 함께 구성할 수 있습니다.

 

물론 반응형 및 하이브리드앱 구성으로 앱스토어에 등록 할수 있겠죠.

호스팅 및 서버의 구성에 따라 빠른 속도를 유지할 수 있겠습니다.