今回は紙のフレーム素材を作ってみました。
最近本業が忙しいので更新頻度が下がってます↓
ダウンロードは フリーWEB素材 Re:vre で！
（ご利用規約に目を通してくださいませー）
めっちゃシンプルです。
↓こんな感じ
これはフレームがどうとかって言うよりワンコが可愛い(笑)
押しピン素材もちゃっかりあるのでデコってみてくださいね～(*^^*)
紙だけじゃなくて
もっと派手に色々組み合わせたフレームも作りたいんですが
何分デザインセンスが無いものでイメージがいまいち沸かぬ・・・(-_-;)
花？タグ？付箋？
どんなのがいいかなぁ～。
案があったら分けてくださいです。
フリーWEB素材 Re:vre をスマホから見ると
なぜかオーバーレイ広告が常に表示されている(-_-;)
そんな邪魔くさい広告入れてないのにーーー。
あ、オーバーレイ広告っていうのはあれです、
スマホでページをスクロールしても常に上か下に広告が表示されているという。
ユーザーの迷惑をまったく考えていないあの広告です！
まぁPCユーザーさん向けの素材屋さんなので
スマホから見る人は少ないんですが、いざ見た時には非常に邪魔！
この要因が全っ般分からへんくて四苦八苦しますた。
今入ってる広告に何か変な要素があるんかなーとか
前に入れてたAdmax広告が名残ってんのかなーとか（あるワケない）
で、どのページ開いても常に表示されてるので
コレは全ページ共通のどこかに要らぬモノが入ってるな、と分かって。
ヘッダーやな、おそらく。ってことで。
チェックしてみたら犯人分かりました。
アクセス解析「i2i」！！！
PCから見たらあんま目立たないちっさな広告が
ページの端っこに表示されるだけなんですけど
これがスマホとなったら超超悪影響↓↓
ってなわけで、取り外しました。
もう解析はGoogle Analyticsだけにします～。
なぜかオーバーレイ広告が常に表示されている(-_-;)
そんな邪魔くさい広告入れてないのにーーー。
あ、オーバーレイ広告っていうのはあれです、
スマホでページをスクロールしても常に上か下に広告が表示されているという。
ユーザーの迷惑をまったく考えていないあの広告です！
まぁPCユーザーさん向けの素材屋さんなので
スマホから見る人は少ないんですが、いざ見た時には非常に邪魔！
この要因が全っ般分からへんくて四苦八苦しますた。
今入ってる広告に何か変な要素があるんかなーとか
前に入れてたAdmax広告が名残ってんのかなーとか（あるワケない）
で、どのページ開いても常に表示されてるので
コレは全ページ共通のどこかに要らぬモノが入ってるな、と分かって。
ヘッダーやな、おそらく。ってことで。
チェックしてみたら犯人分かりました。
アクセス解析「i2i」！！！
PCから見たらあんま目立たないちっさな広告が
ページの端っこに表示されるだけなんですけど
これがスマホとなったら超超悪影響↓↓
ってなわけで、取り外しました。
もう解析はGoogle Analyticsだけにします～。
前回の記事でちょっとしたメールフォームの作り方をメモったんですが
スパムメールが飛んでくるようになりました(-_-;)
テキストエリアと送信ボタンだけやのに！！！
↓ちなみにスパムメールの中身はこんなん。
[url=http://www.abbysohn.com/]Michael Kors Hamilton Tote[/url]
URL入れるとこなんか無いっつの！バカヤロー
自動送信さながらってかんじー。
で、Contact Form 7のスパム対策といえば
「Akismet」とか「CAPTCHA」とか「承諾の承認」とかが鉄板な感じです。
でも「Akismet」は強力すぎて
必要なモノまではじかれる可能性あるって言うし
極力簡易なメッセージフォームにしたいから
「CAPTCHA」とか「承諾の承認」とか入れたくないし
（ユーザーさんが面倒に思っちゃう）
何か方法はないの！？
と思ってたら見つかりましたー(´▽｀)えへ
Contact Form 7用のスパム対策プラグインが別にあるらしい！
それが「Contact Form 7 Honeypot」。
見た目に関してはまったく何も変わりません！
ユーザーさんのお手間も取らせません(｀・ω・´)
次にいつものContact Form 7を開きます。編集画面ね。
ほいで「タグの作成」から「Honeypot」を選択、フォームにペースト。
（送信ボタン手前の適当なところに）
この時、デフォルトの名前が「honeypot-913」みたいな感じになってます。
これはテケトーに名前を変えておく方がベター。
スパマーが「Honeypot」っていう単語に敏感になってるかもしれないので！
お陰さまで非常に快適になりましたー(*^^*)
スパムメールが飛んでくるようになりました(-_-;)
テキストエリアと送信ボタンだけやのに！！！
↓ちなみにスパムメールの中身はこんなん。
[url=http://www.abbysohn.com/]Michael Kors Hamilton Tote[/url]
URL入れるとこなんか無いっつの！バカヤロー
自動送信さながらってかんじー。
で、Contact Form 7のスパム対策といえば
「Akismet」とか「CAPTCHA」とか「承諾の承認」とかが鉄板な感じです。
でも「Akismet」は強力すぎて
必要なモノまではじかれる可能性あるって言うし
極力簡易なメッセージフォームにしたいから
「CAPTCHA」とか「承諾の承認」とか入れたくないし
（ユーザーさんが面倒に思っちゃう）
何か方法はないの！？
と思ってたら見つかりましたー(´▽｀)えへ
Contact Form 7用のスパム対策プラグインが別にあるらしい！
それが「Contact Form 7 Honeypot」。
見た目に関してはまったく何も変わりません！
ユーザーさんのお手間も取らせません(｀・ω・´)
どーいう仕組みで対策するかというと
スパムメールは基本的に全部の項目を埋めようとするらしい。
で、それを逆手に取って本来入力不要なトラップ項目を仕掛けておく。
そこに入力があればスパム判定！
みたいな感じだそーです。
インストール後に有効化したらこのプラグインはもう用なし。みたいな感じだそーです。
次にいつものContact Form 7を開きます。編集画面ね。
ほいで「タグの作成」から「Honeypot」を選択、フォームにペースト。
（送信ボタン手前の適当なところに）
この時、デフォルトの名前が「honeypot-913」みたいな感じになってます。
これはテケトーに名前を変えておく方がベター。
スパマーが「Honeypot」っていう単語に敏感になってるかもしれないので！
お陰さまで非常に快適になりましたー(*^^*)
運営中のサイトにてちょっとしたメールフォームが欲しくなって
↓こんなのをサイドバーに設置してみました。
mayuの使ってるWordPressテーマの検索ボタンが
↓こういうデザインなのでオソロにしてみたのです！
ちなみに フリーWEB素材 Re:vre もおんなじテーマ使ってます。
柔軟なカスタマイズができるのだ～(´▽｀)
で、このメールフォームは普通のあの有名なContact Form 7を使ってます。
使ってるタグは「テキストエリア」と「送信ボタン」のみ。
フォームへの記述はこんな感じ。
[textarea textarea-765 id:message_text][submit id:message_submit "送信"]
CSSでデザインをいじるので「id」は適当に指定します。
ただ、このままだとウィジェットでは使えません。
お問い合わせフォーム用のショートコードをウィジェットで読み込むために
とあるプラグインを入手する必要があります。
それが「PHP Code Widget」。
インストール後の有効化だけでだいじょぶです(*^^*)
ウィジェットを開いて「PHP Code Widget」をドラッグ＆ドロップ。
↓以下のように記入します。
<?php
echo do_shortcode('[contact-form-7 id="665" title="メッセージフォーム"]');
?>
[contact-form-7 id="665" title="メッセージフォーム"]
にはお問い合わせフォームのショートコードを入れてね～。
ここまでで一応表示されるにはされたと思うので
あとは自由にデザインをいじいじします。
ちなみにmayuの場合はこんな感じになってます。
（サイドバーの横幅は300pxです）
/* massage form */
#message_text {
float:left;
width:68%;
max-width:68%;
height:40px;
margin:0 -2px 10px 0;
border:1px solid #ccc;
padding:3px;
background:#fefefe;
box-shadow:2px 2px 3px 0px #ddd inset;
position:relative;
}
#message_submit {
border:none;
float:right;
color:#fff;
height:48px;
width:30%;
background:#333;
}
#message_submit:hover {
cursor:default;
}
これでひと通りOKなんですが、メッセージフォーム設置後
いきなりスパムが飛んでくるよーになりました(笑)
これについては次の記事で解決策をお伝えします(´▽｀)
WordPressで作っているサイトのトップページに
「お知らせ」的な「更新情報」的なのを作りたいな～・・・
それも、自動で記事とか日時を引っ張り出すタイプちがくて
手書きでちょこちょこ書ければいいっていうだけ！
で、ちょっと横にスクロールバーがつけばそれでいい！
と思ってたんですが。
・・・あれ？どうやるんやろ？(；・∀・)
寝不足が祟って（関係ない）、頭が働かん。
なぜかアイフレーム（インラインフレーム）が頭から離れん。(笑)
アイフレームって言ったら、
他のページをちっさい窓に呼び出すためのもの。
固定ページに更新情報書いたとして、呼び出してみれば
そりゃぁサイトがまるごと表示されますよ。
ちがうのよちがうのよ、本文のとこだけでいいのよ！！！
アホなもんで、随分しょーもないところで時間を喰いましたｗ
で、ひらめいた！急にひらめいた！
あ、アイフレームちがくてテーブルでええやん。
気付くん遅すぎです。笑ってください。
・・・しかもよく考えたら。
<table>ちがくて<div>でええやん。
もーめっちゃ簡単やん。
というわけで、こんな感じで更新情報が作れましたー♪
HTMLはこんなんでイケると思います。
「お知らせ」的な「更新情報」的なのを作りたいな～・・・
それも、自動で記事とか日時を引っ張り出すタイプちがくて
手書きでちょこちょこ書ければいいっていうだけ！
で、ちょっと横にスクロールバーがつけばそれでいい！
と思ってたんですが。
・・・あれ？どうやるんやろ？(；・∀・)
寝不足が祟って（関係ない）、頭が働かん。
なぜかアイフレーム（インラインフレーム）が頭から離れん。(笑)
アイフレームって言ったら、
他のページをちっさい窓に呼び出すためのもの。
固定ページに更新情報書いたとして、呼び出してみれば
そりゃぁサイトがまるごと表示されますよ。
ちがうのよちがうのよ、本文のとこだけでいいのよ！！！
アホなもんで、随分しょーもないところで時間を喰いましたｗ
で、ひらめいた！急にひらめいた！
あ、アイフレームちがくてテーブルでええやん。
気付くん遅すぎです。笑ってください。
・・・しかもよく考えたら。
<table>ちがくて<div>でええやん。
もーめっちゃ簡単やん。
というわけで、こんな感じで更新情報が作れましたー♪
HTMLはこんなんでイケると思います。
<div style="width:500px; height:100px; border:1px #ccc solid; overflow-x:hidden; padding:20px;">
<p>お知らせだよ～</p>
<p>06/01 サイトリニューアルしました<br />
05/01 アメブロ始めました<br />
04/01 Twitter始めました<br />
03/01 サイトできました<br />
02/01 生まれました</p>
02/01 生まれました</p>
</div>
ま、WordPressに限んないですけどね！
|Д´)ﾉ 》 ｼﾞｬ､ﾏﾀ
ま、WordPressに限んないですけどね！
|Д´)ﾉ 》 ｼﾞｬ､ﾏﾀ