サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
ez-sparrow.com
December 22, 2015 Jul 24, 2018 Bootstrap3のnavbarの色を変更するには以下のCSS要素を変更する必要がある。 .navbar-default { background-color: #9b59b6; border-color: #8e44ad; } .navbar-default .navbar-brand { color: #ecf0f1; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ecdbff; } .navbar-default .navbar-text { color: #ecf0f1; } .navbar-default .navbar-nav > li > a { color: #ecf0f1; } .nav
ページ内でリンクを貼る場合、 <a id=”#linktarget”> <h2>ここに飛ばしたいコンテンツ</h2> などとしていた方もいるだろう。 これは、<h2 id=#linktarget”>ここに飛ばしたいコンテンツ</h2> と記述したほうがスマートだ。 さて、今回はこの<h2>にmargin-top:40px;を指定した時にアンカーリンクの位置がずれてしまうケースをメモしておく。 Google Chromeではページ内リンクの解釈が異なる Firefoxではページ内リンクの40pxマージン計算に入れて位置を算出するが、Google Chromeではmarginが考慮されていない。それでページ内リンクのmarginを無視した位置に飛ばしてしまうのでだ。 解決策は至って単純、
July 24, 2014 Jul 23, 2018 GoogleのサジェストキーワードはSEOの観点からも欠かせない存在と言える。 また、ビッグキーワードと共にどんなキーワードが検索されているかを調査する事でユーザのニーズを知ることもできる。 Googleサジェストキーワードを取得できるツールはいくつかあるが、Google公式のツールは現在公開されていない。 そのため、仕様変更になる度にキーワードが取得できないという場合があるため、いくつかのツールを押さえておく必要がある。 それでは早速ツールを紹介していこうと思う。前述のようにツールはどれもGoogle非公認のため、仕様変更の度にエラーになるのは常であるし、精度に関しても保証されていないという事をご理解の上参考程度に見て頂ければと思う。 グーグルサジェスト キーワード一括DLツール グーグルサジェスト キーワード一括DLツール CSVダ
March 15, 2016 例えば2つの投稿タイプ、製品(product)と納入事例(case)があり、単純に、あるタクソノミーに属する製品をループで回して一覧表示するのは、ごくごく簡単なことだ。 今回実現したいのは、ループで回した製品(product)毎に、その製品の納入事例(case)を表示させるというケース。 つまり、ループを入れ子で使いたいのだ。または二重ループや多重ループというのだろうか。 そして、さらに言うと、製品と納入事例は同じカスタム分類(タクソノミー)で紐付いており、その値を取得してループに使用したい。 さらに言うと、それを固定ページのテンプレートで管理し、固定ページのカスタムフィールドの値でタクソノミーを指定することで、作業を簡略化したい。 以下で実現できたので、コードを整えてメモしておく。 <?php ////親ループ $parm = array( 'post_ty
March 12, 2016 Woocommerce会員がログインしている状態で、資料請求や、見積依頼等を行う場合、フォームに会員情報が自動で入力されている状態が好ましい。 WoocommerceとContactform7を連携させてユーザー情報を自動入力させる方法を紹介したいと思う。 今回自動入力させたい項目は以下。 会社名*別途カスタマイズ 電話番号 県 郵便番号 市区町村 住所1 住所2 function wpcf7_form_tag_filter($tag){ if(is_admin() || !is_array($tag)) return $tag; $name = $tag['name']; $user = wp_get_current_user(); if($user) { if($name == 'billing_company') { $tag['values'] = (
December 09, 2013 Crazy Boneはユーザーのログイン履歴を表示するプラグイン。 日時、ステータス(ログインしたかどうか)、IPアドレス、ユーザーエージェント(相手の端末やブラウザ情報)などがチェックできる便利なプラグインです。 RELATED POSTS
March 05, 2016 Woocommerceで国を削除する方法に関するメモ。 Woocommerceは様々な国からの注文に対応しているため、標準で「国」を選べるような仕様になっているが、日本国内で使用する場合は、逆にこの設定が邪魔となる。 ただ単純に見えないようにするならばCSSで非表示にしてしまうのも手だが、フィルターフックで非表示にする方法を以下に紹介する。 Woocommerceで国を削除する方法 add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' ); add_filter( 'woocommerce_billing_fields' , 'custom_override_billing_fields' ); add_filter( 'woocommerce_shippin
EZ-SPARROW > TECH NOTES > WordPressで固定ページにタグをつけ、同じタグのついたページを関連ページとして紐づけし表示させる March 05, 2016 Dec 30, 2018 WordPressで固定ページにタグ付けし、任意のページにそのページと同じタグの付いたページを関連ページとして表示させる方法を紹介する。 例えば、赤ワインというページに「ワイン」とタグ付けし、同じタグの付いたページを、赤ワインページに表示させたいという場合だ。これを固定ページで実現するためにはまず、固定ページでもタグ機能を使えるできるようにする必要がある。 固定ページでタグを使えるようにする 以下のコードをfunction.phpに追記 function add_tag_to_page() { register_taxonomy_for_object_type('post_tag'
February 22, 2016 Jul 23, 2018 WordPressで固定ページにログインフォームを設置する方法を紹介したいと思う。ちなみに、ただ単に会員制サイトを作成したい場合は、プラグインがオススメだ。ログインフォームや登録画面を任意の固定ページに設置することができる。 Theme My Login しかし状況によってはプラグインを使わずに特定のページにフォームを設置する必要がある場合もある。 プラグインを使わずに固定ページにログインフォームを設置する方法 今回のケースは、特定のサービスを提供するページにログインフォームを設置したいというケース。 資料請求ページ等、通常のログインページとは別のページにログインフォームを設置したい、というような場合はプラグインを使わずにフォームを設置したいものだ。 ログインフォームを設置する場合の注意点 WordPress標準仕様に関して注意
June 01, 2014 Jul 26, 2018 WordPressプラグイン「Contact Form 7」は言わずと知れた無料のフォーム作成プラグインだ。 サイト内にいとも簡単に問い合わせフォームを設置することができる訳だが、設置後は「コンバージョンを計測したい。」ということになるだろう。 そこで今回はGoogle アナリティクスで 「Contact Form 7でコンバージョンを計測する方法」 を、落とし穴と共にご紹介したいと思う。 コンバージョンの計測方法でよく使われる方法は以下の2通り。 アクションフックを使ってイベントをトラッキングする サンキューページにリダイレクトしトラッキングする それぞれ紹介していく。 アクションフックを使ってイベントをトラッキングする こちらはサンキューページを作成しなくても、送信が完了すると、それをイベントとしてGoogleアナリティクスがトラッ
Woocommerceの決済方法にクレジット・カード決済を簡単に追加できるプラグイン。Stripeへの別途契約が必要。日本円に対応しており、使いやすさも抜群。ただし作者の信用性は★1つ。 簡単にクレジット・カード決済を導入できるサービス「Stripe」。Wordpressとの相性もよく、決済手数料も安価で、今後日本のECにも革命を起こす予感がする。 Stripe しかしながら、ベータ版が公開されたばかりの同サービスと、Wordpressのショッピングカートプラグイン「Woocommerce」と連動させる事のできるプラグインで、なおかつ日本語にも対応しうる無料プラグインは多くない。 ※免責事項 検証の結果、執筆時点で無料プラグインかつ、日本語に対応できたのは「Stripe Payment Gateway WooCommerce Addon」だけ。 まずはこのプラグインを使用する際にエラーメッ
April 08, 2013 Jul 23, 2018 WindowsとMacの両方で丸ゴシック表示するためのCSSメモ。 HG丸ゴとヒラギノ丸ゴの両方記述するのがポイント。 { font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO","HGMaruGothicMPRO"; }
August 28, 2013 Jul 24, 2018 jqueryでyes/noチャートを作る方法をご紹介する。 そもそもこのチャートの呼び名が一般的かは不明だが 「はい いいえチャート」とも呼ばれているようだ。 サンプルデモは複数の答えを想定しているため厳密にはyes/noチャートではないのだが、構造は同じ。 やりたい事は、扱うサービスや商品が多い場合に、 「ユーザに質問に直感的に答えていただき、適合するサービスへと誘導する。」 といった感じ。ノンプログラマーのためかなり強引なコードかも知れないが やりたいことが実現できたので紹介していこうと思う。 解説がいまいち分かりづらいのでまずはデモをご覧あれ。 See the Pen XBRZvd by ez-sparrow (@ez-sparrow) on CodePen. 大まかな流れ 質問と質問に対する答え(選択肢)をdivで囲う。 全
December 23, 2015 カスタムフィールドに任意の値を入れて、ループの条件にカスタムフィールドの値を指定する方法をメモする。 関連記事で表示する記事を制御したい。といいたケースでも使用できる。もちろんタグを使うこともできるが、カスタムフィールドの値によってループを制御したい時には以下のコードで可能だ。 カスタムフィールドの値でループさせるコード <?php $args = array(/* 配列に複数の引数を追加 */ 'post_type'=>'post',/*投稿タイプ*/ 'posts_per_page'=>'10',/*投稿表示数*/ 'category_name' => 'カテゴリー',/*カテゴリー*/ 'meta_key' => 'カスタムフィールドのキー', // カスタムフィールドのキー。 'meta_value' => array( esc_attr(get
このページを最初にブックマークしてみませんか?
『EZ-SPARROW』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く