実務 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...
未分類 【最低限行いたい】WordPressのセキュリティ対策
本記事は、はらさん(@haraponta1496)がLINEで配布されている「WordPressセキュリティーセミナー動画」の忘却録です。WordPressがセキュリティに弱いって本当？実は弱いです。簡単にログインが突破されます。理由は、多...
Web制作学習 【忘却録】Swiper.jsでよく使う機能
Swiper.js使用時、いつも詰まる部分を注意点としてまとめました。以下、サンプルコードです。▼script.jsconst swiper1 = new Swiper(".card01 ", { centeredSlides: false...