メインコンテンツへ移動
黯羽軽揚毎日少しずつ

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 についても一知半解の段階です。摸索して熟悉したら、他の機能とより多くの解決策を紹介します

コメント

コメントはまだありません

コメントを書く