このページで、「php」＆「java script」を学習する宣言をしてから、入門書を読んでみたところ・・・両方とも、Ｃ言語を基に作られた言語らしい・・・確かに、似ている・・・・これなら独学で、すこぉ～しだけＣ言語をかじっているので覚えやすいかも・・・少しだけ・・・しかし問題がここで発生、「php」と「java script」も両方とも似ているのだが、微妙に書き方や関数が違う・・・これでは混ざってしまって何がなんだか・・・両方同時に学習しようと思ったのが間違いでした (;^_^A アセアセ とりあえずは「php」からはじめます・・・そしてその後は、「java script」そして「perl CGI」に続く・・・予定・・・
早速、学習効果を発揮させようと（入門書すら読み終わっていないのに・・・） wordpress の 「テーマ」をカスタマイズ！！・・・でも実際は、学習効果などではなく、自サイトのソースとphpファイルを見比べれば誰でも出来るカスタマイズです・・・嘘つきました！！ ペコリ(o_ _)ｏ))
※phpを全く知らない人のために（自分も大して知りませんが・・・）下記カスタマイズを理解しやすいように説明しますと下記にいっぱい出てくる「<?php ～ ?>」の記述が「php」の命令文になります。「php」のファイル（index.phpなど）にその文を記述することにより、その命令に従い情報をゲットし、命令文のある場所にゲットした情報をソースなどに置き換えて記述してくれるありがたいものです・・・今の自分の理解力ではこんな感じに理解しております・・・間違っているかもしれません （＾∀＾2）、 多少これを頭において下記を見ると少しはわかりやすいかなぁ～・・・なんて
下記カスタマイズ後のサンプルは今見ている記事に表示されていると思います・・・数年後はわかりませんが・・・（＾∀＾2）、
日付表示の変更
自分のテーマでは投稿日の表示が「月」と「日」になっていて、これでは数年後見たときに（・・・続いてればいいね）いつの時代に書いたものか判らない！！ ということで・・・・<p><?php the_time('Y'); ?></p>
<p><?php the_time('n/j'); ?></p>
<p><?php the_time('n/j'); ?></p>
・・・ちなみに上記の場合、数字のみの表示なので年・月・日を付ける場合は
<p><?php the_time('Y年'); ?></p>
<p><?php the_time('n月 j日'); ?></p>
<p><?php the_time('n月 j日'); ?></p>
出力される文字列の書式については下記を参照してください。
| 文字列 | 意味 | 表示例 | |
|---|---|---|---|
| 年 | Y | 4桁 | 1999, 2008 |
| y | 2桁 | 99, 08 | |
| 月 | m | 2桁 | 01 - 12 |
| n | 1桁か、2桁 | 1 - 12 | |
| F | フルスペル | 1月 - 12月 | |
| 日 | d | 2桁 | 01 - 31 |
| j | 1桁か、2桁 | 1 - 31 | |
| 曜日 | D | 省略形式 | 月 - 日 |
| l | フルスペル | 月曜日 - 日曜日 | |
| 午前/午後 | a | 小文字 | am / pm |
| A | 大文字 | AM / PM | |
| 時 | h | 2桁・12時間表示 | 01 - 12 |
| g | 1桁か、2桁の 12時間表示 |
1 - 12 | |
| H | 2桁の24時間表示 | 00 - 23 | |
| G | 1桁か、2桁の 24時間表示 |
0 - 23 | |
| 分 | i | 先頭にゼロをつける | 00 - 59 |
| 秒 | s | 先頭にゼロをつける | 00 - 59 |
自分の場合、変更するファイルは「archive.php」「category.php」「index.php」「page.php」「single.php」の5ファイル
変更する場所は、自サイトのソースを表示させたものと、上記の phpファイル を見比べれば判ると思います・・・(;^_^A アセアセ
「archive.php」は、サイトのアーカイブを表示させる時に利用されるファイル
「category.php」は、サイトのカテゴリーを表示させる時に利用されるファイル
「index.php」は、自サイトの「http://blog.le-coeur.net/」を入力した時に表示されるメインページのファイル
「page.php」は、サイトのページを表示させる時に利用されるファイル（当サイトで言うと「plugin」＆「site map」）
「single.php」は、単品記事を表示させる時に利用されるファイル
最終更新日の表示
自分の場合は投稿日の表示が最初に投稿した日付のみで（タイムスタンプを変更しない限り）更新日が表示されないので、最終更新日を別に表示させるようにしました。<p>Last modified: <?php the_modified_time('Y年n月j日 （D）'); ?> <?php the_modified_time(' a g時i分'); ?></p>
これを、またまた上記と同じ5ファイルの表示させたいところに書き込みます。
「次の記事に進む」 ＆ 「この記事のＴＯＰに戻る」 ＆ 「先頭に戻る」 のリンク追加
自分の記事は無駄な文章が多く、非常に長くなっているので見てくれた人が戻ったりする場合、大変だろうと思い 「戻る 進む」のリンクを追加しました・・・このカスタマイズは説明しづらいです・・・（＾∀＾2）、まずは記事中に入る、「次の記事に進む」 ＆ 「この記事のＴＯＰに戻る」のリンクを作る
設定するファイルは自分の場合は、「archive.php」「category.php」「index.php」の3ファイル1. リンク先の作成
「この記事のＴＯＰに戻る」の方のリンク先は自分の場合、テーマがそれぞれの記事上部の辺に勝手に作ってくれる、「post-id」を使用します。・・・多分あると思いますが、もしないようなら記事のタイトル（h2タグ）の上のあたり（<?php while (have_posts()) : the_post(); ?>よりは下にしてください）に
<span id="post-<?php the_ID(); ?>">適当な何か</span>
で、問題なさそうな適当な何かを、はさんでください。（3ファイル全て）・・・<div class="～"></div>とかを・・・（＾∀＾2）、
「次の記事に進む」の方のリンク先は、上記と同じで
<span id="bottom-<?php the_ID(); ?>">適当な何か</span>
で、問題なさそうな適当な何かを、はさんでください。（3ファイル全て）・・・<div class="～"></div>とかを・・・（＾∀＾2）、
場所は、記事内の下の部分・・・(ﾟﾟ;)＼(--;)オイオイ ・・・下のあたりに「class="～bottom"」などがあれば目印になりますが・・・ありませんか？ （＾∀＾2）、 <?php endwhile; ?>よりは上にしてください。
ここら辺はテーマにより違いがあるため説明できないので各自試行錯誤でお願いします。リンク先の見え加減とかもありますので、お好みで位置調整してください。※必ずバックアップを取ってから自己責任でぇ～（（ ( (ヽ(；^^)/逃げろ～・・・・・・(o_ _)oドテッ!
2. リンク元の作成
「この記事のＴＯＰに戻る」の方のリンク元は、上記の「次の記事に進む」の方のリンク先のあたりになります。つまり、記事内の下の部分に３ファイル全てに下記を記述
<p><a href="#post-<?php the_ID(); ?>" title="この記事のTOPに戻る">▲</a></p>
これで、問題ないところに記述できていれば、各記事内の下部に「▲」が表示され、クリックすると上記の「この記事のＴＯＰに戻る」の方のリンク先に行けるはずです・・・
「次の記事に進む」の方のリンク元は、記事本文が始まるところのすぐ上のあたりになります。ソースを見ると本文の手前に<div class="～">などがございませんか？ その上あたりに、3ファイル全て下記を記述
「次の記事に進む」の方のリンク元は、記事本文が始まるところのすぐ上のあたりになります。ソースを見ると本文の手前に<div class="～">などがございませんか？ その上あたりに、3ファイル全て下記を記述
<p><a href="#bottom-<?php the_ID(); ?>" title="次の記事に進む">▼</a></p>
これで、問題ないところに記述できていれば、各記事内の上部に「▼」が表示され、クリックすると上記の「次の記事に進む」の方のリンク先に行けるはずです・・・
そして、各記事の下部分に「先頭に戻る」のリンクを作る
設定するファイルは自分の場合は、「archive.php」「category.php」「index.php」「page.php」「single.php」の5ファイル1. リンク先の作成
自分の場合はサイトの1番上部に表示されるのが、プラグインの「Admin Menu」だったのでそれの「id」を利用しましたが・・・サイト上部に適当な「id」があればそれを利用してください。・・・・ない場合は、ソースを表示してどこら辺がベストか（ブログタイトルの上のあたり）参考にして選んで、「header.php」にブログタイトルを記入させる「phpの命令文（<?php bloginfo('name'); ?>）」があると思われるので、そのすぐ上の辺りにある適当何かを下記ではさんで記述してください・・・(￣ー￣; ヒヤリ
自分の場合はサイトの1番上部に表示されるのが、プラグインの「Admin Menu」だったのでそれの「id」を利用しましたが・・・サイト上部に適当な「id」があればそれを利用してください。・・・・ない場合は、ソースを表示してどこら辺がベストか（ブログタイトルの上のあたり）参考にして選んで、「header.php」にブログタイトルを記入させる「phpの命令文（<?php bloginfo('name'); ?>）」があると思われるので、そのすぐ上の辺りにある適当何かを下記ではさんで記述してください・・・(￣ー￣; ヒヤリ
<span id="使われていないid名">適当な何か</span>
使われていないid名は、そのままですが現在使用していない適当なid名を入れてください。（例 ： id="previous-top" など何でもいいです。）
※この1.番の設定をする場合は、「header.php」のみです。「header.php」のファイルは全てに使いまわしのため
2. リンク元の作成
場所は上記の「この記事のＴＯＰに戻る」の方のリンク元の位置のちょっと下になります、「この記事のＴＯＰに戻る」は記事内だったので、今度は記事外にするため、ソースを参考にしてどこに記述すれば記事の下になるか、選んでください（<?php endwhile; ?>よりは上にしてください）・・・・・・(゜＿゜i)タラー・・・そして5このファイル全てに下記を記述
※「page.php」と「single.php」は他と比べ多少作りが違うかもしれませんが・・・がんばってください(ﾟﾟ;)＼(--;)オイオイ
※この1.番の設定をする場合は、「header.php」のみです。「header.php」のファイルは全てに使いまわしのため
2. リンク元の作成
場所は上記の「この記事のＴＯＰに戻る」の方のリンク元の位置のちょっと下になります、「この記事のＴＯＰに戻る」は記事内だったので、今度は記事外にするため、ソースを参考にしてどこに記述すれば記事の下になるか、選んでください（<?php endwhile; ?>よりは上にしてください）・・・・・・(゜＿゜i)タラー・・・そして5このファイル全てに下記を記述
※「page.php」と「single.php」は他と比べ多少作りが違うかもしれませんが・・・がんばってください(ﾟﾟ;)＼(--;)オイオイ
<a href="#previous-top" title="先頭に戻る">Previous Top</a>
赤文字のid名は上記の例の場合です。id名のところは、それぞれ上記で選んだid名を指定してください。
これで、問題ないところに記述できていれば、各記事のちょっと下に「Previous Top」が表示されクリックすると上記の「リンク先（ページの1番上）」に行けるはずです・・・
これで、移動しやすくなったかな？？・・・まぁ～副作用として、色々飛び回った後にブラウザの「戻る」で戻るのは大変です・・・(;^_^A アセアセこれで、問題ないところに記述できていれば、各記事のちょっと下に「Previous Top」が表示されクリックすると上記の「リンク先（ページの1番上）」に行けるはずです・・・
気づけば相変わらずダラダラと長い文章だ・・・出来るだけ自分みたいな初心者さんにも、判りやすく書こうとしているのだが・・・そうすると、余計わかりづらくなっているような気もする・・・それは文才がなく、日本語が下手だからだろう・・・日本人ですけどね (;￣ー￣川 アセアセ
人気度 : 16 %
(1 投票, 平均値/最大値: 1 / 5)
最上階
1階
関係のある記事
No user の書き込みがあります
コメントほしぃ～よぉ～ σ(^◇^;)