カテゴリー別アーカイブ: 日記

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

39157467_p1本日は二回目、今回は秋姉妹雀のページを完成させちゃいましょう。 40551300_p5全部完成させるのね。頑張るわ。 39157467_p1_2では、前回のホームページから、貼られているリンクをクリックしてみましょう 39157467_p7404NotFoundとか出ているのです。 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~

39157467_p1 初めまして、ワードプレスでホームページを作る日記の講師役、龍田です。 39157467_p7 ワードプレスってなんです? 39157467_p1_2 ブログとかを作りやすいように作られたホームページ制作ソフトね。 フリーでも使えて高性能だからいろんな企業とかでも使われているのよ。 39157467_p7_2 すごいのです...多分。 39157467_p1_3 よくわからないみたいだからさくっとホームページを作ってみましょう。 40551300_p5 私にまかせて。 39157467_p1_5 流石に何も説明しないで雷ちゃんに任せる訳にはいかないわ。天龍ちゃんに作ってもらってるから見てみましょう。 39157467_p3_2 さくっと作っといたぜ。トップページってのはリンクとかあればいいんだろ? Ws000130_3   39157467_p1_6 天龍ちゃんはやっぱりどこかアタマが悪いみたいね。 39157467_p3_3 なんだと。喧嘩売ってんのか。大体ちゃんとトップにリンクは張ってあるだろう。 39157467_p1_7 張ってあるけど、前のトップとは似ても似つかないでしょう。 39157467_p3_4 だって、文章しか書けないだろう。これ。 39157467_p1_8 それはブログとして書いてるからであって、別のページを作れば良いのよ。 固定ページの新規追加で、固定ページを作ってそこに設定してね。 40551300_p5 任せて、固定ページを新しく作ればいいのね。 39157467_p1_9 そうよ。 39157467_p7_3 固定ページを作ったけどブログみたいなのしか書けないのです。 39157467_p1_10 固定ページはちゃんと設定してあげないと特別なページとして認識しないわ。 <?php /* Template Name: MAJYANG */ ?> こんな風に書いて。元あったホームページの冒頭にこんなかんじで書いて、拡張子をphpにして、ワードプレスのテーマが置いてある所に置き直すのよ。 ちなみにTemplate Name:の名前はその時のページに合わせたほうがいいわね。素で移植だと結構数は多くなるから。 39157467_p7_4 何処に置くのです? 39157467_p1_11 ワードプレスのテーマが置いてあるところね。style.cssとか色々置いてある場所よ。 40551300_p5_3 置いたわ。それでどーするの? 39157467_p1_12 固定ページを制作して、テンプレートでさっきの登録名のを選ぶの。 タイトル名は適当に記入してね。 40551300_p5_4 出来た..けど。これなんにも表示されてないわね。 Ws000134_3   39157467_p1_13 前のホームページで使っていた絵とかが入ってないからよ。 こちらの方もサーバーに上げて。 画像はテーマフォルダにimgというサブフォルダを作って入れておくわ。 40551300_p5_5 やっぱり変わってないわよ。 39157467_p1_14 慌てない。これだけじゃダメだから元ホームページのURLリンクも変えておくわ。 画像はimg直下なのは確かだけど、記述方法を変えないといけないのよ。 ./img/~というのがあったら、<?php echo get_template_directory_uri(); ?>/img/~と書き直せば大丈夫ね。 39157467_p7_5 更新したら色々出てきたのです。 Ws000135_2   39157467_p1_15 これで大丈夫ね。固定ページに乗っけて今までのサーバーで使っていたホームページをそのまま記述だけ変えて登録で稼働させることが出来るわよ。 40551300_p5_6 まかせて、今までやったことを使って全部コピーしてやればいいのね。ワードプレスも楽勝ね。 39157467_p1_16 たしかにそれでも良いような気がするけれど...でも折角移動させるんなら色々と変えたりしたいじゃない。 それに、いくつか問題が残ってるし....。 39157467_p7_6 移動した意味があんまりない気はするのです。 39157467_p1_17 ということで、次回に続くわ。

ウィジェット製作中

コンテンツブロックで基本的なシステム部分を作って登録という形でウィジェット部分を作っていたんですが、その方法だと後から誰かに使ってもらうと考えた場合、書き換えられてシステムが動かなくなる可能性とかもあるので、ウィジェット化して回したいというのと、WPQuery関連はコンテンツブロックだとやりにくいのでサクサクと移動作業してます。 まぁ、こういうホームページの場合HTML部分には記述を入れたくないのもありますしね♪

ホムペ制作研究 その3

前回からの続きです。 今回は作品登録ページと言うのを作ってみました。 名称未設定 1 登録部分の各項目に必要事項を入れると先ほどの画面になります。 名称未設定 2 登録内容はまぁスタンダードですかね? で、これを入れると先ほどの登録した時の画面と横のサイドバーに登録した際のサイドバーウィジェットが付きます。 で、それを呼び出したのがこちら。 名称未設定 4 カテゴリーの同人欄にチェックを入れるとメニューが増えるので、登録欄のURLの下の部分(今回はMSXP01)を必要項目を書くと横にサイドバーが出て来るという仕掛けです。 名称未設定 3 さて、次は総合デザインとか考えてみるのもいいかもしれませんね。

ホムペ制作研究その2

ホムペの制作研究アフターという感じですね。 WS000254 アルバムページの作り方は動画研究のそれと基本的には一緒です。 上の方のバナーとランダムで変わる画像部分のタイトルは固定ページ側で指定して変えれるようになってます。 で、タイトルメニューの文字色は普通のタイトルメニューと同じ色になっていて、カスタマイズで好きな時に変えられる感じですね。 WS000255 こちらが編集欄。タイトルメニューの文字を入れたくないパターンもありそうなので、こちら側で指定。全体的にスマートにいけるといいなという感じで♪

ホムペ制作研究

色々とあったのでホームページの制作研究してみたり。 方面的にはイラスト投稿系のサイトという感じでちょっと作ってみてます。 で、まずは重要な画像投稿欄の部分を作ってみました。 投稿された画像。 名称未設定 2 (2) こちらが入力欄。 名称未設定 2 だいたいこんな感じです。 入力欄の方は必須なのが画像とタイトル。 入れたい人は画像紹介とカテゴリーを選べる感じですね。 で、画像が投稿されたらアルバム等に自動登録される仕組みになっています。 また、上のバナーは1600x100で切り替えられる方式です。 実際に自分で使うわけじゃないのでこれでいいのかな的な部分はありますが、こういうネタも有りかなって言うことで。