PC、ゲーム、デジタル機器などの初心者向けの話題や小技などをつらつらと……

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【WordPress】 ウィジェット利用のための記述をfunction.phpに追加

 現在作成中のテーマは完全にゼロからのオリジナルなので、このままではWprdPressのウィジェット機能は使えないままとなるため、ウィジェット機能使用のための記述をfunction.phpに追加する。

<?php register_sidebar(); ?>

 上記がfunction.phpに記述する、ウィジェット使用のためのコードの基本形。ここに必要なパラメータを追加記述して、現在のテーマに必要な形に仕上げていく。

続きを読む
スポンサーサイト

WordPressのメイン記事分をHTML5準拠でコーディングする

 今回は前回作成したWordPress用HTMLテンプレートを基に、HTML5に準拠した形でメインとなる部分のコーディングを行っていく。

 前回からえらく時間が空いてしまったが、全ては決算月が悪いということで(笑)

 今回行うのはメイン部分=コンテンツとなる部分の全体枠及び、各記事を表示する部分のコーディング。この部分をHTML5に準拠したタグを用いてコーディングしていく。

 具体的に言うと、HTML5で新たに定義された要素である<article><section><header><footer><aside>の5つを用い、全体の形を整えていく。

 ちなみにこれら新要素は、既に前回紹介したHTML5対応のノーマライズCSSにてブロックレベル要素としてレンダリングされるように指定済み。
 もしブロックレベル要素へのレンダリング指定をしていないようなら、作業前に別途CSSにて指定しておくことを推奨。

続きを読む

WordPressで作成中の個別ページが空白で表示されてしまう問題を解決

【問題】:
 WordPressで作成中のHTML記述・CSS装飾済みの個別ページが、なぜか空白で表示されてしまう。

【原因】:
 空白のsingle.phpがテーマ内にあると、個別ページはindex.phpではなくsingle.phpを優先して出力してしまう。

【解決方法】:
 現時点ではまだ全記述をindex.phpに集約して記述中のため、個別ページ用記述をsingle.phpに分割するまで、空白のsingle.phpはテーマ内に置かないようにする。

【環境】:

  • OS : Windows7 Professional 64bit
  • WordPress : Ver.4.1.1
  • WordPressサイト作成途中での各ページ確認中に発生


 現在既存のテーマをカスタムするのではなくゼロからテーマを作成しているが、その途中でテストとして作成中の個別ページを開いてみると何故かうまく表示されない。具体的にはきちんと記述してあるはずの個別ページが、なぜか空白で表示されてしまう現象に遭遇。

 先日テーブル接頭辞を手動変更した事による予期せぬエラーや個別ページに関するいずれかの記述のミスなどいくつかの原因を疑ったが、原因を突き止めてみればなるほど文字通りの「凡ミス」だったわけで……

続きを読む

WordPressサイトのHTMLとCSSの基本骨子となるテンプレート作成

 これからWordPress用サイトを構築していくわけだが、これからもWordPressサイトはいくつか作成していきたいと考えているため、まずは基本骨子となるテンプレート的なモノを作成しようかと。

 これからしていくことをまとめると、

  • HTML5に準拠した基本ソースの作成(DOCTYPE宣言等)
  • ノーマライズCSSの適応
  • style.cssにテーマに関する情報を記述

等のフォーマットを決め、それらをテンプレートとすることでこれから先作成するであろうWordPressサイトの作成時に使い回していこうかと。

続きを読む

ようやくWordPressサイト、本格的に作成開始

 取りあえず前回まででWordPressの基本設定がひととおり完了したので、これでようやく本格的なサイト構築を始めていくことに。ここまで来るだけでどれだけかかってるんだ……

 取りあえず作成するWordPressサイトは今後のことを考えた上で、

  • 基本的にHTML5準拠で構築
  • CSSはCSS3を基本とする

 上記の2点を基準として作業していくことにする。

またWordPress構築にあたり購入した参考書はWordPress3.xを基本とした解説だったが、現在はバージョンアップして4.x系となっており若干推奨テンプレートタグの内容等が異なってくるため、そこら辺も色々調べつつ解消していくことに。

続きを読む

WordPressデータベースのテーブル接頭語の変更を試みる

 先日取り合えずローカル環境へのインストールが完了したWordPress。これから本格的にWordPressサイト構築に入っていくが、その前に気になっているのがテーブル接頭辞(prefix [プレフィックス])。

 というのも今回WordPressのローカル環境構築にはBitnamiを使用したが、Bitnamiを使用した場合データベース設定の大半が自動化されるため大変便利ではあるが、同時にテーブル接頭辞の設定も全て自動化されデフォルト設定のままでのインストールとなってしまうため、このままではセキュリティ的に大変よろしくない。
 また今後WordPressサイトを複数構築・管理する場合、ひとつのデータベースを共有しようとするならこのテーブル接頭辞の変更は必須となってくる等、セキュリティ面以外でもテーブル接頭辞の変更は行った方が色々と便利でもある。

 そこで本格的なWordPressサイト構築に入る前に、WordPressデフォルトのテーブル接頭辞「wp_」を独自のテーブル接頭語を変更してみようかと。

 テーブル接頭辞を変更する方法は、基本的に以下の2種類がある。

  • プラグインを用いた変更
  • 手動によるデータベース及びwp-cpnfig.phpの記述変更

 プラグインを用いた変更が最も手軽かつ簡単だが、プラグイン自体に脆弱性等の問題があるものや、動作の遅延に繋がるものもあると聞くので、今回はデータベースの勉強も兼ねて手動で変更作業を行うことに。

 手動でWordPressのデータベーステーブル接頭辞を変更する場合、手順は以下のようになる。

  • phpMyAdminからデータベースのテーブル接頭辞を、SQLを用いて一括修正
  • wp-config.php内の「$table_prefix」(接頭辞指定)部分を書き換える

 wp-config.phpの書き換えはともかくデータベースに関してはまるで素人なので、ネット上で色々と参考にしながら修正を加えたので、参考にしたサイト等も併せて明記しておく。

 ちなみにこれから行う作業の前にWordPressの各データ及び、特にデータベースを必ずバックアップすること。

 「推奨」ではなく「必ず」。そうでないと最悪全アンインストール後、ゼロからの再作業の可能性があるため要注意。

続きを読む

XAMPP・Bitnami利用によるWordpressのローカル環境へのインストール

 WordPressはPHPとMySQLを利用して動作するため、基本的に使用するにはPHPとMySQLが動作するサーバーにインストールする必要がある。
 だがWordPressを構築する上でローカル環境、すなわち自分のPC上で動作できるようにしておくと、テーマの開発や修正に各種試験等、様々な方面で非常に利便性があるとのこと。

 これからWordPressを利用して行くにあたり、上記を踏まえてまずはローカル環境へのインストール作業から始めることに。利用するソフトは以下の通り。

  • XAMPP
  • Bitnami for XAMPP

 XAMPP(ザンプ)もBitnamiも、WordPressのローカル環境構築のためのソフトウェアとしては定番中の定番。簡単に両ソフトの説明をすると、

【XAMPP】公式サイト
 Webアプリケーション開発に必要なソフトウェア類をパッケージしたソフト。WordPress動作必要なApache(サーバー)、MySQL(データベース)とPHP(プログラム言語)phpMyAdmin(管理ツール)等を一括してPCに導入できる。
【Bitnami for XAMPP】公式サイト
 様々なWebアプリケーションや動作環境を簡単にPC上に構築するためのソフト。導入するソフトや環境により無数のバージョンがあるが、今回は先にXAMPPがPCにインストール済の状態で利用することでWordPressのローカル環境導入を簡略化する「Bitnami for XAMPP」を利用。

 要約すると、XAMPPはローカル(PC)上にサーバーと同じ環境を再現するためのソフトで、BitnamiはWordPress導入の手間を簡略してくれるソフトとなる。
 最新版のXAMPPをインストールすると途中でBitnamiについての案内が出るので、Bitnamiはそこからリンクを辿りダウンロードできる。

 WordPressのローカル環境構築で必須となるのはXAMPPで、Bitnamiはあくまでも導入簡略化のためのソフトのため必須ではないが、今回は定番中の定番と評価も高いXAMPP+Bitnamiでローカル環境を構築していくことに。

続きを読む

WordPress構築開始

 年末年始の時間を使ってようやくWordPress構築のためのローカル環境の設置が完了したため、これから本格的にWordPressを弄っていこうかと。
 しかしこれまでHTMLやCSSについては素人ながら色々と手を出しては来たものの、WordPressに必須となるPHPはこれまでノータッチ、すなわち素人以下の知識しか持ち合わせていないため、正真正銘本当にゼロからのWordPress着手となる。

 よって自身のための備忘録も兼ねて、WordPress構築から公開までの記録を取りつつこれからの作業を行っていこうかと。そうでないと構築途中で軽く混乱しかねないので……多分ではなく恐らく必ず(笑)

続きを読む

プロフィール

雪陽炎

Author:雪陽炎
 PCやデジタル機器類いじりの他にも、あれやこれやと趣味を持つ器用貧乏な奈良県民。
 初心者向け兼自身の忘備録としてPC及びデジタル機器関連の情報をまとめてます。

参加ブログランキング

にほんブログ村 PC家電ブログ パソコン・周辺機器へ にほんブログ村 PC家電ブログ 家電・AV機器へ
にほんブログ村 PC家電ブログ PCオーディオへ
人気ブログランキングへ
人気ブログランキングへ
最新記事
スポンサ-ドリンク
最新コメント
最新トラックバック
Amazon
楽天
ブロとも申請フォーム

この人とブロともになる

関連記事Loader

[猫カフェ]futaha

スポンサードリンク
本館/別館サイト
カテゴリ
ブックマーク
最近のチェックリスト / PC関連
最近のチェックリスト / AV関連
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。