youtube.com

워드프레스 홈페이지 자유롭게 수정하기 36단계

초보자도 워드프레스 홈페이지 & 블로그를 자유롭게 수정할 수 있을까?

홈페이지를 처음 제작하면서 가장 염려되는 부분 중 하나가 바로 "초보자인 내가 어떻게 홈페이지를 자유롭게 수정할 수 있을까?" 라는 부분이지 않을까 싶습니다.

그래서 이번 영상을 통해서 워드프레스 초보자들도 홈페이지나 블로그를 만들면서 어떻게 자유롭게 수정해서 내가 원하는 사이트를 쉽고 빠르게 만들 수 있는지 자세하게 살펴보겠습니다.

이 영상을 모두 보고나면 나도 사이트를 자유자재로 만들어볼 수 있겠다는 믿음이 생기게 될 것입니다.

[관련영상]
워드프레스 홈페이지 만들기: https://youtu.be/DbQTHmc15KQ
워드프레스 수익형 블로그 만들기: https://youtu.be/GJxExugQGGg

[영상순서]
00:00 - 0. 인트로
00:45 - 1. 워드프레스 시작하는 방법
01:20 - 2. 워드프레스 플러그인 간략 소개 (Elementor)
02:07 - 3. 워드프레스 플러그인 설치하기 (Elementor)
02:50 - 4. 페이지 새로 추가하기
03:30 - 5. 페이지 편집 웹 빌더 플러그인으로 시작하기
04:08 - 6. 페이지 편집하기 (섹션: 레이아웃)
05:15 - 7. 페이지 편집하기 (섹션: 배경 변경 - 기본)
05:45 - 8. 페이지 편집하기 (섹션: 배경 변경 - 이미지)
06:20 - 9. 페이지 편집하기 (섹션: 배경 변경 - 그라디언트)
06:50 - 10. 페이지 편집하기 (섹션: 배경 변경 - 동영상)
07:28 - 11. 페이지 편집하기 (섹션: 배경 변경 - 슬라이드쇼)
08:27 - 12. 페이지 편집하기 (섹션: 배경 오버레이)
09:00 - 13. 페이지 편집하기 (섹션: 여백 수정하기)
09:45 - 14. 페이지 편집하기 (데스크톱, 태블릿, 모바일 기기별로 편집 방법)
10:57 - 15. 페이지 요소 추가 및 편집하기 (내부 섹션)
11:49 - 16. 페이지 요소 추가 및 편집하기 (제목)
13:45 - 17. 페이지 요소 추가 및 편집하기 (텍스트 에디터)
15:15 - 18. 페이지 요소 추가 및 편집하기 (버튼)
17:00 - 19. 페이지 요소 추가 및 편집하기 (이미지)
18:40 - 20. 페이지 요소 추가 및 편집하기 (비디오)
19:20 - 21. 페이지 요소 추가 및 편집하기 (구글지도)
20:35 - 22. 페이지 요소 추가 및 편집하기 (디바이더)
21:20 - 23. 페이지 요소 추가 및 편집하기 (아이콘)
22:30 - 24. 페이지 요소 추가 및 편집하기 (스페이서)
23:30 - 25. 페이지 요소 추가 및 편집하기 (이미지 박스)
25:00 - 26. 페이지 요소 추가 및 편집하기 (아이콘 박스)
25:15 - 27. 페이지 요소 추가 및 편집하기 (별점)
26:00 - 28. 페이지 요소 추가 및 편집하기 (카운터)
26:30 - 29. 페이지 요소 추가 및 편집하기 (프로그레스바)
27:30 - 30. 페이지 요소 추가 및 편집하기 (아이콘 목록)
28:50 - 31. 페이지 요소 추가 및 편집하기 (소셜아이콘)
29:35 - 32. 페이지 요소 추가 및 편집하기 (Image Carousel)
31:30 - 33. 페이지 템플릿으로 편집하기 (페이지 추가)
32:20 - 34. 페이지 템플릿으로 편집하기 (템플릿 불러오기)
34:10 - 35. 페이지 템플릿으로 편집하기 (템플릿 편집하기)
36:35 - 36. 페이지를 메뉴에 추가하기

김새롬

oliveyoung.tech

웹사이트 최적화 방법 - 이미지 파트 | 올리브영 테크블로그

이미지 최적화로 웹 성능을 향상시키는 방법

yuli_kim

wix.com

반응형 웹 디자인 vs 적응형 웹 디자인: 어떤 유형을 선택해야 할까?

반응형 웹 디자인은 감지된 화면 크기에 따라 자동으로 페이지가 재배열되는 유동적인 접근 방식인 반면, 적응형 웹 디자인은 브라우저가 주어진 플랫폼에 맞춰 특별히 생성된 레이아웃을 불러오는 웹 디자인 유형입니다. 두 유형의 차이점과 각각의 장단점을 알려드립니다.

yuli_kim

wix.com

웹 디자인이란 무엇일까? 종합 가이드

웹 디자인이란 무엇일까요? 웹사이트 디자인 방법을 알아보고 사이트에 적용되는 디자인 원칙과 유용한 팁까지 얻어가세요!

김새롬

youtube.com

웹컨텐츠제작꿀팁-HTMLCSS중급편

실제 웹컨텐츠를 코딩해보는 강의 영상으로
코딩초보탈출을 마스터했다면 컨텐츠를 제작해보세요!

김새롬

youtube.com

웹디자인기능사-기초학습능력

웹디자인기능사를 따기 전 기초적인 이론들을 학습해봅니다.

AriRaNg

youtube.com

1시간안에 워드프레스 홈페이지 만들기 강좌 8단계 | 초보자 따라하기 가이드

가이드빈 사이트 바로가기: https://guidebean.com/make-a-website/

초보자를 위한 1시간안에 워드프레스 홈페이지 따라하며 만들기 8단계 가이드입니다.

이 가이드를 통해 워드프레스 홈페이지 만들기 원하는 누구나 혼자서 따라하며 제작할 수 있도록 아래와 같이 단계별로 자세하게 준비했습니다.

00:00 - 인트로
[STEP 1 - 등록가능한 도메인 주소를 확인하기]
02:00 - 1.1 등록가능한 도메인 주소를 확인하기
[STEP 2 - 도메인 주소 & 웹 호스팅 등록하기]
03:38 - 2.1 도메인 주소 및 웹 호스팅 등록하기
08:45 - 2.2 이메일 주소 컨펌하기
[STEP 3 - 워드프레스 사이트 설치하기]
09:28 - 3.1 도메인 주소에 Let's Encrypt SSL 적용하기 (https)
10:52 - 3-2 워드프레스 사이트 설치하기
[STEP 4 - 워드프레스 관리자 페이지 살펴보기]
13:30 - 4.1 워드프레스 사이트 관리자 페이지 방문하기
13:50 - 4.2 관리자 페이지 전반적으로 살펴보기
14:06 - 4.3 사이트 고유주소 변경하기
[STEP 5 - 워드프레스 테마 설치 및 적용하기]
16:46 - 5.1 워드프레스 테마 설치하기
18:00 - 5.2 데모 사이트 템플릿을 위해 가져오기 플러그인 설치하기
18:16 - 5.3 데모 사이트 템플릿 다운로드 및 적용하기
[STEP 6 - 워드프레스 테마 편집하기]
20:11 - 6.1 로고 변경하기
22:05 - 6.2 메뉴에 있는 버튼 편집하기
22:54 - 6.3 헤더 레이아웃 변경하기
24:14 - 6.4 페이지 텍스트 편집하기
25:30 - 6.5 페이지 모바일 버전으로 편집하기
26:00 - 6.6 페이지 요소 지우기
26:12 - 6.7 페이지 요소 위치 변경하기
26:25 - 6.8 페이지 버튼 편집하기
27:44 - 6.9 페이지 배경화면 이미지 편집하기
30:02 - 6.10 페이지 이미지 편집하기
30:12 - 6.11 페이지 섹션 지우기
30:23 - 6.12 페이지 새 섹션 추가하기 (매뉴얼)
31:27 - 6.13 페이지 새 섹션 추가하기 (템플릿)
33:28 - 6.14 푸터 수정하기
[STEP 7 - 새 페이지 만들기 & 메뉴에 추가하기]
35:05 - 7.1 새 페이지 만들기
36:02 - 7.2 새 페이지 편집하기
38:09 - 7.3 새 페이지 메뉴에 추가하기
[STEP 8 - 워드프레스 플러그인 설치 및 적용하기]
39:24 - 8.1 워드프레스 플러그인 설치하기
40:26 - 8.2 워드프레스 플러그인 적용하기

김새롬

youtube.com

[워드프레스 강의] 따라하며 홈페이지 만들기 15단계 (2023년) | 초보자용

초보자를 위한 100분짜리 워드프레스 홈페이지 만들기 15단계 가이드입니다.
이 영상을 통해 홈페이지 제작이 처음인 초보자도 쉽고 빠르게 따라하며 자신만의 전문적인 홈페이지를 만들 수 있습니다.

김새롬

youtube.com

사이트 만들기 프로젝트_레이아웃편

사이트 만들기 프로젝트입니다.
디자인부터 레이아웃까지 이루어지는 강의합니다.
디자인, 레이아웃 파트별로 되어 있습니다.

김새롬

youtube.com

웹디자이너라면 알고 있어야 할 웹디자인 관련 용어 총정리!

안녕하세요! #프리랜서 #디자이너 랑이언니입니다!!

오늘은
#웹디자이너 라면 알아야 할 #웹디자인 용어를 알려드립니다!

[영상 속 PDF자료 다운로드 링크]
https://blog.naver.com/gusruddl0615/222244300854

-

💁🏻‍♀️작업 문의 : gleam-design@naver.com
🌟개인 인스타그램 : @1994cm730kg

도봉도봉

medium.muz.li

The Hottest Web Design Trends 2022

What’s effective today and what will we take with us into the future?

AriRaNg

ecommerce-platforms.com

시장 최고의 웹 사이트 빌더

당신은 시장에서 최고의 웹 사이트 빌더를 찾고 있습니까? 그렇다면이 리뷰를 확인하십시오-우리는 그것을 정확하게 밝힐 것입니다. 더 많은 정보를 원하시면 여기를 클릭하십시오!

벼랑위의파도

medium.com

Don’t use 100vh for mobile responsive

Generally, we use height:100vh it is for fullscreen layout which is an easy hack and a convenient way to get better design. Here, the documentHeight function sets a new style property var(‘ —…

dracure

designlog.org

이미지 최적화의 모든 것, 최고의 완벽 가이드

이미지 압축 및 최적화의 역사는 인터넷 자체만큼이나 길다고 할 수 있습니다. 웹 사이트가 처음 온라인에 등장한 이후로 웹 디자이너들은 더 나은 성능을 위해 이미지 파일을 압축하는 방법을 모색해 왔습니다. 그러나 오늘날에는 이미지 최적화 환경은 복잡합니다. 온라인 또는 오프라인에서 이미지 크기를 조정하는 데 사용할 수 있는 도구가 많이 있습니다. 예를 들어,

김새롬

youtube.com

반응형웹이론-HTMLCSS중급편

모든 디바이스에 대응할 수 있는 반응형웹 및 모바일웹이론을 공부해봅시다!
요즘은 반응형웹을 쓰지 않고는
홈페이지를 만들기 어려우므로 꼭 배워보세요.
처음 접하시는 분들도, 예전에 배우셨던 분들도,
쉽게 배울 수 있는 예제 영상들을
앞으로 올릴 예정입니다.

김새롬

youtube.com

[ Rock's Easyweb] 웹디자인을 위한 포토샵 기초

웹디자인을 위한 포토샵 기초 #1
- 컬러모드
- vector vs bitmap
- 그래픽 포멧
- 웹디자인을 위한 포토샵 패널 정리하기


#webdesign #photoshop

홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y

멤버쉽 가입하기: https://www.youtube.com/channel/UCax1DP6hqZowNWF2lquKk0w/join

오프라인 수업 문의: ezwebpub@gmail.com

완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/

도봉도봉