最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

jquery Googlemap の利用

2013年6月5日

Googlemap を利用する際のメモ。 2018年7月16日から「Google Maps Platform」という新しいサービスになり、API の使い方等が変更になりました。新しい API の使い方等については「Google Maps API の使い方」をご覧ください(2018年7月30日) ジオコーディングを使って地図を表示 HTML に記述してある住所…

続きを読む

wordpress WordPress で取得したデータを jQuery で表示(フォトギャラリー)

2013年6月5日

カスタム投稿タイプのそれぞれの投稿のアイキャッチ画像を jQuery で表示するフォトギャラリーのメモ。 カスタム投稿タイプ’works’とそのタクソノミー’works_cat’を登録。 テンプレート「taxonomy-works_cat.php」を使って表示。 ループで投稿のデータを取得し、最初のデータの中サ…

続きを読む

wordpress 編集画面に独自のカスタムフィールドの入力項目を追加する

2013年6月5日

編集画面に独自の入力項目を追加 以下のような手順で、独自の入力項目を作成する。 メタボックスの作成 記事の編集画面は「メタボックス」と呼ばれる枠で囲んだ項目の組み合わせで構成されている。 独自の入力項目を作成する場合にも、まずは新しいメタボックスを作成する。 入力フィールドの作成 メタボックスの中に入力フィールドや注意書きなどを表示する。 入力フィールドは …

続きを読む

wordpress カスタムフィールドの利用(値を改行して出力)

2013年6月5日

投稿(カスタム投稿)で、イベントの各種の情報をカスタムフィールドに入力して、それらを出力する場合などの利用方法のメモ。 訂正:カスタムフィールドの値に <br> は記述できますし、改行して記述することもできます。 カスタムフィールドの値に改行などの記述はできないので、区切り文字を使って対応。 以下の例では、場所(venue)、日時(date)、住…

続きを読む

jquery スパム対策 JavaScript/jQuery を使った迷惑メール対策

2013年6月4日

ウェブ上にメールアドレスを掲載すると、スパム(迷惑)メー「ルが届くようになることがあります。 迷惑メール(スパム)に使われるメールアドレスは、ロボット(自動巡回プログラム)によって自動収集されていて、ソースを分析し、メールアドレスのような文字列(@ や mialto が含まれたもの)を集めているようです。 以下はメールアドレス収集プログラムに収集されるのを防…

続きを読む

wordpress Contact Form 7

2013年6月4日

Contact Form 7 使用時のメモ。 基本設定 http://contactform7.com/ja/docs/ プラグイン「Contact Form 7」をインストールして有効化 有効化すると管理画面のメニューに「お問い合わせ」メニューが追加されるので、それをクリック 「Contact Form 7」の設定画面で「コンタクトフォーム 1」と表示され…

続きを読む

wordpress メディアファイル(画像など)の表示

2013年6月2日

WordPress でアップロードした画像は、ヘッダー画像も含めて「メディア」→「ライブラリ」で一元管理されていて、画像に関するデータは投稿記事と同じようにループを使用して取得することができる。 記事本文に「画像を挿入」しなくても、投稿(固定ページ)画面から画像をアップロードした時点で、メディアライブラリに現在の記事の子記事として添付メディアファイルが対応す…

続きを読む

htmlcss フロートプロパティ

2013年6月2日

フロートについてのメモ。 自分がよく忘れがちなのが、width の指定。 フロートさせる要素自体についてもだが、その親要素にも適切な幅を指定(確保)しないとフロートされないなどはまってしまうことがある。 float プロパティは、指定したボックスをフロートさせて、通常フローから外し、左または右に寄せることができる。 float プロパティを指定するボックスは…

続きを読む

wordpress 投稿スラッグから投稿IDを取得

2013年6月2日

スラッグから ID を取得する方法。 画像などの添付ファイルでも使えるので便利。 以下のサイトからの転載。 http://www.devdevote.com/cms/wordpress-hacks/get_id_by_post_name/

続きを読む

wordpress 投稿フォーマット機能

2013年6月2日

「投稿フォーマット」は記事のフォーマット(種類)を付加して選択できるようにする機能。 投稿フォーマットを有効化 functions.php に以下を記述し、「投稿フォーマット」機能を有効化する。 この記述により、「投稿」の「新規追加」の際、「フォーマット」の欄が追加され、記事のフォーマットを選択できるようになる。上記の場合は「ギャラリー記事」のフォーマットが…

続きを読む