便利情報 作成したWebサイトを表示する「モックアップ」作成ツールおすすめ
ハッサクこんにちは！フリーランスコーダーのハッサクです。Webサイトを納品後にポートフォリオを更新するのですが、その時に作成するのが「モックアップ」。URLを開かなくても、パソコン・スマホの表示が確認出来て便利ですよね。▼モックアップイメー...
便利情報 
便利情報 パイナップル検査！飛蚊症は軽減するのか？
「パイナップルを3ヶ月食べたら、飛蚊症が軽減されたという論文が発表されたらしい！」※飛蚊症：明るいところを見ると、黒や透明の点や線が、空中に漂って見える生まれつき飛蚊症はあったのですが、あまり気になりませんでした。ですが去年から少し気になり...
実務 Swiperのloopで2周目以降1枚目→2枚目がカクつく
以下デザインのスライダーを作った時に、「2周目以降、1枚目から2枚目に移動するときに、スライドにつけた段差が一瞬なくなる」という挙動が発生しました。※デザイン：真ん中のactiveクラスが一番低く、左右に階段のように段差があるスライダースラ...
実務 古いWordPressサイトを手動でバージョンアップする
サイトの状況・サーバーPHPバージョン：5.6 （8.3までバージョンアップ可能） ・WordPressバージョン：バージョン 4.9.4（最新は6.8.1）上記のように明らかにWordPressバージョンが古くても、「ダッシュボード＞更新...
Web制作学習 【デイトラ実務編】WordPressのブロックテーマを構築しよう DAY 4
デイトラ実務編に「【デイトラ実務編】WordPressのブロックテーマを構築しよう」が追加されたので、学習中に記録したいことをこちらのブログにまとめていきたいと思います！theme.json場所外観＞エディタ＞スタイル用途サイト全体に共通に...
実務 All In One SEOを使った内部SEOの設定方法
ハッサク実務で内部SEOの実装をします。新規サイト制作はオリジナルの自作コードを使用しますが、既存サイトでプラグイン「All In One SEO」が使用されている場合は、そのプラグインを有効化した上で、要件に応じて自作のコードも使用します...
実務 All in One SEOで404ページのタイトルを変更する方法
ハッサクAll in One SEOの404ページに、TDやOGPが出力されないんだけど...※以下は404ページの、実際の出力<!-- All in One SEO 4.8.2 - aioseo.com --><title></title...
未分類 【SEO SIMPLE PACK】カスタム投稿アーカイブページのディスクリプションを変更したい
WordPressのプラグイン【SEO SIMPLE PACK】を使って、カスタム投稿タイプ ※2つ以上ある場合アーカイブページディスクリプション(description)を変更したい！！と思ったのですが、一般設定からは変更ができませんでし...
未分類 【Contact Form7】擬似要素を使った送信ボタンのカスタマイズ
擬似要素を使う、装飾が必要なボタンを作りたい。例：ボタン右側に > があるデザインハッサクをsubmit-wrapクラスで囲い、submit-wrapクラスに擬似要素を指定すれば良いんじゃないの？と思ったのでやってみます。浮上した問題をクラ...
未分類 【splide】影付きスライドの実装方法
ハッサク以下のような影付きのスライダーを実装したい！実装コードスマホだけスライダーにしたかった為、以下サイトで紹介されていたコードをベースに構築。▼script.js （splideの数がページ内に複数ある場合、1行目のconst spli...