- 2020.09.03
【PHP】Simple HTML DOM Parser で取得した img src の変更
Simple HTML DOM Parser でスクレイピング した img要素 の src のパスを絶対URLに変更する方法です。 取得元がimgを相対パスで指定しているときに使用しました。 [crayon-5f6836bc3a253514114549/]
- 2020.07.03
自分でホームページを作成するなら？HP作成方法いろいろ
自分でホームページを作るための方法を紹介します。 基本的には大きく分けて下記４つの方法があります。 HTMLを手打ち（コーディング）して作成する方法 ホームページ作成ソフトで作成する方法 CMSをインストールして作成する方法 クラウド型ホームページ作成サービスを使用する方法 HTMLを手打ち（コーディング）して作成する方法 「HTMLコード」入力（コーディング）して作成する、いわゆる手打ちで作成す […]
- 2020.06.10
jQueryプラグイン「Colorbox」のレスポンシブ対応
jQueryプラグインのモーダルウィンドウプラグイン、「Colorbox」をレスポンシブ対応するための方法です。 [crayon-5f6836bc3a5c8197395118/] 上記のように、「 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-5f6 […]
- 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-5f6836bc3a93e […]
- 2020.05.02
PC間でのファイル共有ならGoodSyncがおすすめ
複数PC間で同ファイルを共有・編集する場合、いくつか方法があると思います。 共有ネットワークを使用する 同じネットワーク上のPC間で共有設定を行い共有する方法です。 メリット 手軽 無料でできますし、手軽に開始することができます。 デメリット 少し重い ネットワーク上のファイルを扱う場合、文章のみのワード程度なら問題ないかもしれませんが、 画像ファイルなどをネットワーク越しで行うには重い印象があり […]