Welcart商品一覧ページで価格が高い・安い順に並び替え。二度手間なし一発データ取得 – MemoLog
やりたいこと Welcartの商品一覧ページは、デフォルトでは投稿日時の降順。新しく登録した順番に表示されます。（ワードプレスのデフォルトどおり） この並び順を、閲覧者がドロップダウンリストで選択して変更できるようします。 選択項目は「新着順（デフォルト）」 「価格が安い順」 「価格が高い順」の3つ。 調べてみると既出の方法は、いずれも、並び替え用の価格を独自カスタムフィールドに保存するやり方でした。 Welcart が標準で持つSKUの価格情報とは別にです。 つまり、同じ価格を2回入力する必要があります。 メンテナンスが面倒ですし、間違いの素になるでしょう。 そこで、SKU情報から一発で価格データを取得して、その値で並び替えるようにしました。 二度手間をなくし、データ量とデータベースへの問合せを減らすことができます。 概要 商品一覧ページ(category.php)に並び替え条件を選択す
Welcartのカート画面のテーブルレイアウトをレスポンシブに整えたい - ミギムキ
公開日:2018/12/13 更新日:2020/11/12 やりたいこと Welcartのカート画面に、注文内容が表記されたテーブルがあります パソコンで使う分には問題ないのですが、スマホで表示したときに商品名の表示が読みにくくなってしまいます。オプション項目が増えたりすると尚更です スマホ表示のときはテーブルではなくdlリストを使いたいところですが、Welcartのテンプレートからソースが吐き出される都合上、テーブルにならざるをえません ということで、スマホ表示でも問題ないレイアウトになるよう、テーブルに対する上書き用スタイルを検討してみました ※動作確認したテーマは「Welcart Basic」になります。他のテーマでは適用できない可能性があります サンプルコード #cart_table { margin: 30px 0px 0px; width: 100%; } #cart_tabl
CSSのclip-pathプロパティでいろいろ簡単に実装できる、便利な使い方と実装のポイント
CSSのclip-pathプロパティは、非常に便利です。 セクションの区切りを斜めにしたり、ボタンに波紋のエフェクトをつけたり、スクロールして要素がビューポートに入った時にアニメーションで表示されたり、最近のWebページやスマホアプリで見かけるエフェクトはclip-pathプロパティを使用すると、簡単に実装できます。 clip-pathプロパティの基礎知識と便利な使い方、実装のポイントなどを詳しく解説します。 Understanding Clip Path in CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに clip-pathプロパティにおける座標 clip-pathプロパティに使用できる値 clip-pathプロパティを使用した実装 終わりに はじめに clip-pathプ
【WordPress】データベースのテーブルの接頭辞を変更してWEBサイトをコピーした時に気を付けること！ | インクループ株式会社｜神奈川県相模原市 ホームページ制作、WEBマーケティング
Home ＷＥＢ制作 , ＴＩＰＳ 【WordPress】データベースのテーブルの接頭辞を変更してWEBサイトをコピーした時に気を付けること！ 似たようなレイアウトで色だけ変える、とか、スライダーの画像だけ変更する、などのようにWordPressのWEBサイトをほぼ複製をしたい場合、一方のサイトを制作してから、それをコピーし、変更箇所だけ手を入れていくことがあります。要はWEBサイトをまるっとコピー＆ペーストです。 単純に ①「テーブルをコピーして、接頭辞を変えて」 ②「FTPでWordPressのフォルダをコピーして」 ③「サイトアドレスとWordPressアドレス」を変更しておけばOKでしょ？ って思ってしまうところなんですが、テーブルをコピーして接頭辞を変えた時にはちょっと手を入れないと下の画面のように管理画面に入れなくなってしまいます。 今回は、WordPressで作ったサイトをF
gitアカウントを作業フォルダによって自動で変更できるようにする
git 2017.10.06 yamamoto フロントエンドやバックエンドを担当することがあります、山本です。 今回は、gitアカウントをリポジトリごとに自動で変更されるようにした時の作業内容を共有します。 使用したのは、 git version 2.14.1 です。 gitアカウントを複数切り替えて使用されている方に見てもらえるとお役に立てるのではないかと思います。 まずはgitのバージョンが2.13以上になっているか確認 今回、アカウントの切り分けに includeIf を使用するのですが、gitのバージョンが2.13より古いとそのコマンドが存在していないため、エラーは出ないものの、設定が完了しないという現象に陥ります。ちなみに私はここで30分ほど詰まっておりました。 公式リファレンス： Git - git-config Documentation 私のgitはバージョン2.14.1
【WordPress】自作の絞り込み検索窓をショートコードで呼び出す
自サイトに絞り込み検索窓を実装したので、手順の備忘録です。使用テーマはCocoonです。 プラグイン無し、カテゴリー・タグ対応です。 新たに「mysearch.php」というファイルを作ってFTPにアップロード 【mysearch】というショートコードを作るためにfunctions.phpに追記 好きな場所にショートコードを呼び出し この3ステップです。 mysearch.phpを作ってFTPにアップロード メモ帳で「mysearch」というタイトルのテキストファイルを作る（ファイル名は任意） 後述するコードをコピペし、必要な個所を書き換え 拡張子を.phpに書き換えて、FTPにアップロード 【アップロード先】 （自サイトのフォルダ）/wp-content/themes/cocoon-child-master(子テーマ）のフォルダ内 すべてのカテゴリーを対象にする（mysearch1.ph
連番の中で 「抜け番」見つけるSQL | システムトラスト 技術ブログ
行の番号などに自動で採番していった値で、使わなくなって「抜け番」になってしまうことがあります。 そんな時にその「抜け番」を再利用するために「抜け番」の一番小さな値を検索するSQLです。 テーブル内の連番の抜け番を探す 前準備としてテーブルを作成し、連番の「3」が抜けたデータを挿入します。 --テーブルの準備 CREATE TABLE test_table ( no int ) --データの準備 INSERT INTO test_table VALUES ( 1 ) INSERT INTO test_table VALUES ( 2 ) INSERT INTO test_table VALUES ( 4 ) INSERT INTO test_table VALUES ( 5 ) 準備ができたら以下のSQLを実行して抜け番を取得します。 --歯抜けの番号を探す SELECT MIN( no +
[MySQL]日付が歯抜けのデータを結合して日付毎に整理されたテーブルを作る
1前提環境MySQL 5.7方法以前紹介した連番の仮想表を作るテクニックを駆使すればやりたいことが実現可能です。 MySQLで連番の仮想表を作る 日付だけのテーブルを作る対象期間、つまり2018年1月1日〜2018年1月10日までのデータを生成します。 SELECT '2018-01-01' + INTERVAL seq_no DAY AS date FROM (SELECT @seq_no := 0 AS seq_no UNION SELECT @seq_no := @seq_no + 1 AS seq_no FROM information_schema.COLUMNS LIMIT 10) tmp;
![[MySQL]日付が歯抜けのデータを結合して日付毎に整理されたテーブルを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/70e76f0ab3583be9db44a2f9ac03a9a25c80c4b2/height=288;version=1;width=512/https%3A%2F%2Fblog.toshimaru.net%2Fimages%2Fposts%2Fsql1.png)
MySQLで連番の仮想表を作る - Hack Your Design!
目次 やりたいこと前提環境方法応用編 0からデクリメント値を倍加させる直近30日間の日付をリストアップ注意点やりたいことMySQLで実テーブルを参照せずに連番のデータを生成したい。 前提環境MySQL 5.7方法下記のようなSQLでやりたいことが実現できます。 SELECT @seq_no := 1 AS seq_no UNION SELECT @seq_no := @seq_no + 1 AS seq_no FROM information_schema.COLUMNS LIMIT 10; ポイントとしては下記の通り。 全体の構成としては、2つのSELECT文をUNIONを使って結合しているというもの@seq_noという変数を用意１つ目のSELECT文で変数を初期化する２つ目のSELECT文で初期化した変数のインクリメントの処理を行う その際にデータ件数を確保するために、MySQLで最初
EC-CUBE3でマイグレーションによってテーブルへ列を追加する方法
ECCUBE３でのマイグレーションファイルによるテーブルへの項目追加方法をご紹介します。 phpMyAdminやAdminerで追加してもかまいませんが、Migrationファイルを作成して実行すればGitで管理しメンバー間でデータベースの状態を共有可能であることや、再インストール時に自動で適用されるなど様々なメリットがあります。 弊社では効率的な開発のためにテーブルの追加/削除・列の追加/削除だけでなく、ブロックの追加や配置変更、EC-CUBEの設定変更などは必ずマイグレーション作成によって行うことを徹底しています。 ※ただし本番で使用するレンタルサーバーによってはそもそもSSH接続ができないなどの理由でMigrationが実行できない場合もあります。ゆくゆくは管理画面からも実行できると良いなと思います。 実際の手順 まずはターミナル(Mac)でマイグレーション生成コマンドを実行します。
各ページでget_queried_object()から取得できる情報オブジェクトについてのまとめ | WEMO
get_queried_object() とは、現在リクエストされているクエリの情報オブジェクトを取得する関数です。 そのページが投稿ページなのか、アーカイブページなのか、などによって 取得できる情報オブジェクトが変化します。 使いこなせてくると 非常〜〜に便利な関数で、一度 wpアクションフック などでget_queried_object()の内容を取得しておけば、各ページでget_title()やget_post_type()などで情報オブジェクトをいちいち呼び出す必要がなくなり、高速化にも繋がります。 そこで、今回はこのget_queried_object()によって取得できる情報がどういうものか、各ページ種別ごとに整理していきます。 投稿ページ・固定ページなどで取得できる情報 各種投稿ページ（固定ページ・カスタム投稿ページ・アタッチメントページも含む）では、WP_Post オブジェ
もう迷わんよ。WordPressで固定ページや投稿ページの基本情報を取得する方法まとめ【投稿タイプ・カスタムフィールド・カテゴリー・タグ・タクソノミー】 | WEMO
もう迷わんよ。WordPressで固定ページや投稿ページの基本情報を取得する方法まとめ【投稿タイプ・カスタムフィールド・カテゴリー・タグ・タクソノミー】 2019 8/16 WordPressをいじっていると、投稿ページや固定ページなど、そのページが持つ情報を取得するというのは日常茶飯事かと思います。 しかし、ひとつの情報に対し、取得する方法が複数あってなにかとややこしい。 テンプレートタグや関数を使えばいいってのはわかるんだけど、綴りとか覚えきれなくて同じことを何度も調べなおしてしまったり。ていうか、似たような関数いっぱいあるけど違いが分からないまま、その時調べて出てきたやつを使ってるけどいいのだろうか...。 と、いうことで、自分でも散らかった知識を整理するために今回は固定ページ・投稿ページの様々な情報を取得する方法をまとめていこうと思います。 この記事では「ループ」という表現を多用し
いっつも忘れるWP_Queryの使用方法とパラメータ一覧。がっつり整理してみた | WEMO
WP_Queryによるサブループの基本の使い方 とりあえず、WP_Queryを用いたサブループの基本的な使い方から。いつもこれをコピペしてから引数をいじってます。 サブループの大枠となる雛形コード <?php //$argsのプロパティを変えていく $args = array( 'post_type' => 'post', 'posts_per_page' => -1, 'no_found_rows' => true, //ページャーを使う時はfalseに。 ); $the_query = new WP_Query($args); if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); /* ループ内の記述 */ endwhile; endif; wp_reset_
[Larevel] Seederをより使いやすくする
LaravelではSeederを利用したデータの登録が用意されており、これをより使いやすくインタラクティブにする方法がとても良かったので紹介します。 ユーザーには3つの権限administrator、writer、readerのいずれかに属するものとし、これをSeeder実行時に指定するサンプルです。 migrationの編集 Laravelインストール時に用意されているdatabases/migrations/2014_10_12_000000_ceate_users_table.phpを編集して利用します。 下記のように権限に関するroleカラムを追加してください。 /** * Run the migrations. * * @return void */ public function up() { Schema::create('users', function (Blueprin
![[Larevel] Seederをより使いやすくする](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c66c3e6e77bc668ad49d1ba545264098a69a3a7/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2Ffb7i8vlh2m9x%2F4PAAwcLdjepmhxyOTBHdYd%2F76925f64e15994271c4bdef7347385d9%2Flaravel-database-seeder-tips.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
日毎の登録者数をカウントして歯抜けさせずに日付毎のデータを取得する - スーパーウルトラグレートデリシャスワンダフルブログ
Vue.jsでサブディレクトリ内へデプロイするときの対応 | オウンドメディア | 大阪市天王寺区ホームページ制作｜合同会社デザインサプライ-DesignSupply.LLC-
【ECCube3】管理画面のログをちゃんとソートする方法 | MeteoricStream
Wordpressで特定ページに来たら404ページを返す - Qiita
http://wpcj.net/1964
Laravel Route model binding with relationship