2020 template 워드프레스를 이용한 사이트제작 헤더 01- 2
2020 template 워드프레스를 이용한 사이트 제작 헤더 01-2
헤더 디자인 두번째 동영상 입니다.
글
elementor_pagebuilderelementor page builder setting part2
엘리먼트 페이지 빌더 셋팅 두번째 수업
워드프레스 설치01-02
워드프레스 설치01-02
[하면 된다] FTP 프로그램을 다운로드 및 설치를 해보세요.
[이론] 워드프레스를 웹 호스팅에 업로드 하기 위한 프로그램
웹 호스팅은 가상의 공간이라고 생각하시면 됩니다, 모든 사용자가 웹사이트를 보기 위해서는 가상의 공간에 이미지와 텍스트를 업로드 하여 볼 수 있도록 해야 합니다. 즉 “자신의 집을 전세로 임대하였다고 생각하면 됩니다.”
가상의 공간에 콘텐츠를 업로드하기 위해서는 FTP 프로그램을 사용합니다.
[참고] FTP는 (File transfer protocol)은 서버와 클라이언트 사이의 파일 전송을 하기 위한 프로토콜입니다.
[실습 따라해 보세요] 파일질라를 다운로드하여 설치해 보세요.
https://filezilla-project.org 접속하여 한 후 [Download filezila client] 를 선택하여 다운로드 한 후 프로그램을 과정에 따라 설치 합니다.
[하면 된다] FTP 프로그램을 이용하여 웹 호스팅에 접속 하세요
[실습 단계적으로 따라해 보세요.] 파일질라를 웹 호스팅에 접속해 보세요.
- 파일질라를 실행해 보세요.
- [호스팅]은 [http://doitwordpress.dothome.co.kr] 로 입력하시면 안 됩니다. [doitwordpress.dothome.co.kr]로 입력하세요.
- [사용자명]은 거의 대부분 도메인이 http://doitwordpress.dothome.co.kr이라면 [doitwordpress] 입니다.
- [비밀번호]은 닷홈에서 신청한 FTP 비밀번호을 입력합니다.
- [빠른 연결]을 선택합니다.
- 오른쪽은 사용자 컴퓨터이며, 왼쪽은 웹 호스팅 폴더 파일 [html]이 나타납니다.
[실습 단계적으로 따라해 보세요.] 워드프레스 파일을 웹 호스팅에 업로드 하세요.
- [wordpress-4.7.2-ko_KR.zip] 입니다 압축을 해제 하면 [wordpress 파일]이 있습니다.
- 왼쪽은 사용자의 컴퓨터 입니다 다운로드한 워드프레스 파일을 찾아서 압축을 해제한 상태에서
- [wordpress 파일]을 선택합니다.
- 오른쪽 html을 선택합니다.
- 왼쪽[wordpress 파일]을 선택 하시면 파일 목록들이 나타납니다.
- 전체 선택 하여 [ctrl+a] 파일들을 선택합니다.
- 전체 선택한 상태에서 마우스로 클릭하여 왼쪽 html 파일 안에 드래그 하여 파일들을 이동합니다 업로드 될 때 까지 대기 하시면 됩니다.
[실습 따라해 보세요] 워드프레스 파일이 웹 호스팅에 업로드 되는지 확인해 보세요.
왼쪽 [wordpress 파일]이 오른쪽 [html 파일]에 업로드 되는지 확인해 보세요.
Bootstrap 4: Regular Grid VS Flexbox Grid | Tutorialzine
We take a look at the new Bootstrap 4 flexbox grid system and the changes it brings to the grid we are so used to.
소스: Bootstrap 4: Regular Grid VS Flexbox Grid | Tutorialzine
워드프레스 제주도 수업중
워드프레스 제주도 수업중
우커머스 한글파일
우커머스 한글파일 다운로드
FTP프로그램을 이용해서 다운로드한 언어팩을 wpcontent-language-plugins로 옮겨주세요.
워드프레스 php 템플릿 태그 정리
워드프레스 템플릿 태그 정리
<?php get_header(); ?> 템플릿 파일중 header.php 파일의 내용을 가져오는 역활을 합니다
<?php get_sidebar(); ?> sidebar.php 파일의 내용을 가져오는 역활을 합니다
<?php get_footer(); ?> footer.php 파일의 내용을 가져오는 역활을 합니다
<?php language_attributes(); ?> html 패이지의 국가별 언어를 표시합니다 한글 워드프레스를 사용하는 경우 ko_KR로 나타납니다
이러한 정보는 모두 관리자 화면의 설정에서 변경할 수 있으며 변경한 내용은 데이터 베이스에 저장 되고 템플릿 태그는 저장된 정보의 변수를 불러 내는 것입니다
<?php bloginfo(‘charset’); ?>html 페이지에 사용되는 케릭터셋 (character set) 을 표시합니다
<?php wp_title(); ?> html의 <title> 태그에 페이지의 타이틀을 표시합니다
<?php bloginfo(‘stylesheet_url’); ?> 스타일 시트가 url을 표시합니다
<?php bloginfo(‘pinback_url’); ?> 핑백 url을 표시합니다
<?php wp_head(‘name’); ?> 블로그 이름을 표시합니다
<?php bloginfo (‘description’); ?> 태그라인을 표시합니다
<?php wp_nav_menu(); ?> 메뉴전체를 표시합니다
<?php if (have_post() ): ?> 글이 있다면 의 조건문 입니다
<?php while (have_post()): the_post(); ?> 글을 표시하라는 반복문 입니다
<?php the_ID(); ?> 아이디 선택자를 만듭니다
<?php post_class(); ?> 클래스 선택자를 만듭니다
<?php the_permalink() ?> 고유주소를 가져옵니다
<?php the_title_attribute(); ?> 링크에 마우스를 올렸을때 title 속성을 표시합니다
<?php wp_head(); ?> html의 head 태크에 자바스트립트나 스타일 시트를 가져오는 역활을 합니다
워드프레스를 처음 공부하면서 이해 못한것
워드프레스를 처음 공부 하면서 이해 하지 못한것
처음 워드프레스를 공부 하면서 서점에서 책을 구입해서 하나씩 따라 하면서 .. 뭔소리 하는지 이해 할 수 가 없어서 이것 저것 찾아 보다가 웹에 대한 기초 지식과 구성의 원리를 모르고 했다는게 실수 였다, html/css 등을 공부 했다구 웹의 기초가 되는것이 아니라. 헤더 뭔지. 카테고리가 뭔지 등등. 대부분의 책들이 워드프레스의 기능 설명에만 되어 있기 때문에 단어나 문장의 간단한 의미는 이해 할 수 있지만 .. 전체적인 설명이 부족한 면이 있습니다.
홈페이지의 의미는 페이지들의 종합체 라고 생각합니다. 각 페이지에는 이미지 / 영상 / 텍스트 / 링크 / 게시판 등이 있으며 이것을 워드프레스에서는 글 또는 컨텐츠 라고 생각 하시면 됩니다.
