カテゴリー: インストール

  • Crayon Syntax Highlighterのインストール

    WordPressのブログにソースコードを表示させたい時のプラグインをインストールする
      オプション設定の説明は全文英語で記述されているので、後で日本語化する

      (1)プラグインの導入
        管理者画面 → プラグイン → 新規追加
          検索で【Crayon Syntax Highlighter】と入力し【プラグインの検索】ボタンをクリックする
          「いますぐインストール」ボタンをクリック

          【Crayon Syntax Highlighter】の【プラグインを有効化】をクリック
          これでインストール完了

        かなり細かな設定ができます
          スタトー時は省略値でもよいでしょう、慣れたら細かく設定する

      (2)日本語化処理
        日本語表示出来る言語ファイルを入手してインストールする
          「Crayon Syntax Highlighter の日本語表示」にアクセスする

        ダウンロードして解凍する
          2つの日本語ファイルが存在する

        ReadMeフィアルの内容に従って、日本語ファイルを指定の場所にセットする
          これだけで「説明文」は日本語化される

      (3)上手く日本語化されない時
        同名のファイルが別の場所にあり、優先的にそちらのファイルが使われている(場合が有る)
          「/wp-content/languages/plugins/」に有る
          「crayon-syntax-highlighter-ja.mo」ファイルを置き換える
            ※削除前に旧ファイルはバックアップしておく

        これで日本語が表示されます

     

  • Broken Link Checkerのインストール

    WordPressのLink切れをチエックを行うプラグインをインストールする
      設定した周期でWPの内容全部のLink切れをチエックする

      (1)プラグインの導入
        管理者画面 → プラグイン → 新規追加
          検索で【Broken Link Checker】と入力し【プラグインの検索】ボタンをクリックする
          「いますぐインストール」ボタンをクリック

          【Broken Link Checker】の【プラグインを有効化】をクリック
          これでインストール完了

      (2)オプション設定(例)
        省略値では3日の周期でチエックしてくれる
          Link切れの項目には取り消し線がセットされて分かり易い

        チエック完了後にはメールでチエック結果が通知される
          同じ内容がWPの管理画面に掲載されている

  • WP jQuery Lightboxのインストール

    WordPressの画像拡大を行うプラグインをインストールする
      画像をクリックすると背景が暗くなり、画像を拡大して表示する

      (1)プラグインの導入
        管理者画面 → プラグイン → 新規追加
          検索で【WP jQuery Lightbox】と入力し【プラグインの検索】ボタンをクリックする
          「いますぐインストール」ボタンをクリック(サーバー更新のためパスワードが必要)

          【WP jQuery Lightbox】の【プラグインを有効化】をクリック
          これでインストール完了

      (2)オプション設定(例)
        チエックをONにしたモノ(後で変更できる)
          自動的に画像(イメージリンク)にLightbox効果を適応する
          スクリーンサイズに合わせて画像を縮小
        他はチエックを外した

  • WPtouch Mobile Pluginのインストール

    スマホからのアクセスが今後、益々多くなるため
      プラグイン「WPtouch Mobile Plugin」をインストールし、投稿記事のスマホ化を試してみた

        旧「WPtouch」と称したアドインがバージョンアップされている

    使ってみた感想(カスタマイズせずに使ってみた)
      WPの記事だけをスマホ対応している
        トップメニューとして表示されるのは

          サムネイル画像を配したヘッドライン型の記事見出しが表示される
          両脇のガジェット等は全て消えている
          シンプルで見易くなっている
        記事の単独表示は
          同じく、記事内容だけが表示され、周りのガジェット類は一切表示されない

      何も特別な処理を施さなくてもスマホ対応していると思わせる

      これだと、誰が使ってもシンプルで同じ様な画面になる
        今でも、WPのウィジェットを全て外しているので、何ら変わり映えしない

    採用するのは取りやめる、アドインを削除した    

  • WP-DBManagerのインストール

    WordPressデータベースの自動バックアップ、自動最適化を行うプラグインをインストールする
      データベース情報の閲覧、ファイル操作、復元、テーブル操作、SQLクエリ操作と多機能である
      WPのデータベース単位ごとに導入することにした
      以下の操作は全て管理者権限で行うか確認すること

      (1)プラグインの導入
        管理者画面 → プラグイン → 新規追加
          検索で【WP-DBManager】と入力し【プラグインの検索】ボタンをクリックする
          「いますぐインストール」ボタンをクリック(サーバー更新のためパスワードが必要)

          【WP-DBManager】の【プラグインを有効化】をクリック
          これでインストールされたが、赤枠に囲まれたメッセージが出力される
            ”Your backup folder MIGHT be visible to the public”
            ”バックアップフォルダに他人からアクセスされる可能性がある、という意味です

        ひとまずアクセス権への対応を後回しにして
          ダッシュボードの左サイドに追加された【Database】について日本語化を優先させる

    DB_Manager1
    反映前

      (2)日本語化への対応
        【WP-DBManager 日本語版】を個人のサイトからダウンロードする
          URL=http://wp.mmrt-jp.net/plugin-japanizationproject/dbmanager/からダウンロードする
        wp-content/plugins/wp-dbmanager/ の直下に
          ダウンロードしたzipファイルに含まれる wp-dbmanager-ja.mo と wp-dbmanager-ja.po ファイルを入れる
        これで日本語化される


        ※注意点
          バージョンアップ等で【wp-dbmanager】ホルダー以下が変更される場合がある
          日本語化がされていないと気付いたら、もう一度同じことを行えばよい

    DB_Manager2
    反映後

      (3)【WP-DBManager】への設定
        バックアップフォルダへのアクセス権に関して対応する
          事前に【wp-content】の配下に【backup-db】ホルダーを作成してパーミションを【777】にセットしておく
        【wp-content/plugins/wp-dbmanager】内にある 【htaccess.txt】を

          【wp-content/backup-db】内へ移動させ、ファイル名を 【.htaccess】に変更する
        赤枠が消え、データベース バックアップの設定が表示される

  • Instant WordPressのインストール

    WordPressのローカル環境を構築することができます
      Instant WordPressというソフトウェアをUSBメモリにインストールすれば簡単に構築できます

    構成内容は(提供時期によってバージョンは更新されていきます)
      WordPress3.2、Apache 2.2.15、PHP5.3.2、MySQL 5.1.46
      OSはWindows XP、VistaまたはWindows7
      USBメモリ内に約200MBのディスク容量の空きが必要
      アンインストールはファイルを削除するだけ

    1.ダウンロードする  https://www.instantwp.com/

    InstantWPダウンロード
    InstantWPダウンロード

    2.USBメモリ等に解凍して展開する

    3.WPをキックする

    InstantWPキック
    WPキック

    4.WPの初期画面を確認する
      

    InstantWP初期画面
    初期画面

    早速、WPが使えるようになります

    さらに、ApacheMySQLPHPとWebプログラムの開発環境が無料で揃います

  • 変更した履歴(リビジョン)を削除する

    WPは記事の作成中に、自動的に記事を保存する(リビジョン)機能がある
      プラグイン「Better Delete Revision」をインストールし、不要になった記事の履歴を削除する

    Better Delete Revision」は公式プラグインとして登録されているので簡単にインストールできる
      管理者画面 → プラグイン → 新規追加 → プラグインのインストール から
        検索
    キーワードに「Better Delete Revision」 と入力して検索する
        直ぐにインストールされ、自動的に有効化されて終了する

    次に「Better Delete Revision」を使ってレビジョンを削除する
      管理者画面 → 設定 → Better Delete Revision から
      【Check Revision Posts】ボタンをクリックする、リビジョンの一覧が表示される

      【Yes, I would like to delete them】ボタンをクリックする、リビジョンを一括して削除できる

    さらに、データベーをス最適化する
      先ほどの削除用画面に表示されている【Optimize Your Database】ボタンをクリックする
        即座にデータベースの最適化が実行される

    以上で、レビジョンが削除され、データベースも最適化される

  • ピンバックを承認する

    ブログ記事を書くと、「新しいピンバックが承認待ちです」というメールが届く
      ブログ記事中でWPの記事にリンクを張るとリンク先へメールが届く様になっている
      WPの記事にリンクを張られたので、承認しますかの通知メールです

      通知メールと同じ内容がコメントとしてダッシュボードに掲示される
        承認作業は、管理者画面 → コメント と進み、画面を見て判断しコメントの承認という形をとる

    承認メールの通知を解除する方法
      WPの管理者画面 → 設定 → ディスカッション設定
        他のブログからの通知(ピンバック・トラックバック) を受け付けるのチェックを外す
        これだと、正しく行われるピンバックやトラックバックも全て受け付けないという設定になってしまう

      自分自身のピンバックだけ(Self Pings)を停止するプラグイン【No Self Pings】を使用する
        本来のピンバックは維持し、セルフピンバックだけを止める

      WPの設定でピンバックを止める
        ピンバックを送信しなければセルフピンバックも発生しない
          管理画面 → 設定 → ディスカッション に進む

          「この投稿に含まれるすべてのリンクに通知を試みる」のチェックを外す
        全てのピンバックが停止してしまうので、あまり良策ではない

      自分のサイト内リンクを相対リンクにする
        ページへのリンクを相対リンクにしてしまえば、ピンバックは送信されない
          相対リンクとは、URLを省略してファイル名でリンクすること

            <a href=”yyy.html”>相対リンク</a>
          絶対リンクとは、リンク先URLを、「http://」から完全記述すること

            <a href=”http://www.abc.com/yyy.html”>絶対リンク</a>

  • モデレートする

    モデレートしてください」という通知メールが届くことがある
      届いたコメントやトラックバックピンバック)の承認作業をしてください、という意味です

      通知メールの内容を確認する
        「新しいピンバックが承認待ちです」という内容だと
          WPの記事にリンクを張られたので、承認しますかの通知メールです

      通知メールと同じ内容がコメントとしてダッシュボードに掲示される
        承認作業は、管理者画面 → コメント と進んで、コメントの承認という形をとる
        コメントへの承認かピンバックへの承認かを画面を見て判断し、各々対応する

    モデレート作業の抑制策
        コメントが数多く寄せられ、対処に困った時にはコメントスパム対策を設定するを参照する
        ピンバックが数多く寄せられ、対処に困った時には
    ピンバックを承認するを参照する

  • 改行と行頭スペースに対応する

    プラグインの導入可否を判断する
      現状での改行の扱い
        投稿記事の編集を行う際に注意すべき点
          「enterキー」だと、段落となり1行スペースが空き、そのスペース行には入力できない
          「shiftキー」+「enterキー」だと、<br>の改行となり、その行に続けて入力可能
        通常のエディターに慣れていると勝手が狂ってしまう

        改行分だけスペースを空けてくれる「brBrbr」と言うプラグインがあるが
          今度は記事の中の段落タグ<p>が取り除かれてしまい、整形作業が発生することにもなる
          後述の行頭スペースの扱いの件も有って、プラグインは使わないことにする

      現状での行頭スペースの扱い
        投稿記事の編集を行う際に注意すべき点
          行頭にスペースを置いて、行の先頭を揃えようとした場合
            スペース文字は無視されて、勝手に前に詰められてしまう
        通常のエディターに慣れていると勝手が狂ってしまう

        行頭スペース問題を解決してくれる「PS Disable Auto Formatting」と言うプラグインがあるが
          行頭スペースをタグで修飾して、単純な空白文字ではないと宣言するだけ
          上述の改行問題も解決してくれるが、途中の段落定義が効かないのは同じ
          どうやっても、通常のHTML編集とは同じ仕様にはならないので、プラグインは使わないことにする

  • コメントスパム対策を設定する

    WPのコメントには誰でも自由に投稿できる
      多数の投稿がコメントに寄せられると、コメント承認待ちの状態で投稿が滞留する
      承認用通知メールとなって多量にメールボックスにメールが滞留することにもなる
      コメントの内容をチェックしてくれるプラグインをインストールする

    Akismet」はWPをインストールすると、既に同梱されセットアップされています
      管理者画面 → プラグイン → インストール済みプラグイン から
        Akismetを有効化する

    次にAkismetを使うために、API キーを入力する
      管理者画面 → プラグイン → インストール済みプラグイン から
      【プラグインのサイトを表示】をクリックして、Akismetのサイトを表示する

      Akismetのサイトが表示されたら、【Get an Akismet API key】ボタンをクリックする
      Akismetのプラン選択画面が表示されたら、【Personal Site】から進んでいく
        「有料」かと驚かず、そのまま進めば無料で使用できる様に設定できます

      次に、名前やメールアドレスなどの登録情報を入力する
        画面右側の「ツマミ」をいちばん左側に移動させて、無料にする

      【CONTINUE】ボタンをクリックして登録を完了させる
        この時、画面にAPIキーが表示される(見逃す可能性が高い)

    次に、APIキーを入力する
      先ほど設定したメールアドレスに、「Akismet API key」が届く
      管理者画面 → プラグイン → Akismet 設定 から
      「Akismet API key」を設定する

    以上で、コメントスパム対策は完了する

  • 日本語環境を設定する

    日本語環境でWPを正しく動作させるために必要となる機能を設定する
      英語圏で作られたWPを日本語環境で正しく動作させるためのプラグインをインストールする

    WP Multibyte Patch」は日本語WPをインストールすると、既に同梱されセットアップされています
      管理者画面 → プラグイン → インストール済みプラグイン から
       「WP Multibyte Patch」を有効化するだけでよい

      PHP のmbstring系関数を使用しているので
        動作がおかしい場合はPHP環境も確認してください

  • サイトのタイトルとキャッチフレーズを設定する

    記事のページ上部にヘッダー部として表示されている部分
      サイトのタイトルはヘッダー部に表示されるタイトルのこと
      キャッチフレーズはサイトの説明文のこと

    いずれも、管理者画面 → 設定 → 一般 と進み設定する
      分かりやすくて、目に付く言葉を選んで設定する

  • フロントページ(初期画面)を設定する

    WPで作成したブログを表示した時に最初に表示される画面をフロントページ(初期画面)と呼ぶ
      通常では最新投稿記事から順に複数表示される、固定化されたページが表示される訳ではない
      初期画面を固定化させて、サイト訪問者に好印象を与える様に設定し直す

    各記事を表示したページのヘッダー部に「メニュー」として表示する場所が用意されている
      通常、左端に「ホーム」としてリンクが表示されている
      「ホーム」をクリックすると、最新の投稿記事が表示される

      「ホーム」をクリックさせて特定のページを表示させるには
        管理者画面 → 設定 → 表示設定 と進み

          「フロントページの表示」が「最新の投稿」となっているので
            「固定ページ」を選択し、さらに特定の固定ページを選べば
            「ホーム」をクリックした際に、その選ばれた固定ページが表示される様になる

  • 写真をアップロードする

    投稿記事に写真等を載せたい場合
      管理画面 → メディア → 新規登録 の画面からアップロードする

    事前にアップロードファイルを保管する場所を用意する
      【…任意…/wordpress/wp-content/uploads/】、要するにuploadといったディレクトリーを用意する
        パーミッションは707にしておく

  • WP-lightpopのインストール

    WordPressの画像拡大を行うプラグインをインストールする
      画像をクリックすると背景が暗くなり、画像を拡大して表示する

      (1)プラグインの導入
        管理者画面 → プラグイン → 新規追加
          検索で【WP-lightpop】と入力し【プラグインの検索】ボタンをクリックする
            ※現在、検索しても表示されません
              【WP jQuery Lightbox】に切り替えて利用しています
          「いますぐインストール」ボタンをクリック(サーバー更新のためパスワードが必要)

          【WP-lightpop】の【プラグインを有効化】をクリック
          これでインストール完了

      (2)横幅の最大値を設定しておく
        インストールしたままの状態だと、横幅は画像の元のサイズで拡大表示される
          Wordpressの記事幅より大きく表示されると画面が見にくくなる

        管理画面→設定→lightpop→リンクタイプごとのオプション
          画像ファイルの拡大表示時の最大値を適当に設定する(800とした)、高さはゼロでよい

  • パーマリンクを設定する

    パーマリンクとは
      投稿された記事への恒久的(半永久的)なURLのことです
        内部や外部からLINKする際に使用するリンク先となります

    初期設定では、クエスチョンマークと多くの数字からなるURLが既に設定されています
      パーマリンクとアーカイブ用にカスタムなURL構造を作成することができます
      これにより、リンクの見た目、使いやすさ、そして継続性が改善できる

    管理画面を使ってパーマリンクを設定する
        WPの管理者画面(ダッシュボード) → 設定 → パーマリンク設定
          共通設定で「月と投稿名」を選択した
          好みでどれを選んでも良い
            年月はシーケンシャル番号に成り得るので、並び替え易いと考え設定した
            投稿名は日本語でURLが表示されるので、見易いと考え設定した
        「変更を保存」で完了する

    既に作成した投稿記事にはパーマリンクの設定が反映されない
      こういった際にはパーマリンクの設定を変更するを参照してください

  • サーバーへのインストール

    レンタルサーバーへインストールした際の手順を整理して載せておきます
      【WordPress Japan】にアクセスし、最新版をダウンロードする

      先ず、解凍してサーバーにホルダー(wordpress)ごとアップロードする
        設置場所に付いては個別対応願います

      ディレクトリー(wordpress)のパーミッションを【707】に設定する
        一時的に書き込み可能にしておいて、後で書き込み不可に戻す

      WPの初期設定を実施する
        ホルダーごと移したのでwordpressホルダー直下の【index.php】をクリックして動かす
          警告メッセージが表示される、【wp-config.phpファイル】を作成するのリンクをクリックして先に進める

        データベース設定の画面に進む
          事前にレンタル業者から情報が届いていたので、以下の項目を入力する
            ・データベース名
            ・ユーザー名
            ・パスワード
            ・データベースのホスト名
            ・テーブル説頭辞

          複数のWPをインストールする場合にはテーブル説頭辞を順次変える(初期値はwp_で設定されている)

        メッセージ「」が表示されてインストールが完了する
          ディレクトリー(wordpress)のパーミッションを【705】に戻して置く

      WPの動作確認を行う
        wordpressホルダー直下の【index.php】をクリックして動かし、動作確認をする