Sakurai– Author –

【前提】 通常のjQueryの記述は以下の$(function()~ もしくは$(document).ready(function()~~で記述しますが、 WordPressの場合には書き方が変わります。 $(function(){ // 処理 }); もしくは $(document).ready(function(){ //処理 }); WordPressでのjQue...

【「Slick.js」の使い方・カスタマイズ方法】 「Slick.js」の使い方・カスタマイズ方法でよくある事例のメモです。 スライドのドットの大きさを変更する CSSで調整できます。 疑似要素の中身にcontent: "•";を使ってスライダードットを再現しています。ス...

画像内にイメージマップをつくってリンクをつけることができるareaタグですが、 アクションを起こせる範囲を指定するため、レスポンシブ対応させるとなると手間がかかります。 【areaタグをレスポンシブ対応させる方法】 結論 CDNから読み込み、もしくはダ...

【position: stickyが効かない、IE11対応】 結論 position: stickyが効かない場合の解決方法【CSS】 - termina.ioを参照した。 親要素全てのoverflow属性値をvisibleに変更する。 この状態になっているかどうか？はディベロッパーツールのコンソールを開き...

【disabledにしたチェックボックスのデザインを変更する方法】 結論 【「appearance: none;」】 appearanceプロパティはラジオボタンやポップアップメニューなどのユーザーインタフェースを指定するためのCSSで, noneを指定することで消すことができる。 n...

【右クリック禁止処理サイトでhtmlソースを確認する方法】 WEBサイト修正依頼が来た時に,「右クリック禁止処理」がされているサイトほど嫌なものはないです。 手間が何重にも増えますしね。 右クリック禁止処理サイトでもhtmlソースを見ることはできます。...

【IE11でテーブルの枠線が消える】 久しぶりにIE11でハマったのでメモ。 SafariやChromeでは表示されているのにも関わらず、IE11でテーブルの枠線が消えてしまっていた。 原因としては この2点。 tdの背景色がtdにつけた枠線の上から重なってしまい色が上...

ヘッダーが追尾するメニューを作る場合、positionで設定するのでレイヤーが一番上に来ます。そのためヘッダー分の高さが隠れてしまい、ページ内アンカーリンクを設定しているとアンカーリンクは動作しているのだけれど、ヘッダーメニューが上から重なって...

svg(エスブイジー)は拡大・縮小に対応した画像ファイル形式のこと。 スマホ、タブレットの普及により近年、幅広いブラウザサイズに対応しなければならず SVG形式の画像を良く見かけますね。特にロゴの画像データはよく見かけます。 多種類の解像度を良いし...

【jQueryでアコーディオン/ボタンをアニメーション回転させる】 基本的にはjQueryでアコーディオン（クリック開閉メニュー)と同様の手法 トリガーとなるボタンの位置は絶対配置で指定。 toggleClassでクラスを追加したときにCSSで回転させる。 回転アニメ...

【jQueryでアコーディオン（クリック開閉メニュー)】 slideToggle（）を使って実装するのがかんたん。 hover,clickをEventListenerにしてslideToggle（）を実行させる例がほとんど。 しかし、slideToggleの場合、css transitionのアニメーションが効かない...

[Javascript]「?」を使ったif文の書き方-三項演算子

久しぶりにつまずいたのでメモ。 before,afterの疑似要素に下線を付けるのではなくspanタグで囲って下線を付ける。 下線の位置を調整するなら疑似要素を使うしかないのですが、before,afterの疑似要素の場合はwidth,height指定しないとだめなときがあるの...

この記事はパスワードで保護されています

さくらドメインコンパネにWPXサーバーのネームサーバーを設定する方法

お名前.comのVPSでのWordPress移行作業

お名前.comのVPS(KVM)プランでページ表示速度を上げてSEO対策

【WordPress 5.5 メジャーアップデート版リリース　Eckstine】 WordPress 5.5がリリースされました。 WordPress 5.5の名前は「Eckstine」です。 ジャズボーカリスト「Billy Eckstin（ビリー・エクスタイン）」から命名 主な変更点 ・遅延読み込み (lazy lo...

Nginx+php-fpmで502 Bad gatewayが出たときの対処メモ

ウェブ作成時にMacで画面上の色を拾って、16進法でコピーする方法

slickは定番のJavaScriptスライダープラグインです。 jQueryで動作します。 公式サイトでのデモソースパターンとネットでの拡張サンプルコード事例が豊富なので 比較的使いやすいスライダープラグインだと感じます。 【slick ライセンス】 MITライセンス/...

php-fpm+nginxでload averageが上がった時の対処メモ

[Javascript]「?」を使ったif文の書き方-三項演算子

案件でスライドを実装しないといけなくなり、Slider Proで対応しようとしたのですが、 「1枚の画像のときにスライダーを表示させないでくれ」と言われてしまい1枚の画像のケースがありえるの？とツッコミしたくなりました。 スライダーを使うのだから複数...

JavaScriptのスライドプラグインはたくさん種類がありますが、 その中でも設定項目の多い「Slider Pro」の使い方です。 Slider Proの良いところとしては ・ブレイクポイントを使ったレスポンシブ対応 ・スワイプ検知 ・サムネイルの大きさ指定 これらの項...

携帯サイトっぽく見せるためには絵文字は必須です。 携帯サイト向けサイトをつくるのに便利なWordPressのプラグインKtai Style を使用した場合に絵文字を使いたい！ ときには 投稿ページに ＜img localsrc=”NNN” /＞ と記入します。NNNに絵文字ナンバーが...

[N] 「Google Analytics完全解説」著者から聞いた知らないと損しそうな5つのTips！ で迷った点があったので備忘録です。 サイト内検索レポート 表示場所 コンテンツ　＞　サイト内検索 設定 Analytics 設定 > プロファイル設定 [1] サイト プロファイル情...

WordPressのエディタにはビジュアルモードとHTMLモードの2種類がありますが、 HTMLモードで改行を入れたテキストに対して、<p>が自動補完されます。 Pタグがあることで妙なマークアップになることを解消することが必要な場合があるかもしれません。 ...

SEO対策として静的URLにすると良いといわれています。 静的URLと対象に動的URLがあります。 例1 blog.livegoods.net/archives/test.html 例2 blog.livegoods.net?p=123 例2のようなURLを動的URLといい、「?p=123」が動的パラメータと呼ばれます。 動的URL...

Google Sitemap Generator 3.2で検証しました。 モバイル サイトマップの作成 - ウェブマスター/サイト所有者 ヘルプに仕様をあわせます。 xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0と が足りていませんので、追加修正します。 Goo...