トップページへ
Wordpressを使う

  1. Wordpressとは?
    1. Wordpress とは、GNU GPLMySQL データベースを利用したphpスクリプトです。
       WordPress 日本語ローカルサイト   日本語で WordPress
    2. Wordpress は、2種類の方法で提供されている   参考1  参考2  参考3  参考4
      1. WordPress のソフトウェアの提供 → (サーバーの一部を独自のブログサイトに出来ます。詳細下記)
      2. 無料ブログサービス版「WordPress.com」の提供

  2. Wordpress ソフトを独自のサーバーで使う
    1. 利用環境・・・・・・始める前に
      • PHP と MySQL が利用できることが条件です。詳細
      • 日本語文字コードは、UTF-8N を使います。
    2. データベースの設定 star serveの場合
      • サーバーが提供するMySQLデータベースを利用可能にします
      • データベース名,ユーザ名,パスワード(MySQL管理用)などを設定
    3. WordPressのインストール ( スタートガイド 導入から )
    4. WordPressのインストール先に WordPressのページが作成されます
      • WordPressのインストール先で WordPressのページ(トップページ:index.php )が表示されます
      • 初期設定などは、 管理画面から行います。(/wp-admin、/wp-login.php で入室 ) カスタマイズ方法
      • ページを賑やかにするためには、具体的に「固定ページ」と「投稿」を作成していきます 

  3. WordPressの設置 例  [ スターサーバー(MySQL5.7 php7.2.17適用)の場合 ] 参考
    1. できれば事前に、利用サーバーのデータベース(MySQL5.7) の追加・設定を済ましておきます
         
    2. WordPress(wordpress-5.2.2-ja) をダウンロードし、解凍。
         
    3. データベースの作成   サーバー内に「データベースの設定」の確認をします。
      • 「サーバー管理ツール」へとログインし、ホームページの項目の「データベース設定」をクリック。
      • 「MySQL一覧」から利用可能な「データベース名」「MySQLユーザ権限」などを「確認」します。
      • 利用可能な MySQLがなければ、「MySQL追加」から「データベース名」「文字コード(UTF-8)」を入力して「確認」。
      • 「MySQLユーザ設定」をクリックし、「データベースユーザ名」「データベースパスワード」を入力して「確認」。
           
      • さらに「権限追加可能ユーザ」から「権限追加」をします。
    4. ダウンロードした WordPress ファイルを解凍して、サーバーにWordPress用フォルダを作りアップロードします。
    5. ブラウザでその 「ドメイン名/フォルダ/」にアクセスすると、ウィザードが開くので、それに従って設定します。↓
      • WordPressが起動して wp-config.phpが作成されていないと、作成ウイザードが起動します。
      • wp-config.php設定の説明ページが出てくるので、確認したら「さあ、始めましょう!」をクリック。↓
           
      • 「データベース名」「データベースユーザー名 」「データベースパスワード」「データベースのホスト名」(*****.minibird.netowl.jp)等使用する MySQLデータベースの値を入力します。↓
           
      • データベースへの接続が確立するので、「インストール実行」で次の WordPress サイトの設定を進めます。↓
           
      • 次に WordPress サイトの「タイトル」や「ユーザー名」その「パスワード」等を入力します。↓
           
      • WordPress サイトが作成されました。引き続きWordPress サイトの管理画面にログインできます。↓
           

      • また WordPress サイトの「ログイン」ページ(/wp-login.php)から、いつでも管理画面に入る事もできます。↓
              
      • ログインするとWordPress サイトのダッシュボード画面が表示されます。↓ 「サイトを表示」をクリックすると、
           
      • WordPress サイトのトップページが編集可能な状態で表示されます。↓
           

  4. ページの構造
    ◆Wordpressの基本構造   (テーマの構造: Codexより)
    1. HTMLはどこにある?  テーマの構造  使い方解説  ページ作成方法
    2. Wordpressは各テンプレートで構成されます。  テンプレート階層  テンプレート構造
      ★各ページは下記のようになっており、下表の左の該当ファイルが無いと右のファイルが表示されます。
      ページ使用するテンプレート
      フロントページ front-page.php home.php index.php
      ブログ投稿
      インデックスページ
      home.php
      カテゴリーページ category.php archive.php
      タグページ tag.php
      月別ページ date.php
      カスタム投稿タイプページ archive-$posttype.php
      個別投稿ページ single-post.php single.php
      固定ページ $custom.php page.php
      検索結果ページ search.php
      404ページ 404.php
      ★それぞれのページは、各部品ページの組合せで表示されます。
      表示部分使用するテンプレートインクルード関数
      ヘッダー部分 header.php <?php get_header(); ?>
      サイドバー部分 sidebar.php <?php get_sidebar(); ?>
      フッター部分 footer.php <?php get_footer(); ?>
      コメント部分 comments.php <?php get_comments_template(); ?>
      検索フォーム searchform.php <?php get_search_form(); ?>
    3. 初期状態のページ構成例 参考
      【 トップページ (ブログ ) 】
      index.php
      【 固定ページ (サンプルページ) 】sample-page/
      【 基本形 】
    4. WordPressの使い方  思い通りにカスタマイズ!

  5. ページの編集
    ◆サイトの構築が出来、構造が理解出来たらページ編集等をします。 [ 初期設定  テーマ編集  ページ作成  記事編集 など ]
    1. 管理画面 (ダッシュボード)  ログインできない
    2. 初期設定  初期設定の手順  最低限の設定  カスタマイズ
    3. テーマ編集 テーマは、ダッシュボードから「外観」→「テーマ」で選択します。 (各種テーマ)
    4. ページを編集

  6. Wordpress のサイト移行
    1. WordPressのツールを使用する
      • WordPress管理画面左メニューの「ツール」から「エクスポート」を選択します。
      • 「すべてのコンテンツ」にチェックを入れ「エクスポートファイルをダウンロード」をクリックすると、xmlファイルがダウンロードされます。
      • 移転先ではWordPressで「ツール」から「インポート」を選択します。
      • 「WordPress」を選択します。
      • 「WordPress インポートツール」がインストールされていない場合、「今すぐインストール」を選択します。
      • インストールが完了したら、表示が変わりますので「インポーターの実行」をクリックします。
      • 「ファイルを選択」をクリックし、エクスポートでダウンロードしたxmlファイルを読み込みます。
      • 「ファイルをアップロードしてインポート」をクリックします。
      • ユーザの割り当てなどを入力後、「添付ファイルをダウンロードしてインポートする」にチェックを入れ「実行」をクリックします。
      • 完了すると下記の表示がされます。
      • このエクスポート・インポートでは、記事やメディアファイルは移行されますが、テーマやプラグインの情報はインポートされません
    2. WordPressのお引っ越し  『サイト引越し屋さん』
    3. phpMyAdminの使い方  データベースのエクスポート  インポートエラー原因

  7. 関連サイト
    1. Wordpress の長所と短所  メリットとデメリット
    2. WordPress 日本語  WordPress_のインストール  インストール手順!
    3. WordPressの使い方  0からWordPressで  作成する方法
    4. WordPressサイトの例
    5. 引っ越しマニュアル  新サーバーに移転  サイトの複製
    6. 接続確立エラー  データベース接続確立エラー
    7. ブログシステム構築  CafeLog

  ページ先頭へ   HP作り  J.S.を使う  JS-link  jQuery  Wordpress  maps