デフォルトだと画像１枚しか表示できないので、登録されているヘッダー画像をカルーセルでスライドショーしてやろうっていう改造についての覚書。
文中ではSwiperを利用する場合のソースになっているが、別のライブラリでもマークアップ変えたら動くと思う。
なおVer4.9＆PHP7環境でこしらえたので他のバージョンでは動かないかもしれない。
（すくなくとも4.7以上は必須）
“[WordPress] カスタムヘッダーをカルーセル表示に変更する” の続きを読む
タグ: PHP
[WordPress] アーカイブで表示される記事の情報を配列で抽出する
以下は記事IDを配列にするサンプル
<?php
$post_ids = array();
//@param WP_Post $p
//@param integer $i
array_walk($GLOBALS['posts'], function($p, $i) use(&$post_ids) {
$post_ids[$i] = $p->ID;
});
var_dump($post_ids);
?>
グローバルにあるWP_Queryの$postsをループ処理すればget_postsとか使う必要はないなと思った。
先日の カスタムフィールドの値を配列で得る やつは、
<?php
$custom_values= array();
//@param WP_Post $p
//@param integer $i
array_walk($GLOBALS['posts'], function($p, $i) use(&$custom_values) {
$custom_values[$i] = get_post_meta($p->ID, 'your_key', true);
});
var_dump($custom_values);
?>
こうなる。
上記サンプルはPHP5.3以下だと動かない。
[js] iframeからのアクセスかブラウザでの直アクセスか判別する
同タイトルの質問より。
もうちょっと具体的にソースを書いてみる。
index.html（フレームを呼び出すページ）
iframeのsrc属性で、ファイル名に続けて適当にパラメーターをつける。
<iframe src="inner.html?frame=true"></iframe>
inner.html（フレームの中ページ）
JavaScript
<script type="text/javascript">
(function(){
if(location.search.indexOf("frame=true")!==-1){
document.write("フレームからの呼び出しです");
}else{
document.write("直接アクセスしています");
}
})();
</script>
JavaScriptの場合、パラメーターはlocationで拾えるのでindexOfとかmatchとかで調べる。
イベントハンドらはwindow.onloadとかでもいい。
コンテンツを非表示にしたいならstyleを弄るのが楽かな～。
<!DOCTYPE HTML>
<html lang="ja_JP">
<head>
<meta charset="UTF-8">
<title>inner.html（フレームの中ページ）</title>
<script type="text/javascript">
(function(){
if(location.search.indexOf("frame=true")!==-1){
document.body.style.display="block";
}
})();
</script>
<style type="text/css">
body{display:none}
</style>
</head>
<body>
<h1>iframeからのアクセスかブラウザでの直アクセスか判別するテスト</h1>
<div style="background:#eee;height:400px">インラインフレームから見てね！</div>
</body>
</html>
PHP
<?php
if(isset($_GET["frame"])&&$_GET["frame"]==ture){
print "フレームからの呼び出しです";
}else{
print "直接アクセスしています";
}
?>
PHPの場合はグローバル変数$_GETにパラメータがあるかどうか調べる。
PHPでコンテンツを見えなくするならページの先頭でdieしてしまうのが早いかな。
<?php
if(isset($_GET["frame"])&&$_GET["frame"]!=ture){
die("トップページからアクセスしてください");
}
?>
<!DOCTYPE HTML>
<html lang="ja_JP">
<head>
<meta charset="UTF-8">
<title>inner.html（フレームの中ページ）</title>
</head>
<body>
<h1>iframeからのアクセスかブラウザでの直アクセスか判別するテスト</h1>
<div style="background:#eee;height:400px">インラインフレームから見てね！</div>
</body>
</html>
location.href=”index.html”とかheader(“location:index.html”)とかで強制的に飛ばしてもいい。
[php + js]読み終えたページによって登場人物紹介ページの内容を変える
質問サイト見てたら面白いネタを発見！
私は今、長編小説をHPに公開しようと思っています。
キャラクター紹介のページを作ろうと思っているのですが、
読んだ読者さんによって表示される内容を変えたいのです。
例えば第一章で登場するAとBというキャラがいたとします。
読者さんが第一章を読んだらキャラ紹介のページにAとBのキャラクターの紹介が加わる。
という形にしたくて、cookieを使用しようと思うのですが、
なにぶんこのような操作ははじめてでしてどうしたらよいのかわかりません。
各章の最後のページにクッキーを食べさせるjavascriptを書いて、
キャラ紹介のページでクッキーを読み込み、キャラの説明文を表示したいです。物語が進むにつれて、他キャラが増えたり、説明文に追記が加わるようにするにはどうしたら良いでしょう。
cookie使用があまりなく、調べましたがよくわかりませんでしたので詳しく教えていただけましたら幸いです。
独自CGI作ってもよさげな発想だと思ったんだけど、PHPとJavaScript使えば比較的簡単に出来るので、
デモとサンプルソース晒しときます。
ページ構成と概要
- index.html
小説のトップページ（つまり1ページ目 or 第一章） - 2.html
2ページ目 or 第二章（以降、ページまたは章と同じファイル名で連番にする） - cast.php(cast.html)
キャラクター紹介ページ - mychar.js
クッキー発行スクリプトファイル
トップは1.htmlでもindex.htmでも何でもいいですが、
2ページ目より後のページを 番号＋拡張子 にします。
[Ajax + PHP] Web2.0的にHTMLソースを隠す方法
MooToolsで遊んでる時になんとなく思いついた。
HTMLソースを完全に隠すことは無理っちゃ無理だけど、サイトの内容をパクられたりしないように防御する事は出来る。
主要な柱は以下3つ。
- ファイルの置き場所を隠す
- ソースを読めなくする
- アクセスを弾く
ロボット対策、右クリック禁止、Flashサイト化、HTMLソースそのものの暗号化するなど色々あるけど、
Web2.0とか言われている時代なのでAjaxを使う方法もアリなんじゃないかなと思ったわけです。
クローラーにキャッシュされず、メールアドレスも拾われず、右クリックしても無駄、「ソースを表示」選んでも主要部分は見えない。
それらの需要を大体カバーするサイト制作方法についての解説とサンプル。
簡単なデモを作ってみた
（デモはサンプルと構成が異なります）
サイト構成例
- index.html
メニューボタン、コンテンツ表示エリアを置く - style.css
スタイルシート - view.js
表示とかHTTPリクエストの制御をする - reqest.php
view.jsからのリクエストを受けてページ内容を返す - page/about.php, gallery.php, contact.php
表示するコンテンツページ