이미 블로그에 대한 모든 공개 페이지인 sidebar.php, footer.php 및 header.php가 생성되었습니다. 오늘부터 별도의 페이지를 생성하겠습니다. 이제 우리가 만들고자 하는 것은 index.php라는 인덱스 페이지입니다. 여기서는 일시적으로 홈 페이지로 이해할 수 있지만 실제로는 홈 페이지만큼 간단하지 않습니다.
홈페이지의 메인 페이지는 블로그의 글을 하나씩 나열하는 글 목록입니다. 홈페이지에 있는 각 기사의 스타일은 동일하지만 제목, 시간, 저자, 초록 등 텍스트 내용이 다르다는 것을 눈치채셨을 것입니다. index.php를 만들려면 기사 하나의 HTML 코드만 있으면 됩니다. 게다가, 이는 동적 콘텐츠가 아닙니다. 홈페이지의 모든 기사를 표시하려면 루프가 하나만 필요합니다. 여기서 루프는 기사를 반복적으로 출력하는 것입니다. 이전에 컴퓨터 프로그래밍 언어를 배운 적이 있다면 루프가 무엇인지 이해하는 것도 어렵지 않고, while, for, foreach...
여기에 문장을 삽입하면, 루프의 기능도 이해하기 쉽습니다. 테마를 만드는 방법을 정말로 알고 싶다면 텍스트 편집기를 열고 저를 따라 단계별로 수정해 보세요. 수정할 때마다 블로그를 새로 고쳐서 어떤 변경 사항이 있는지 확인하세요. 지식을 깊게 하세요. 너무 게으르다면 다음 내용을 읽지 않는 것이 좋습니다. 별로 도움이 되지 않기 때문입니다.
이제 index.php 만들기를 시작해 보세요. index.php에는 처음에 3개의 기사가 있습니다. index.php를 열면 기사의 3개 태그가 보입니다. 이제 두 기사의 코드를 삭제하겠습니다. 하나의 기사를 남기고 기사 초록을 제거하십시오. 수정된 코드는 다음과 같습니다.
<?php get_header(); ?>
<!-- Column 1 /Content -->
<div class="grid_8">
<!-- Blog Post -->
<div class="post">
<!-- Post Title -->
<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>
<!-- Post Data -->
<p class="sub"><a href="#">News</a>, <a href="#">Products</a> • 31st Sep, 09 • <a href="#">1 Comment</a></p>
<div class="hr dotted clearfix"> </div>
<!-- Post Image -->
<img class="thumb" alt="" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" />
<!-- Post Content -->
<!-- Read More Button -->
<p class="clearfix"><a href="single.html" class="button right"> Read More...</a></p>
</div>
<div class="hr clearfix"> </div>
<!-- Blog Navigation -->
<p class="clearfix"> <a href="#" class="button float"><< Previous Posts</a> <a href="#" class="button float right">Newer Posts >></a> </p>
</div>
<?php get_sidebar(); ?><?php get_footer(); ?>
로그인 후 복사
위 코드에서 볼 수 있듯이 기사의 html 스켈레톤은 다음과 같습니다.
<div class="post">
<!-- Post Title -->
<h3 class="title"><a href="single.html">文章标题</a></h3>
<!-- Post Data -->
<p class="sub"><a href="#">标签1</a>, <a href="#">标签12</a> • 发布时间 • <a href="#">评论数</a></p>
<div class="hr dotted clearfix"> </div>
<!-- Post Image 文章的缩略图 -->
<img class="thumb" alt="" src="<?php bloginfo('template_url'); ?>/images/610x150.gif" />
<!-- Post Content -->
文章内容
<!-- Read More Button -->
<p class="clearfix"><a href="single.html" class="button right"> 阅读全文按钮</a></p>
</div>
<div class="hr clearfix"> </div>
로그인 후 복사
다양한 주제의 기사의 html 스켈레톤은 다릅니다. html에 익숙하다면 빠르게 식별할 수 있습니다. 위 내용은 테마의 뼈대입니다. 이를 기반으로 index.php에 동적 콘텐츠를 추가합니다.
1. 기사 제목
을 추가합니다. 찾기:
<h3 class="title"><a href="single.html">Loreum ipsium massa cras phasellus</a></h3>
PHP와 Flutter는 모바일 개발에 널리 사용되는 기술입니다. Flutter는 크로스 플랫폼 기능, 성능 및 사용자 인터페이스가 뛰어나며 고성능, 크로스 플랫폼 및 맞춤형 UI가 필요한 애플리케이션에 적합합니다. PHP는 성능이 낮고 크로스 플랫폼이 아닌 서버 측 애플리케이션에 적합합니다.
style.css 파일을 편집하여 WordPress 페이지 너비를 쉽게 수정할 수 있습니다. style.css 파일을 편집하고 .site-content { max-width: [원하는 너비] }를 추가하세요. [원하는 너비]를 편집하여 페이지 너비를 설정하세요. 변경 사항을 저장하고 캐시를 지웁니다(선택 사항).
WordPress 게시물은 /wp-content/uploads 폴더에 저장됩니다. 이 폴더는 하위 폴더를 사용하여 연도, 월, 기사 ID별로 정리된 기사를 포함하여 다양한 유형의 업로드를 분류합니다. 기사 파일은 일반 텍스트 형식(.txt)으로 저장되며 파일 이름에는 일반적으로 ID와 제목이 포함됩니다.
WordPress에서 제품 페이지 만들기: 1. 제품 만들기(이름, 설명, 사진) 2. 페이지 템플릿 사용자 정의(제목, 설명, 사진, 버튼 추가) 3. 제품 정보(재고, 크기, 무게)를 입력합니다. 4. 변형(다양한 색상, 크기)을 만듭니다. 5. 공개 또는 숨김을 설정합니다. 6. 댓글을 활성화/비활성화합니다. 7. 페이지를 미리 보고 게시합니다.
WordPress 템플릿 파일은 /wp-content/themes/[테마 이름]/ 디렉터리에 있습니다. 헤더(header.php), 바닥글(footer.php), 기본 템플릿(index.php), 단일 기사(single.php), 페이지(page.php)를 포함하여 웹사이트의 모양과 기능을 결정하는 데 사용됩니다. , 아카이브(archive.php), 카테고리(category.php), 태그(tag.php), 검색(search.php) 및 404 오류 페이지(404.php). 이러한 파일을 편집하고 수정하면 WordPress 웹사이트의 모양을 사용자 정의할 수 있습니다.
WordPress에서 작성자 검색: 1. 관리자 패널에 로그인한 후 게시물 또는 페이지로 이동하여 검색 표시줄을 사용하여 작성자 이름을 입력하고 필터에서 작성자를 선택합니다. 2. 기타 팁: 와일드카드를 사용하여 검색 범위를 넓히고, 연산자를 사용하여 기준을 결합하거나, 저자 ID를 입력하여 기사를 검색하세요.
WordPress는 데이터베이스 상호 작용, 양식 처리, 동적 콘텐츠 생성 및 사용자 요청을 처리하기 위한 핵심 프로그래밍 언어로 PHP 언어를 사용하여 개발되었습니다. PHP는 크로스 플랫폼 호환성, 학습 용이성, 활발한 커뮤니티, 풍부한 라이브러리 및 프레임워크 등의 이유로 선택되었습니다. WordPress는 PHP 외에도 HTML, CSS, JavaScript, SQL 등과 같은 언어를 사용하여 기능을 향상시킵니다.
