weblog

welcartの商品を在庫や価格で絞り込み&並べ替えする。

welcartの商品を在庫や価格で絞り込み&並べ替えする。 - thumbnail

Index

  • アーカイブページのループに在庫や価格でのソート・絞り込みを反映させる。
  • 各商品記事のカスタムフィールドに必要な情報を書き込む処理
  • アーカイブページ内での商品一覧のソート処理
  • リンクの実際の出力方法など
1 comment

画像を背景指定せずにCSSだけでクロップする方法

画像を背景指定せずにCSSだけでクロップする方法 - thumbnail

Index

  • 画像を背景指定せずにCSSだけで正方形に切り抜く。
  • 写真をdivの中央からカバーするサイズで配置する。
  • DEMO
0 comments

パブリサイズ共有の文言をカスタマイズする。

Jetpackのパブリサイズ共有で記事が全文表示されてしまう。 パブリサイズ共有を行うと、記事全文が表示されていることに気がついた。どうやら気がつくのが遅かったらしく、巷では、ポツポツ話題になっていた模様。(【Jetpackで共有】全文書かれてしまう・・・ / JetpackでFacebookパブリサイズ共有を行った際に記事全文が共有されてしまう問題への暫定対応) jetpackがうまく動...

0 comments

投稿記事内のaタグを画像リンクとテキストリンクに判別してクラスを装飾する。

投稿記事内のaタグを画像リンクとテキストリンクに判別してクラスを装飾する。 - thumbnail

Index

  • WORDPRESS投稿内のリンクに独自クラスを付与し、cssでのテキスト装飾やライトボックス系のJSプラグインを扱いやすくする
  • CODE: Link item CSS class filtering
  • 設置方法
0 comments

welcartのダッシュボードに過去12ヶ月の受注数と合計金額の推移を表示する。

welcartのダッシュボードに過去12ヶ月の受注数と合計金額の推移を表示する。 - thumbnail

ちゃんとcsvダウンロードして、手元で売上げやら何やら管理してれば割とどうでも良いかもですが…、やっぱりウェブ上でも見れた方が良いよね! …というときに。 以下の関数をfunctions.phpに記述します。アンチョコはusceshop.class.php より、get_order_num() & get_order_amount() の両関数。usces_action_ad...

0 comments

dottedなどのborder要素をグラデーションさせる。

拙ウェブサイト内の画像をつかった装飾箇所をcss3とかwebfontとかに置き換えていたところ、表題の件に行き当たりました。今更画像を使うのも嫌なので擬似的な手段ですがcssで処理。ボーダーを引きたい要素に直接ボーダーを充ててもよいのですが、そうするとその要素のposition:relativeの位置がボーダーの内側になりますので、そのぶん修正が必要になります。親要素にrelativeを指定して、...

0 comments

フロントエンドから記事を新規追加するときにメディアの添付先を当該記事に設定する。

PDF image generatorという拙作プラグインをwordpress.orgに公開しているけれど、そこのフォーラムに「フロントエンドからの投稿では添付ファイルの親投稿が指定されないから、プラグインをカスタマイズする方法を希望うんたら」という、質問があった。プラグインとは関係がなさそうだったけども、つい流れで答えてしまったのでコードだけここにメモしておきます。私自身はなかなか会員制サイトと...

0 comments

wordpressのコメント欄をajax化する。

wordpressのコメント欄をajax化する。 - thumbnail

Index

  • プラグインに頼らずテーマ内で完結するAJAXコメントフォーム。
  • CODE: Ajaxify WordPress comments
  • どうやってヴァリデートするか、が肝なのかも。
  • おまけ:ここで適用してるcss
18 comments

WordPressのコメント欄にキャプチャを設定する

WordPressのコメント欄にキャプチャを設定する - thumbnail

Index

  • Really Simple CAPTCHAをコメント欄に応用する
  • CODE:using Really Simple CAPTCHA for wordpress comments
  • 関連リンクとダウンロード
0 comments

クッキーを使わずにjavascriptで初回アクセスかどうかを判別する。

クッキーを使わずにjavascriptで初回アクセスかどうかを判別する。 - thumbnail

Index

  • 特定ページへの初回訪問かどうかを見分ける
  • verify first time visitor or not
  • そもそもユーザーがホームページへの初回訪問かどうかを判別する場合
0 comments