« ワードプレスによるホームページ移転日記 ~その1~ | トップページ | ワードプレスによるホームページ移転日記 ~その3~ »

ワードプレスによるホームページ移転日記 ~その2~

39157467_p1  本日は二回目、今回は秋姉妹雀のページを完成させちゃいましょう。

40551300_p5  全部完成させるのね。頑張るわ。

39157467_p1_2  では、前回のホームページから、貼られているリンクをクリックしてみましょう

39157467_p7  404NotFoundとか出ているのです。

39157467_p1_3  ワードプレスのリンクは固定ページから表示の所にカーソルを合わせると出る、http://tms.sakura.tv/wordpress/?page_id=17というのをリンクの所に貼ってやればいいのよ。

39157467_p1_4  ちなみに短縮リンクだと ./?page id=17になるわね。

40551300_p5_2  他のページもひと通りコピーしてリンク張って終わり?今回は楽勝ね。

39157467_p1_5  面倒くさい作業自体は多いけどやることは作業ね。でも、それだけでは面白くないのでキャラクター紹介ページを今後作りやすいようにしましょう。

紹介の下の方にある

<h2>豊かさと稔りの象徴</H2>
<H32>姉と一緒に美少女コンテスト優勝を狙うべく麻雀を打つことになった</H32>

という感じに文が書いてある部分を書き換えるわね。

入れる文章はこんな感じ。

<?php if (have_posts()) : the_post();?>
<?php the_content('raquo;'); ?>
<?php endif; ?>

39157467_p7_2  良くわからない文章です。これ、何の意味があるのですか?

39157467_p1_6  簡単に言うと、投稿されたデータを読んで表示するっていう内容をプログラム的に書いているのよ。

40551300_p5_3  文章の長さ的には変わらないし、前のままでもいいんじゃない?

39157467_p1_7  確かにこれ一個だったら、このままでもいい気がするわね。
でも、これ以外にもいっぱい同じような文章があるとしたら楽したいと思わない?

40551300_p5_4  そうね、楽できるなら楽したいわ。

39157467_p1_8  と、言うことで書いた文章を直接反映できるようにしてみたのよ。

本文の固定ページ側に元文章を書いておけば、好きな時に変更しやすいと思うわ。

Ws000149_2

さて、次はこのフレームのまま別のに反映させましょう。

穣子ちゃんの文章をコピーしてペタリと貼っておいたわ。
Ws000143
40551300_p5_5  文字は書いたとおりになったけど、絵とかは前のままね。

39157467_p1_10  そうね。こういう時はカスタムフィールドというのを使うといいわ。

初期は表示されてないから上の表示でカスタムフィールドと言うのを選んで名前と値を入れるの。

今回はキャラ名とIDは静葉さんが静葉で穣子さんが穣子という感じに設定してね。

Ws000147_4

40551300_p5_6  出来たわ。

39157467_p1_12  出来たら、元のホームページのデータのキャラクターの記述がある所

<div id="FACGD"><IMG src="<?php echo get_template_directory_uri(); ?>/img/CRNAMESZH.png"></p>

とかこんな感じのところを変更します。

まずは

<?php $cno = post_custom('キャラ名');?>

と書いて、分岐するためのデータを取得します。

次に選択肢として

<?php if($cno == '静葉'): ?>

等と書いて

その後に分岐後のデータを書いて次のキャラクターの選択肢

<?php elseif($cno == '穣子'): ?>

で、データを記述。

ひと通り分岐が終わったら

<?php endif; ?>

を最後につけるの。

データとしてはキャラクターネームと立ち絵は全員違うからその部分を書いてね。

39157467_p7_3  難しそうです。

39157467_p1_13  まぁ、難しそうだけどやればそのとうりに動くから試行錯誤してみてね。

40551300_p5_7  どうにか出来たわ。

Ws000148

39157467_p1_14  お疲れ様。今日のところはこの辺で終了にしましょう。

39157467_p7_4  裏作業は凄く数が多くて大変だったのです。

39157467_p1_15  そうね、数が多いとそれなりに大変だから仕方ないわ。

それでは、次回一旦小休止を置いた後いよいよ本殿にとりかかることにするわね。

|

« ワードプレスによるホームページ移転日記 ~その1~ | トップページ | ワードプレスによるホームページ移転日記 ~その3~ »

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/216116/59273559

この記事へのトラックバック一覧です: ワードプレスによるホームページ移転日記 ~その2~:

« ワードプレスによるホームページ移転日記 ~その1~ | トップページ | ワードプレスによるホームページ移転日記 ~その3~ »