- 2020.10.30
【EC-CUBE 4】で商品一覧のデフォルト並び順を変更する
EC-CUBE ４でデフォルトの並び順を変更する方法になります。 デフォルトでは「価格が安い順」になっていますが、これを「新着順」に変更しようと思います。 ＜初期の状態＞ EC-CUBE管理画面を開きます。 [設定]＞[システム設定]＞[マスターデータ管理] をクリックします。 [mtb_product_list_order_by]を選んで[選択]ボタンをクリックします。 下記の画面 […]
WEB制作
1/6ページ
HTML/CSS/などWEB制作に関わる知識
- 2020.09.03
【PHP】Simple HTML DOM Parser で取得した img src の変更
Simple HTML DOM Parser でスクレイピング した img要素 の src のパスを絶対URLに変更する方法です。 取得元がimgを相対パスで指定しているときに使用しました。 [crayon-5fbd1484a8b11789803612/]
- 2020.07.03
自分でホームページを作成するなら？HP作成方法いろいろ
自分でホームページを作るための方法を紹介します。 基本的には大きく分けて下記４つの方法があります。 HTMLを手打ち（コーディング）して作成する方法 ホームページ作成ソフトで作成する方法 CMSをインストールして作成する方法 クラウド型ホームページ作成サービスを使用する方法 HTMLを手打ち（コーディング）して作成する方法 「HTMLコード」入力（コーディング）して作成する、いわゆる手打ちで作成す […]
- 2020.06.10
jQueryプラグイン「Colorbox」のレスポンシブ対応
jQueryプラグインのモーダルウィンドウプラグイン、「Colorbox」をレスポンシブ対応するための方法です。 [crayon-5fbd1484a8e89217751539/] 上記のように、「 maxWidth」「 maxHeight」を指定することで、スマートフォンなどのモバイル端末で閲覧した時に画像が画面からはみ出てしまうのを防げます。
- 2020.06.09
WordPressで画像ファイルを上書き・差し替えできるプラグイン
WordPressで、一度アップした画像などのメディアファイルをあとから差し替えしたいとき、WordPressの仕様上、同じファイル名をアップしたとしてもファイル末尾に「-1」「-2」と付いて、画像の上書きにはなりません。 もちろんこの仕様の方が安全なのですが、修正の対応をする時は、ファイルをアップロードして再度差し替えの作業が必要になり、大変面倒です。 複数個所にまたがって使用している画像の場合 […]
- 2020.06.09
WordPressプラグイン「WP Jquery Lightbox」をレスポンシブ対応する
WordPressのモーダルウィンドプラグイン、「Wp Jquery Lightbox」は、デフォルトの状態では、スマホなどで閲覧した際に、画像が画面からはみ出たりします。 レスポンシブに対応するには、簡単に設定するとこができます。 [WP Jquery Lightbox]の設定画面を開きます。 開いたら、「スクリーンサイズに合わせて画像を縮小」という項目がありますのでチェックをいれて[設定を保存 […]
- 2020.06.04
WordPressのエディターでフォントサイズ選択を任意の内容にする
WordPress エディタで、フォントサイズを選ぶときに、利用中のテーマにもよりますが、8pt～36ptなどの「pt」や「px」指定になっていると思います。 ここを「％」指定にする場合や、フォントサイズを追加したりする場合の方法です。 「％」指定することで、レスポンシブサイトの構築などにも役立ちます。 設定方法 テーマ内ファイルの「functions.php」を編集します。 [crayon-5f […]
- 2020.05.21
CKEditorで、styleなしのspanタグを許可する
CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。 <span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>のみでしたら、入力しても消えてしまいます。 CKEdiorの「config.js」に下記を追加すると、許可されタグが消えなくなりました。 [crayon-5fb […]
- 2020.05.17
EC-CUBE 4 でテンプレートファイル（twig）が反映されない時
EC-CUBE 4 でテンプレートファイル（twig）を直接編集して、FTPでアップしても変わらなくなった時は、 「app/template/側」にテンプレートファイルが生成されている場合があります。 このファイルが作成されているとこちらのファイルを優先して読み込むため、「/src/Eccube/Resource/template側」のファイルをFTPで直接アップしても反映されません。 原因は、管 […]
- 2020.05.14
jQueryプラグイン iziModal の矢印をクリックした時の線を消す
「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。 グループ化した時にナビゲーション（矢印）を表示できるのですが、クリックした時に、線が出てしまいます。 フォーカスした際に出る線ですので、CSSでこれを無効にすることで非表示にできます。 ちなみにこの矢印は、<button>タグで作られています。 [crayon-5fbd1484a91ef […]