형식에서 들어오는 유형이기 때문에 대체적인 사이트 디자인을 먼저 고려한다.
내용의 설정과 배색 등도 대충 결정되었다.css를 쓰면
수법은 사람에 따라 다르다.HTML을 먼저 표시하고 디자인을 만드는 사람도 있다(또는 이것이 주류라고?)그래서 이 근처의 순서는 좋아해요.

내용의 배치를 종이에 써 보아라

첫 페이지의 내용량이 많고 디자인도 힘들기 때문에 여기서 다음 층의 내용을 중심으로 디자인을 고려한다.
나의 경우는 원래 사이트가 존재하기 때문에 보면서 일한다.
학교 사이트를 많이 봤는데 학교 사이트의 표준 설정을 기억하고 멋있게 봤어요!이런 사이트를 축적하는 일도 중요하다.
그 1에 적힌 사이트 지도 등을 참고하면서 기사를 어떻게 배치할지 고민한다.

스타일시트의 대략적인 부분을 설명하다

디테일한 부분은 나중에 하고 프레임의 사이즈와 색깔 등은 모두 스타일입니다.대충 css를 기입하다.
그리고 스타일.css의 시작 부분에 있는 댓글에는 테마 식별을 위한 워드프레스가 필요하기 때문에 최소한은 Theme Name만 쓰십시오.
style.css

/*
Theme Name: テーマ名
Description: テーマの説明
Theme URI: テーマのURL
Author: 作成者
Author URI: 作成者のURL
Version: バージョン
License: ライセンス
License URI: ライセンスのURL
*/

/* 文字の色 */
#wrapper_all {
    color: #ff0000;
}
h1,h2 {
    color: #ff00CC;
}
a {
    color: #ccff00;
}
a:visited {
    color: #cc00ff;
}
#right_pane {
    background-color: #66cccc;
}

/* 一番外側の枠 */
#wrapper_all {
    width: 1024px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}

/* ヘッダエリア */
header {

}
/* ヘッダ画像 */
#header_image {
}

/* メインエリア */
#wrapper_main {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

/* 左側 */
#left_pane {
    width: 300px;
    margin: 0;
    padding: 0;
}

#sidebar {

}

/* 右側 */
#right_pane {
    padding: 0 20px 0 20px;
    margin: 0 10px 0 0;
}

/* 複数の記事があるときはラッパを使う */
#article_wrapper {

}
article {
}
article figure {

}
article section {
}
#right_pane aside {

}

/* フッタエリア */
footer {

}
   （以下略）

지금은 잘 어울려요.php 파일과 연결하면서 천천히 정확하게 기술하세요.
서버의 wordpress＞wp-content＞themes＞mytheme에 업로드합니다.
다음은 화면 관리 설정 등입니다.