본문으로 건너뛰기
黯羽轻扬매일 조금씩

WordPress 사이트 구축 가이드 (1)

무료2015-04-06#Solution#wordpress#个人网站

본고는 사이트 구축 관련 내용과 WordPress 의 몇 가지 작은 문제의 해결책을 소개합니다

서론：###

3 월에 10 일간의 자투리 시간을 이용해 빠르게 사이트 구축을 완료했습니다. 백엔드 작업의 95% 를 WP(WordPress) 에 맡겼습니다. 편하게 하고 싶다면 WP 는 아주 좋은 선택으로, 아마 반나절 정도면 구축 완료일 것입니다.

자신만의 작은 정원을 갖고 싶지만 PHP 같은 것을 모르고, CSS 도 잘 이해하지 못하며, HTML 에 대해서도 거의 모른다？괜찮습니다. CMS + 프론트엔드 프레임워크로, 조금만 있으면 됩니다. 직접 손대야 할 곳이 정말 매우 적습니다.

P.S.ずっと 사이트 구축 시리즈를 낼 시간이 없었는데, 오늘 WP 에 화가 나서 거의 처음부터 다시 만들게 되었습니다. 사용한 것을 먼저 기록해 두지 않으면 나중에 찾기 어려울까 봐

一.사이트 구축 조건##

먼저, 하드웨어 측면에서 몇 가지가 필요합니다:

  1. 서버 공간: 가장 저렴한 방법은 SAE 또는 다른 "무료" 공간을 사용하는 것; 경제적인 방법은 가상 호스트를 임대하는 것; 음, 돈이 많이 드는 방법은 클라우드 서버를 임대하는 것. 세 가지 중 하나를 선택하면 되며, 지갑과 상담입니다.

  2. 도메인: 공간을 임대하면 보통 무료 도메인을 주지만, 분명 마음에 들지 않을 것입니다. 무료로 찾을 수도 있습니다. 예를 들어 .tk 등; 또는 약간의 돈을 들여 도메인을 임대할 수도 있습니다. .com/.cn/.net 등은 매우 저렴하며,关键是看着舒服。

  3. 도메인 인증서: 소위 "비안"입니다. 무료 도메인이라면 이렇게 번거로운 일은 필요 없지만, 자신이 임대하는 도메인은 비안이 필요하며, 이것이 있으면 "합법"이 됩니다. 보통 도메인 제공업체가 비안 가이드를 제공해주므로, 자신이 발로 뛰어 사진을 찍어 보내면 됩니다.

  4. FTP 도구: FTP 도구를 설치하면 자신의 공간에 물건을 넣을 수 있습니다

물론, 웹사이트를 마음대로 만들고 싶다면 몇 가지 지식 기술도 필요합니다: HTML, CSS, JavaScript, PHP/ASP 등의 서버 사이드 언어, SEO/의미화 등의 상식

필자의 구성: 88/년의 150M 가상 호스트 + 55/년의.net 도메인 + FileZilla

二.方案选择##

하드웨어 조건을 갖췄다면, 서둘러 HTML 을 쓰지 말고方案을 선택합시다

백엔드:

만약 시간과 정력이 충분하고, 스킬 트리도 넓게 포인트되어 있다면, 자신이 백엔드를 구축하는 것을 고려할 수 있습니다: 데이터베이스 설계 + 계층 설계 + PHP/ASP 코딩 구현

만약 시간이 제한되거나, 스킬을 많이 포인트하지 않았다면, CMS 를 사용할 수 있습니다. 좋은 것에는:

  • WordPress, 훌륭한 SEO, 방대한 템플릿, 의사 정적 페이지据说有很好的 SEO，海量模版，伪静态页面
  • 織夢 CMS, 간단하고 쉽게 익힐 수 있으며, 진짜 정적 페이지, 게다가, 이름이좋다
  • 帝国 CMS, 織夢보다 익히기 어렵지만, 더 강력하다고据说

P.S.CMS 는 백엔드를 관리해주는 도구로, 기본적인 게시, 조회, 수정, 삭제 정보를 지원하며, RSS 생성, 자동 의미화/SEO 등 다른 이점도 있습니다. 이것이 있으면 기본적인后顾之忧가 없어집니다

프론트엔드:

만약 CSS 경험이 그다지 풍부하지 않다면, 프론트엔드 프레임워크를 선택하는 것을 고려할 수 있습니다. 예를 들어:

  • Bootstrap, 매우 강력한 반응형 레이아웃. 물론 반응형이므로 [IE7-] 는 지원하지 않습니다
  • YUI, 전체 브라우저 호환, 매우 완전하고 강력하지만 "무겁다"
  • EasyUI, 전체 브라우저 호환, YUI 보다 "가볍다"

이러한 프레임워크로 쉽게 예쁜 페이지를 구축할 수 있습니다. CSS 기초가 있거나 페이지 디자인 능력을锻炼하고 싶다면, 자신이 만드는 것도 좋습니다. 반드시 예쁘지 않아도, 보기에는顺眼합니다

필자의方案:WordPress + JQuery

三.快速建站##

  1. 첫 단계, 서버 공간 테스트

간단한 html 또는 php/asp 파일을 FTP 도구로 업로드하여 액세스할 수 있는지 시도합니다. 물론, 도메인이 아직 공간과 바인딩되지 않았다면 먼저 바인딩해야 합니다. 보통 문제는 발생하지 않지만, 문제가 발생하면 판매자 고객센터에 이론을 말하면, 그들이 해결해줍니다.

  1. 두 번째 단계:CMS 설치

로컬에 다운로드한 CMS 를 서버에 업로드하고, CMS 가이드에 따라 한 단계씩 설치합니다. 이 과정에 실수가 없도록 반드시 확인하세요

  1. 세 번째 단계:CMS 백엔드 관리 진입

CMS 백엔드에 로그인하고, 아무거나 좀 작성하고, 페이지를 추가하거나, 기사를 게시하는 등으로 CMS 기능을 시험합니다

四.WordPress 관련 문제##

###1.如何在首页只显示摘要？###

WP 는 기본적으로 홈에 전문을 표시합니다. 한두 편이면 괜찮지��, 기사가 많아지면 견딜 수 없습니다. 특별히 긴 스크롤바로, 보기도 불편합니다. 요약만 표시할 수 있습니다. 구체적인 방법은 다음과 같습니다:

  1. 백엔드 관리 페이지/외관/편집 진입

  2. 오른쪽 목록에서 content.php 를 찾아 클릭하면 온라인 편집 가능합니다 (인터넷에서는 index.php 를 수정한다고 하지만, 새 버전에서는 소용없습니다)

  3. Ctrl + F 로"entry-content"검색 후, 이 div 내부 코드를 다음과 같이 변경:

    <?php //comment in chinese is invalid
if(!is_single()){
the_excerpt();
}
else{
the_content(__('(more…)'));
}
?>

앞뒤의<?php, ?>를 잃어버리지 않도록 주의하세요. 텍스트 상자 내용을 백업해 두는 것이 좋습니다.以防不测

###2.如何修改页脚的 WordPress 小尾巴？###

보통 "자랑스럽게 WordPress 를 채택", "또 다른 WordPress 사이트" 등의 꼬리가 있습니다. 쉽게 수정할 수 있습니다:

  1. 상동

  2. footer.php

  3. "<?php printf("검색 후, "<?php printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' ); ?>"를 자신의 푸터로 수정하면 됩니다. 수정 후 이럴 수 있습니다:

    <a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentytwelve' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>">Powered by WordPress</a>

헤더 수정 방법도 같으며, header.php 에서 찾으면 됩니다

###3.如何使用 Markdown？###

Markdown 은 좋은 것입니다. WP 에는 네이티브 지원이 없지만, 플러그인을 찾을 수 있습니다. 백엔드 관리/플러그인/플러그인 설치, 검색하면 많이 나옵니다. 인기를 보고 하나 고르면 됩니다

###4.如何过滤恶意评论？###

댓글 상자에 js 스크립트를 입력할 수 있습니다. 이는 매우 비과학적입니다. WP 에 스크립트 필터가 기본 탑재되었다고据说하지만, 기본적으로 관리자에게는 사용되지 않습니다. 자신이 스크립트 필터를 활성화할 수 있습니다:

  1. 백엔드 관리/외관/편집/functions.php

  2. 첫 번째 주석 블록 아래에 코드 삽입:

    /*comment filter*/
function code_escape( $incoming_comment ) {
$incoming_comment = strip_tags($incoming_comment, ENT_QUOTES);//filter php, html and xml tabs
return $incoming_comment;
}
add_filter( 'comment_text', 'code_escape' );
add_filter( 'comment_text_rss', 'code_escape' );

이렇게 하면 스크립트를 필터할 수 있습니다. 예를 들어 댓글을 입력하고, <script>alert('XSS attack')</script>, 제출 후 XSS attack 텍스트로 변합니다

###5.如何同步更新微博，微信？###

선배가 方案을 제공해주었습니다. 매우 유용합니다. 물론, 이方案은 하나의思路로, 공유 문제 해결에 한정되지 않고, 커스텀 페이지 업데이트에도 사용할 수 있습니다. 예를 들어 블로그 기사 게시 시 동기화하여 어떤 구석의 파일을 업데이트하는 등, 매우 좋습니다

P.S.오늘 막 동기화 업데이트 캘린더 기능을 완료했습니다. 예시는 黯羽轻扬 왼쪽 상단을 참조하세요

###6.需要注意的问题###

  • php 파일 수정 시 다운로드 - 수정 - 업로드를千万不要하고, 최대한직접 온라인 편집하세요. 다운로드 후 로컬에서 편집하면 이상한 인코딩 문제, BOM 부호 등이 발생할 수 있습니다

  • 수정한 코드에는中文注释不能有, 오류가 발생하기 때문입니다. fonctions.php 에 아무거나 中文注释를 추가하면 바로 오류가 나고, WP 의 오류 보고는 소용없어, 하루 종일 고생하다가 마지막에 삭제하고 다시 하게 되었습니다

  • 파일 수정 전에는반드시 백업할 것을 권장합니다. 후로를 남겨두지 않으면 비분합니다

後話###

간단한 사이트 구축 관련 내용은 이들입니다. 현재도 수정 중이며, 실제로 사용하는 WP 기능은 아직 적고, WP 에 대해서도 일지반해 단계입니다.摸索하여 익숙해지면 다른 기능과 더 많은 해결책을 소개하겠습니다

댓글

아직 댓글이 없습니다

댓글 작성