今回は紙のフレーム素材を作ってみました。
最近本業が忙しいので更新頻度が下がってます↓
ダウンロードは フリーWEB素材 Re:vre で!
(ご利用規約に目を通してくださいませー)
めっちゃシンプルです。
↓こんな感じ
これはフレームがどうとかって言うよりワンコが可愛い(笑)
押しピン素材もちゃっかりあるのでデコってみてくださいね~(*^^*)
紙だけじゃなくて
もっと派手に色々組み合わせたフレームも作りたいんですが
何分デザインセンスが無いものでイメージがいまいち沸かぬ・・・(-_-;)
花?タグ?付箋?
どんなのがいいかなぁ~。
案があったら分けてくださいです。
なぜかオーバーレイ広告が常に表示されている(-_-;)
そんな邪魔くさい広告入れてないのにーーー。
あ、オーバーレイ広告っていうのはあれです、
スマホでページをスクロールしても常に上か下に広告が表示されているという。
ユーザーの迷惑をまったく考えていないあの広告です!
まぁ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」っていう単語に敏感になってるかもしれないので!
お陰さまで非常に快適になりましたー(*^^*)
運営中のサイトにてちょっとしたメールフォームが欲しくなって
↓こんなのをサイドバーに設置してみました。
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なんですが、メッセージフォーム設置後
いきなりスパムが飛んでくるよーになりました(笑)
これについては次の記事で解決策をお伝えします(´▽`)
「お知らせ」的な「更新情報」的なのを作りたいな~・・・
それも、自動で記事とか日時を引っ張り出すタイプちがくて
手書きでちょこちょこ書ければいいっていうだけ!
で、ちょっと横にスクロールバーがつけばそれでいい!
と思ってたんですが。
・・・あれ?どうやるんやろ?(;・∀・)
寝不足が祟って(関係ない)、頭が働かん。
なぜかアイフレーム(インラインフレーム)が頭から離れん。(笑)
アイフレームって言ったら、
他のページをちっさい窓に呼び出すためのもの。
固定ページに更新情報書いたとして、呼び出してみれば
そりゃぁサイトがまるごと表示されますよ。
ちがうのよちがうのよ、本文のとこだけでいいのよ!!!
アホなもんで、随分しょーもないところで時間を喰いましたw
で、ひらめいた!急にひらめいた!
あ、アイフレームちがくてテーブルでええやん。
気付くん遅すぎです。笑ってください。
・・・しかもよく考えたら。
<table>ちがくて<div>でええやん。
もーめっちゃ簡単やん。
というわけで、こんな感じで更新情報が作れましたー♪
HTMLはこんなんでイケると思います。
02/01 生まれました</p>
ま、WordPressに限んないですけどね!
|Д´)ノ 》 ジャ、マタ