[WordPress] WordPress 4.7 Beta1설치, Twenty Seventeen 살펴보기

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=”” type=”legacy”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”true” min_height=”” hover_type=”none” link=”” border_sizes_top=”” border_sizes_bottom=”” border_sizes_left=”” border_sizes_right=”” first=”true”][fusion_text]

안녕하세요. 흐린하늘 입니다.

이번 강좌에서는 워드프레스(WordPress) 4.7 Beta1설치 및 새롭게 선보이는 테마인 Twenty Seventeen에 대해 알아보겠습니다.

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”yes” overflow=”visible” type=”legacy”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” align_self=”flex-start” border_sizes_undefined=”” first=”true” last=”true” hover_type=”none” link=”” border_position=”all”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” content_alignment_medium=”” content_alignment_small=”” content_alignment=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” sticky_display=”normal,sticky” class=”” id=”” font_size=”” fusion_font_family_text_font=”” fusion_font_variant_text_font=”” line_height=”” letter_spacing=”” text_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]

워드프레스 4.7 Beta1에 대한 내용은 앞서 올렸던 [WordPress4.7 Beta1발표] 뉴스를 참조해주세요.

먼저 발표에서는 Setup과정에 대한 변화가 있다고 언급되어 설치 과정을 진행해보았는데요. 표면적으로는 기존의 방식과 다른 부분을 느끼지 못했습니다. 내부적인 로직 변화에 대해서는 확인하기 어려웠습니다.

혹시 본 강좌를 통해 설치하시는 분들을 위해 설치 과정을 간단히 진행해 보겠습니다.

자세한 설치방법은 이전 강좌에서 확인하실 수 있습니다.

WordPress설치하기

파일질라 FTP 클라이언트를 통해 다운받은 WordPress 4.7 Beta1을 업로드시켜줍니다. 총 파일수는 1479개 입니다.

WordPress4.7 Beta1다운받기

설치 언어에서는 [한국어]를 선택하실 수 있습니다만 설치 후 변경된 사항이 한글로 번역되지 않을 수 있어 영문으로 설치하였습니다. 원하시는 설치 언어를 선택하신 후 [계속] 버튼을 클릭합니다.

Database정보가 필요하다는 안내를 해주고 있습니다. Database관련 정보는 호스팅이나 서버를 운영하는 측에 문의하시면 됩니다.

DB Name, User Name, User Password등의 정보를 입력해줍니다.

정상적으로 DB정보가 입력되면 인스톨을 진행합니다.

사이트 정보를 입력합니다. 사이트 제목과 사용자명, 비밀번호, 이메일 등을 입력하신 후 WordPress를 설치합니다.

설치가 끝나면 알림판(Dashboard)로 자동 접속 됩니다. 아마도 인스톨 과정에서 변화가 있다는 부분은 이부분일 것 같습니다. 이전 버전에서는 설치 완료 후 설치화면에서 입력한 아이디와 비밀번호를 입력해야 관리자 화면으로 접속하실 수 있었는데, 4.7버전에서는 별도의 로그인 과정 없이 관리자 화면으로 접속이 가능했습니다.

WordPress 4.7 Beta1에서 만나보실 수 있는 새로운 워드프레스 테마 Twenty Seventeen입니다. 깔끔하게 정리된 레이아웃과 표지 이미지가 돋보입니다.

테마 Twenty Seventeen의 커스텀을 위한 옵션들을 계속해서 살펴보겠습니다.

Twenty Seventeen에서는 Site Identity, Colors, Header Visuals, Menus, Widgets, Static Front Page, Theme Options, Additional CSS에 대한 커스텀이 가능합니다.

Site Identity에서는 로고, Site Title, Tagline, Site Icon을 변경하실 수 있습니다.

Colors에서는 기본적으로 Light와 Dark 를 선택할 수 있으며, Custom을 통해 사용자 컬러를 설정할 수 있습니다. 또한 Header Text Color 변경도 가능합니다. 화면에서 보여지는 WP47, Just another WordPress Site부분의 컬러 변경이 적용됩니다.