2016년 최고의 WordPress 및 디자인 기사 25개
게시 됨: 2016-12-222016년은 웹 디자인 세계에서 환상적인 새로운 트렌드로 가득했습니다. 새로운 CSS 튜토리얼부터 WordPress 모범 사례, 대행사 성장을 위한 실용적인 조언에 이르기까지 레이아웃에서 모든 것을 다뤘습니다.
올해 최고의 콘텐츠를 놓치지 않도록 2017년이 시작되기 전에 최고의 콘텐츠를 읽을 수 있도록 가장 인기 있는 이야기를 모아봤습니다.
더 이상 고민하지 않고 2016년 최고의 WordPress 및 디자인 기사 25개를 소개합니다.
25. 우리가 가장 좋아하는 10대 WordPress 플러그인
워드프레스 플러그인 디렉토리를 살펴보는 것은 마치 사탕 가게에 서 있는 것과 같습니다. 모두 시도해보고 싶을 정도로 흥미진진해 보입니다! 그리고 요즘에는 보안 강화, 성능 향상, SEO 최적화 등 거의 모든 것을 위한 플러그인이 있습니다.
궁극적으로 설치하기로 결정한 플러그인은 전적으로 귀하와 귀하의 사이트 요구에 달려 있습니다. 그러나 대중을 분류하는 데 도움이 되도록 상위 10개 플러그인 목록을 작성했습니다.
24. WordPress에서 아름다운 블로그를 구축하는 데 필요한 것
블로깅은 브랜드 인지도를 높이거나, 비즈니스를 성장시키거나, 창의적인 콘센트로 사용할 수 있는 훌륭한 도구입니다. 그리고 요즘에는 자신만의 사이트를 구축하는 것이 그 어느 때보다 쉬워졌습니다.
꿈에 그리던 WordPress 블로그를 만들 준비가 되셨습니까? 시작하는 데 필요한 사항은 다음과 같습니다.
23. 2016년에 다운로드할 17가지 무료 글꼴
새로운 서체로 글꼴 라이브러리를 업데이트하고 싶으십니까? 올해 출시된 꽤 훌륭한 옵션을 발견했고 공유해야 했습니다!
프로젝트에 완벽한 모양을 제공하는 17가지 우수한 무료 글꼴이 있습니다.
22. 2016년 최고의 무료 스톡 사진을 찾을 수 있는 곳
고품질의 무료 스톡 사진을 찾고 계십니까? 단조롭고 일반적인 스톡 사진이 아닙니다. 깊이와 색상, 그리고 그에 대한 "스토리"의 힌트가 있는 실제적이고 주의를 끄는 이미지입니다. 우리는 디지털 사진, 공유 경제, 인터넷의 우연한 교차점에 살고 있습니다. 고품질 이미지를 제공하는 무료 사진 공유 사이트가 웹 전체에 나타나며 환상적인 CC0(Creative Commons Zero) 사진 뷔페를 제공합니다.
다음은 최고의 무료 스톡 사진을 찾을 수 있는 5개의 즐겨찾기 사이트입니다.
21. 2016년에 체크 아웃할 환상적인 무료 WordPress 테마 32개
반짝이는 새로운 WordPress 사이트에서 작업하든 기존 사이트에서 브랜드 새로 고침을 수행하든 때때로 작업할 새 테마를 찾아야 할 때입니다. 훌륭한 프리미엄 테마가 많이 있지만 무료 WordPress 테마를 따라가는 것도 좋습니다. 특히 적은 예산으로 소규모 클라이언트와 작업하는 경우 이러한 무료 테마 중 다수가 필요한 기본 기능과 옵션을 제공합니다.
2016년의 환상적인 무료 WordPress 테마 목록을 확인하세요!
20. WordPress 자식 테마를 만드는 방법
일반적으로 완벽한 테마를 찾는 것은 거의 불가능합니다. 항상 수행해야 하는 몇 가지 수정 사항이 있습니다. 따라서 Twenty Fifteen과 같은 멋진 WordPress 기본 테마를 가져와서 원하는 대로 표시되고 작동하도록 자신만의 테마로 만들면 어떨까요? 자식 테마를 만들면 앞으로 많은 시간과 두통을 절약할 수 있습니다(저를 믿으십시오).
이 튜토리얼에 따라 나만의 맞춤형 WordPress 하위 테마를 쉽게 만들 수 있습니다.
19. WordPress 사이트 속도 및 성능을 개선하는 방법
귀하는 사이트 속도가 귀하의 비즈니스(및 클라이언트의 성공)의 성공에 매우 중요하다는 것을 알고 있습니다. "웹 사용자의 거의 절반이 사이트가 2초 이내에 로드될 것으로 기대합니다" 및 "사용자는 3초 이내에 로드되지 않는 사이트를 포기하는 경향이 있습니다"와 같은 무서운 통계에 대해 거듭 말씀드립니다. .” 프로젝트의 이 시점에서 좌절감을 느끼기 쉽지만 초조해하지 마십시오.
웹 호스트의 문을 두드리거나 수많은 스케치 플러그인을 추가하기 전에 다음의 쉬운 단계에 따라 WordPress 사이트를 부드럽고 견고하며 초고속으로 만드십시오.
18. WordPress 테마에 jQuery를 추가하는 방법
jQuery는 가장 인기 있는 것은 아니지만 매우 인기 있는 Javascript 라이브러리입니다. 사실, WordPress가 자동으로 로드된 상태로 제공될 정도로 인기가 있습니다. (이것은 WordPress 3.8.1에서 시작되었습니다.) 그러나 WordPress에 jQuery가 포함되어 있다고 해서 바로 사용할 수 있는 것은 아닙니다. jQuery가 아직 호출되지 않은 테마를 사용하거나 생성하는 경우 사용을 시작하기 전에 몇 가지 작업을 수행해야 합니다.
이 튜토리얼에 따라 모든 WordPress 테마에 jQuery를 로드하십시오.
17. 웹 디자인 vs. 웹 개발: 차이점은 무엇이며 왜 중요한가요?
잠재 고객이 새로운 웹 디자인이라고 생각했던 것에 대해 당신에게 연락한 적이 있습니까? 그들이 정말로 필요로 하는 것은 개발자였습니다. 카피라이터에게 당신은 디자이너가 아니라 개발자이며 이를 명확히 하기 위해 사본을 수정해야 한다고 설명하는 어색한 경험을 한 적이 있습니까? 웹 디자인과 웹 개발을 혼동하는 것은 사람들이 저지르는 매우 흔한 실수입니다. 특히 우리가 인터웹이라고 하는 이 새로운 분야의 초보자일 때 그렇습니다.
웹 개발과 웹 디자인 사이에는 매우 실질적인 차이가 있습니다. 그것이 무엇인지, 왜 중요한지 알아보십시오.
16. Owl Carousel을 사용하여 "최근 게시물" 캐러셀을 만드는 방법
WordPress에는 가장 최근 게시물의 제목을 사이드바로 가져와 전체 게시물에 연결하는 "최근 게시물" 위젯이 있습니다. 이것의 문제는 최근 게시물 위젯이 매우 제한적이라는 것입니다. 좀 더 우아하고 기능이 더 많은 것이 필요하다면? 예를 들어, 추천 이미지와 발췌문을 가져오고 사용자 정의 게시물 유형에서 가져오려면 어떻게 해야 합니까?
그것이 바로 올빼미 회전 목마가 등장하는 곳이며 DIY 경로를 가고 꿈의 사이트를 구축하는 데 도움이됩니다. 이 튜토리얼을 따라 나만의 "최근 게시물" 캐러셀을 만드세요!
15. WordPress 사이트에 Font Awesome을 추가하는 방법
Font Awesome은 확장 가능한 벡터 아이콘이 포함된 강력한 아이콘 세트입니다. 그리고 놀랍게도 무료입니다. Font Awesome을 사용하면 WordPress 테마에 쉽게 추가할 수 있으므로 이러한 그래픽을 직접 만들고 저장할 필요가 없기 때문에 귀중한 시간을 절약할 수 있습니다.
이 튜토리얼을 따라 WordPress 사이트에 Font Awesome을 추가하는 방법을 배우십시오.
14. 고정 웹사이트 헤더를 만드는 방법
사용자가 스크롤할 때 제자리에 유지되는 웹사이트 헤더는 매우 인기 있는 디자인 요소가 되었습니다. 이를 통해 사용자는 다른 페이지나 옵션을 선택할 때마다 위로 스크롤할 필요 없이 탐색에 쉽게 액세스할 수 있습니다.
이 튜토리얼을 따라 워드프레스 사이트에 고정 웹사이트 헤더를 쉽게 추가하세요.
13. 새로운 WordPress 사이트를 설정하는 시간을 절약하는 방법
WordPress를 얼마나 사랑하거나 웹 사이트를 디자인하든 관계없이 약간 단조롭게 될 수 있는 작업의 한 부분이 있습니다. 바로 새로운 WordPress 설치를 설정하는 것입니다. 사이트에 멋진 사용자 정의를 추가하는 것에 대해 생각하기 전에 테마, 플러그인 및 설정과 같은 기본 사항부터 시작해야 합니다.
그러나 걱정하지 마십시오. 이 중복 주기를 가속화할 수 있는 방법이 있습니다. 이 가이드에 따라 프로세스 속도를 높이고 아름다운 사이트를 다시 구축하세요!
12. WordPress에 반응형 Google 지도를 추가하는 방법
가장 인기 있는 지도 솔루션인 Google 지도를 WordPress 사이트에 추가하는 것은 이보다 더 쉬울 수 없습니다. 이 사용자 친화적인 매핑 기술은 비즈니스 정보, 연락처 정보 및 선택한 위치까지의 길찾기를 제공하여 사용자에게 매우 편리한 탐색을 제공합니다.
WordPress 사이트에 지도를 추가할 준비가 되셨습니까? 이 튜토리얼에서는 플러그인을 사용하여 플러그인을 추가하는 방법과 DIY 방법을 다룹니다.
11. 워드프레스 커스터마이저에 옵션을 추가하는 방법
워드프레스 커스터마이저(WordPress Customizer)는 처음에는 다소 압도적일 수 있지만 일단 깊이 들어가면 예상보다 쉽다는 것을 알게 될 것입니다. 당신(또는 당신의 클라이언트)이 테마를 변경할 수 있는 훌륭한 도구이며 사용자 정의 옵션을 추가하여 진정으로 테마를 만들 수 있습니다.
세부적으로 살펴보겠습니다. 테마 옵션에 사용자 지정 프로그램을 사용하는 방법은 다음과 같습니다.
10. 디자이너를 위한 최고의 Slack 채널
Slack은 많은 디자이너와 크리에이티브가 선호하는 커뮤니케이션 형식이 되었습니다. 동료 및 친구들과의 의사 소통을 재미있고 효과적이며 수월하게 만듭니다. 그러나 Slack의 가장 좋은 점 중 하나는 사람들이 함께 모여 특정 주제에 중점을 둔 커뮤니티를 만들었다는 것입니다.
대화에 참여할 준비가 되었다면 디자이너를 위한 최고의 Slack 채널 16개를 소개합니다.
9. WordPress 사이트를 로컬에서 개발하는 가장 쉬운 방법
WordPress 사이트를 구축할 때 언제 어디서나 라이브 사이트에서 바로 변경을 시작하고 싶을 수 있습니다. 버튼 스타일에 대한 약간의 CSS 조정은 아무 것도 해치지 않을 것입니다. 그렇죠?
그러나 간단한 변경도 위험할 수 있습니다. 이것이 WordPress 개발의 특정 황금률이 존재하는 이유입니다. WordPress 사이트를 개발할 때 약간의 코드 변경을 수행하더라도 절대 라이브 사이트.
사용자 지정 WordPress 사이트를 개발하려면 로컬 개발 환경을 사용하는 것이 중요합니다. 이 가이드를 통해 쉽고 효율적으로 설정하는 방법을 배우십시오!
8. CSS 기능 쿼리를 사용하는 방법
CSS 기능 쿼리는 기능 감지의 브라우저 고유 방법을 수행하는 방법입니다. 이러한 쿼리는 브라우저가 CSS 속성을 제대로 구현했는지 여부를 분석합니다. 기본적으로 브라우저는 특정 CSS 속성 또는 값이 지원되는지 여부를 "보고"합니다. 결과는 CSS 블록을 적용할지 여부를 결정합니다.
새로운 CSS 기능을 사용하게 되어 기쁘지만 브라우저 기능이 걱정되십니까? CSS 기능 쿼리가 원활하게 작동하는 데 어떻게 도움이 되는지 알아보세요.
7. 2016년에 알아야 할 9가지 웹 디자인 트렌드
웹 디자인 산업은 디자이너가 단순히 사이트를 만드는 것 이상의 일을 하고 싶어 하는 흥미로운 지점에 도달했습니다. 그들은 이야기를 하고 싶어합니다. 그 어느 때보다 웹사이트의 요점은 즐거움과 정보 제공입니다. 우리의 목록은 멋진 시네마그래프에서 유쾌한 마이크로인터랙션에 이르기까지 스토리를 전달하는 9가지 다른 방법을 보여줍니다.
너무 늦지 않았습니다. 2016년 최고의 웹 디자인 트렌드 9가지를 소개합니다!
6. 반복 수익이 대행사 확장에 도움이 되는 방법
대행사를 지속 가능하고 성공적인 비즈니스로 확장하는 것은 때때로 불가능한 작업처럼 보일 수 있으며 그 이유를 쉽게 이해할 수 있습니다. 고객과의 상담에는 많은 시간이 소요되며 하루가 끝나면 청구 가능한 시간이 너무 많은 시계에 얽매이게 됩니다.
대행사 확장의 비결은? 비즈니스 모델에 반복적인 수익 채널을 추가하십시오!
5. 디자이너가 체계적으로 정리할 수 있도록 도와주는 무료 인쇄물
당신은 디자이너이므로 완벽한 템플릿을 디자인하고 인쇄할 수 있습니다. 그러나 더 빠른 솔루션을 찾고 있다면 같은 아이디어를 갖고 개인 조직 작업을 위해 다운로드할 수 있는 멋진 무료 제품을 만든 다른 디자이너가 있습니다.
조직을 한 단계 더 발전시킬 준비가 되었다면(무료로!) 디자이너를 위한 이 놀라운 인쇄물을 확인하십시오.
4. CSS 그리드 레이아웃으로 간단한 레이아웃을 만드는 방법
디자이너가 되는 것의 일부는 웹 디자인의 미래가 무엇인지 아는 것입니다. CSS 그리드 레이아웃은 게임 체인저이며 디자이너가 수년 동안 처리해야 했던 포지셔닝과 관련된 좌절감을 완화하는 데 도움이 될 것입니다. 아직 주류 관행은 아니지만 기대해볼 만한 일입니다.
이 간단한 튜토리얼을 따라 CSS 그리드 레이아웃의 기초를 배우십시오!
3. SSL이 WordPress 사이트에 중요한 이유
SSL. 이전에 이 세 글자에 대해 들어본 적이 있을 것입니다. 하지만 이것이 WordPress 사이트에 실제로 도움이 될 수 있다는 사실을 알고 계셨습니까? 그러나 이것이 귀하의 사이트에 어떻게 도움이 될 것인지에 대해 이야기하기 전에 먼저 SSL이 정확히 무엇인지 살펴보겠습니다.
SSL이 무엇인지, 왜 SSL이 필요한지, WordPress 사이트에서 SSL을 쉽게 얻는 방법은 다음과 같습니다.
2. CSS 및 SVG 클리핑 및 마스킹 기술 사용 방법
SVG는 웹 작업에 적합하며 클리핑 및 마스킹을 사용하면 웹 그래픽의 일부를 표시하거나 숨길 수 있는 흥미로운 방법이 있습니다. 또한 이러한 기술을 사용하면 수동으로 변경하고 새 이미지를 만들 필요가 없기 때문에 디자인에 유연성을 더할 수 있습니다. 이 모든 작업이 코드로 완료됩니다.
이 튜토리얼을 따라 CSS 및 SVG 클리핑 및 마스킹을 쉽게 시작하십시오.
1. 2016년에 주목해야 할 자바스크립트 라이브러리 20선
JavaScript 라이브러리는 모든 디자이너나 개발자에게 친숙한 매우 유용한 도구입니다. 사이트에 매우 강력한 기능을 추가하거나 디자인을 멋지게 만들어 사용자에게 더 나은 경험을 제공할 수 있습니다.
무한한 수의 리소스가 있지만 이 20개의 JavaScript 라이브러리가 2016년에 귀하의 사이트를 다음 단계로 끌어올릴 것이라고 생각합니다.
이로써 2016년 최고의 WordPress 및 디자인 기사 목록이 완성되었습니다! 당신의 마음에 드는 것 중 일부는 무엇이었습니까? 목록을 확장하는 데 도움이 되도록 아래 댓글에 링크를 공유하세요!