「Wordpress」タグアーカイブ

WordPress挑戦記(3)

>>WordPress挑戦記(1)
>>WordPress挑戦記(2)

前回は、「子テーマ」を作るやり方にしようと決めたところまで書きました。

Dreamweaverでコードヒント設定

と、その前に書き忘れてたこと。
実際に始める前に、Dreamweaverでサイト固有のコードヒント表示機能を使えるようにしておく。
[サイト]→[サイト固有のコードヒント]を選択、WrodPress内のディレクトリを指定。
これで、[CTRL]+[スペース]キーで入力補完ができるようになります。

子テーマを作る

wp-content/themesの中に、子テーマ自身のディレクトリであるフォルダを、任意の名前で作ります。この中のファイルが、親テーマのファイルの同項目を上書きしていくイメージ。

最低必要なファイルはstyle.cssのみで、その他のファイルは必要に応じて。
(ちなみにテーマに使うCSSは「style.css」のひとつのみで、名前は変更不可)

その子テーマのstyle.cssではファイルの先頭にヘッダー情報を描く必要があり、「Template: 行」が必須です。
親テーマが何かをそこで明示するんですね。
>>子テーマ – WordPress Codex 日本語版

functions.phpは上書きされず、親の functions.php に追加して読み込まれるそうです。
(functions.php は今回触らなかったのでそのへん保留…)

テンプレートファイルは、CSSと同様上書きされるイメージ。
必要なものだけ作ればよい、と。

続きを読む

WordPress挑戦記(2)

2012_wp2
>WordPress挑戦記(1)はこちら
前回はローカルにXAMPPとWordPressをインストールしたところまで書きました。

構成を考えてサイトデザインを起こす

何しろ初めてですからして、難しいことは何一つ出来ないであろうと踏んで、なるべくシンプルな物にしようと思いました。PHPもドがつくほどの初心者、というか、ほとんど無知であるといってもいい。
内容は、前のサイトと同様、プロフィールと制作実績とブログとメールフォーム。
TOPに更新しやすいお知らせ文とブログの最新記事、サイドバーは…とりあえず共通でアーカイブへのリンクとTwitterくらいで。
(締切がないのをいいことに、このデザインおこしに半年以上費やしてました…)

普通にコーディングする

xhtml+CSSできっちりコーディングをします。
これをしっかりしておくと後でテンプレートに落とし込むときが楽です。

オリジナルテーマ化する…?

さーて、htmlファイルをPHPファイルにあてはめていくぞー!
…と思ったものの、やり方が分からない…
どれかテーマを改造する感じで作ればいいんだろうけど、どこから手を付けたらいいのか! さっぱり! 分からない!(力強く宣言)
で、いろいろ調べているときに知ったのが、「子テーマ」というものでした。

WordPressの子テーマとは、別のテーマ(親テーマ)の機能を継承し、その機能にさらに機能を追加したりその機能を調整したりすることのできるテーマです。
もっとも単純な形式では style.css ファイルを一つだけ備えたディレクトリとなり、制作がとても簡単です。HTML と CSS に精通していればプログラミングの知識は必要ありません。また、基本的には親テーマ自身にはまったく手を加えないで親テーマのスタイルやレイアウトを好きなだけ変更することができます。そのため、親テーマがアップデートされても子テーマの変更は保持されます。
さらに、PHP や WordPress Plugin API を基本的に理解していれば、自分の子テーマの中で PHP を使い、親テーマにまったくさわることなくどのような改変でも可能になります。
このような理由で、使用しているテーマをカスタマイズする方法として子テーマをおすすめします。

親テーマをベースに変更点だけ作り込めばよくて、プログラミングの知識必要なし! すてき!
うっかり間違えた編集して元に戻すのに苦労するとかなさそうなのもいい、これだ、これで作るぞ!

とりあえず、デフォルトテーマの「TwentyTen」をベースに子テーマを作ることにしました。つづく。

WordPress挑戦記(1)

随分前にこのブログをWordpressにして、勉強しようとローカルにXAMPPをインストールしてみたことがあるのです。が、XAMPPを立ちあげた日には必ずブルースクリーン発生・PC強制終了、ということが続いて以来ずっと中断してました…。ブルースクリーンこわい。忙しい時期にOS再インストール?しなくちゃいけない事態とかこわい。
で、どうしようかなーでもやってみたいんだよなーと迷ってたんですが、いいものを見つけた!
CドライブがダメならUSBメモリに入れたらいいじゃない。XAMPP USB Liteをつかえばいいじゃない。(まりー風)
恐る恐る使ってみて1週間、一度も問題が起きておりません。やった!
そんなわけで、やっと勉強再開です。で、できるかなー。

続きを読む

【WPプラグイン】emoji

絵文字プラグイン「emoji」を入れてみました。
>>WordPress Plugins/JSeries ≫ emoji (絵文字挿入)

ダウンロードしたZIPファイルをプラグインフォルダにアップロード。もしくはダッシュボードで検索して追加。
で、プラグインを有効にする。
そうすると投稿画面に絵文字のアイコンが登場。
最初からある程度入ってるけど、追加するにはファイルを「wp-includes/images/smilies配下」に直接アップロードする。
デフォルトのままだとファイル名の昇順に並んで見づらい。
ダッシュボードの設定→絵文字の設定から、画像ファイルのリストをテキストで作って、その順番に並べることもできる。でもファイル名直接いじった方が楽なような?

WordPressへの移行

WordPress への移行を思いついてから幾星霜…。

ちょっと触っては忙しくなって挫折、その間に忘れて更に挫折、xamppを立ち上げるとブルースクリーンが出るというエラーが数回出て挫折。そんなこんなをしているうちに、今年中にブログサービス終了とのお知らせが舞いこみ、慌ててまたチャレンジしている次第です。さてテーマ自作はいつになるやら。

本サイトからはそのうちリンクさせます。ああ、写真もどうにかしなくちゃな…