【HTMLの知識ゼロでもWordpressに設置できるブログパーツ】
ボタンをクリックすると大吉や中吉といった結果が、
画像と文章で表示され、さらにその下には合わせて
読んでもらいたい関連記事へのリンクが自動的に
表示されるブログパーツです。
いわゆる「おみくじスクリプト」と呼ばれるもので、
ネット上には javascript 製のコードスニペットが
たくさん落ちています。
しかし、それらのほとんどは javascript の乱数と
DOMによるHTMLの動的生成を利用しただけのサンプル
プログラムが多く、何よりもjavascript のコードは
ブラウザの「ソースを開く」でユーザーに見えます。
「ランダムに適当に表示しているだけか・・・」
と、一発でバレてしまいます。
javascriptはクライアントサイドで動くスクリプト
なので、ブラウザにありのままダウンロードさせる
必要があります。
だから種明かししているのも同然なんです。
一方、phpのようなサーバーサイドで動くスクリプトなら、
プログラムの内部的な動きはブラウザに返されず、
プログラムを実行した結果としてのHTMLだけが返されます。
だから、どんな仕組みで抽選されたのか、ユーザーには
わかりません。
HTMLの知識ゼロで使えるパーツをショートコードで実現
・ボタンの画像
・抽選確率の設定
・表示される画像と文章
・関連記事のリンク先
など、このブログパーツを使う人がいつでも簡単に設定変更
できる仕組みをWordpressの設定ページにしました。
なおかつ、設定ページに登録した内容をショートコードと
連携させることで、ブログを書く人は投稿ページで
[omikuji]
と書くだけで、占いプログラム付きのバナーに置き換わります。
要したプログラムコードは550行
▲オリジナルの設定メニューを追加
▲ショートコードの本体部分
▲ショートコード内に隠蔽した占いプログラムのロジック
▲加工済みのHTMLを返すショートコードの最終部分
ざっと550行ぐらいのPHPコードです。
ここまで作り込めば、ユーザーはたった数文字
[omikuji]
と書くだけで済むようになります。
こんな方におすすめのマンツーマンレッスンを行っています
無料相談だけでも受けてみたい方へ
HTMLやCSSの基礎、ホームページの制作やカスタマイズでお困りの方はお気軽にご相談ください。
↑ページの中ほどにあるオレンジ色の「先生に聞いてみる」というボタンを押すと、メッセージが入力できますので、お気軽にご相談ください。
ご相談のメッセージをいただきましたら２４時間以内にお返事を差し上げます。より詳しい状況をお聞かせいただける方には１時間ほどですがスカイプで無料相談を承りますので、ご遠慮なくお尋ねください。
