Smooth Mousse ブログ WEBデザイン・ガジェットなど

WEB制作

1/6ページ
HTML/CSS/などWEB制作に関わる知識
WEB制作 CSS
  • 2020.07.03

自分でホームページを作成するなら？HP作成方法いろいろ

自分でホームページを作るための方法を紹介します。 基本的には大きく分けて下記４つの方法があります。 HTMLを手打ち（コーディング）して作成する方法 ホームページ作成ソフトで作成する方法 CMSをインストールして作成する方法 クラウド型ホームページ作成サービスを使用する方法 HTMLを手打ち（コーディング）して作成する方法 「HTMLコード」入力（コーディング）して作成する、いわゆる手打ちで作成す […]

続きを読む
Javascript／jQuery NO IMAGE
  • 2020.06.10

jQueryプラグイン「Colorbox」のレスポンシブ対応

jQueryプラグインのモーダルウィンドウプラグイン、「Colorbox」をレスポンシブ対応するための方法です。 [crayon-5f016bfa41de9594513259/] 上記のように、「 maxWidth」「 maxHeight」を指定することで、スマートフォンなどのモバイル端末で閲覧した時に画像が画面からはみ出てしまうのを防げます。

続きを読む
WordPress アイキャッチプラグイン
  • 2020.06.09

WordPressで画像ファイルを上書き・差し替えできるプラグイン

WordPressで、一度アップした画像などのメディアファイルをあとから差し替えしたいとき、WordPressの仕様上、同じファイル名をアップしたとしてもファイル末尾に「-1」「-2」と付いて、画像の上書きにはなりません。 もちろんこの仕様の方が安全なのですが、修正の対応をする時は、ファイルをアップロードして再度差し替えの作業が必要になり、大変面倒です。 複数個所にまたがって使用している画像の場合 […]

続きを読む
WordPress アイキャッチプラグイン
  • 2020.06.09

WordPressプラグイン「WP Jquery Lightbox」をレスポンシブ対応する

WordPressのモーダルウィンドプラグイン、「Wp Jquery Lightbox」は、デフォルトの状態では、スマホなどで閲覧した際に、画像が画面からはみ出たりします。 レスポンシブに対応するには、簡単に設定するとこができます。 [WP Jquery Lightbox]の設定画面を開きます。 開いたら、「スクリーンサイズに合わせて画像を縮小」という項目がありますのでチェックをいれて[設定を保存 […]

続きを読む
WordPress
  • 2020.06.04

WordPressのエディターでフォントサイズ選択を任意の内容にする

WordPress エディタで、フォントサイズを選ぶときに、利用中のテーマにもよりますが、8pt～36ptなどの「pt」や「px」指定になっていると思います。 ここを「％」指定にする場合や、フォントサイズを追加したりする場合の方法です。 「％」指定することで、レスポンシブサイトの構築などにも役立ちます。 設定方法 テーマ内ファイルの「functions.php」を編集します。 [crayon-5f […]

続きを読む
Javascript／jQuery
  • 2020.05.21

CKEditorで、styleなしのspanタグを許可する

CKEditorで、スタイル無しの<span>タグを手入力しても消えてしまうようでした。 <span>タグ自体は、文字のサイズなどのスタイルを変更すると自動で入るのですが、スタイルなしの状態の<span>のみでしたら、入力しても消えてしまいます。 CKEdiorの「config.js」に下記を追加すると、許可されタグが消えなくなりました。 [crayon-5f0 […]

続きを読む
ショッピングカート NO IMAGE
  • 2020.05.17

EC-CUBE 4 でテンプレートファイル（twig）が反映されない時

EC-CUBE 4 でテンプレートファイル（twig）を直接編集して、FTPでアップしても変わらなくなった時は、 「app/template/側」にテンプレートファイルが生成されている場合があります。 このファイルが作成されているとこちらのファイルを優先して読み込むため、「/src/Eccube/Resource/template側」のファイルをFTPで直接アップしても反映されません。 原因は、管 […]

続きを読む
Javascript／jQuery
  • 2020.05.14

jQueryプラグイン iziModal の矢印をクリックした時の線を消す

「 iziModal 」はとてもお洒落なモーダルウィンドウを実装できるjQueryプラグインです。 グループ化した時にナビゲーション（矢印）を表示できるのですが、クリックした時に、線が出てしまいます。 フォーカスした際に出る線ですので、CSSでこれを無効にすることで非表示にできます。 ちなみにこの矢印は、<button>タグで作られています。 [crayon-5f016bfa42fd0 […]

続きを読む
CSS CSS
  • 2020.04.20

iOSのSafariでフォントが明朝体（Serif）になってしまう場合

単純に、無いフォントを指定してしまっている場合、明朝体（セリフ体）になってしまいます。 iOS　Safariのデフォルトフォントが「Serif」のようですので、次のような指定の仕方だとフォントが「明朝体（セリフ体）」になってしまいます。 [crayon-5f016bfa4341e873542568/] ですので、次のように、きちんと「Serif」を指定する必要があります。 [crayon-5f01 […]

続きを読む
1 … 6