본문 바로가기
닫기
토픽 주제별 분류
서브토픽
필터

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

    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

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

    wix.com

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

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

    yuli_kim

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

    wix.com

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

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

    김새롬

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

    10

    youtube.com

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

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

    김새롬

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

    8

    youtube.com

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

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

    AriRaNg

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

    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 워드프레스 플러그인 적용하기

    김새롬

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

    youtube.com

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

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

    김새롬

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

    5

    youtube.com

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

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

    김새롬

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

    youtube.com

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

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

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

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

    -

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

    도봉도봉

  • The Hottest Web Design Trends 2022

    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

    시장 최고의 웹 사이트 빌더

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

    벼랑위의파도

  • Don’t use 100vh for mobile responsive

    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

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

    2

    designlog.org

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

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

    김새롬

  • 반응형웹이론-HTMLCSS중급편

    5

    youtube.com

    반응형웹이론-HTMLCSS중급편

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

    김새롬

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

    8

    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/

    도봉도봉

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기