ヨウスケのなるほどブログ。

いつから導入されてたのかわからないですが「AMP自動広告」がどんな感じか試しに設置・設定してみました AMP 自動広告の導入ガイド（ベータ版） - AdSense ヘルプ   WordPressのテーマは現在「Luxeritas」 ...

「CreateJS」でShape()を使って四角形を描画するサンプルコードです drawrect(X座標,Y座標,幅,高さ) See the Pen CreateJS drawing Rect by yochans (@yochans) o ...

「CreateJS」でShape()を使って円を描画するサンプルコードです See the Pen CreateJS drawing Circle by yochans (@yochans) on CodePen. Shape()を使って円 ...

CreateJS（PreloadJS）で画像を事前ロードする時のサンプルコードです See the Pen CreateJS Image Load by yochans (@yochans) on CodePen. LoadQueueで画像 ...

「EASELJS」「TWEENJS」「SOUNDJS」「PRELODJS」から構成されている「CreateJS」 CreateJS | A suite of JavaScript libraries and tools designed f ...

WordPressでのカテゴリ別RSSフィードはプラグイン不要、デフォルトで出力できて便利ですね カテゴリ別RSSフィードのURL パーマリンクがデフォルトの場合 カテゴリ名/feed/ 最後に「/feed/」と付け加えればカテゴリ別でも記 ...

WordPressのサイドバーに表示するカテゴリ一覧はデフォルトだと味気ないから、見た目の気に入るデザインにしたいところですね CSSでデザインする為に、まずHTMLコードを確認します デフォルトのHTML出力 <div class= ...

Windows10のスクリーンショット機能は、2017年の「Creators Update」より範囲指定キャプチャも出来るようになりました スクリーンショットキーの場所やキー表記 場所は主にキーボード最上段、「F10」キーの右側に設置されて ...

Googleアカウントはひとりでいくつでも作成でき、Chromeのユーザー単位で使い分けれたり非常に便利ですがGoogleアドセンスアカウントはひとりひとつに限定されています 複数のGoogleアカウントでAdSenseアカウントは作成出来 ...

Windows10のデフォルトではファイルの拡張子は非表示になっていますね ファイルの拡張子を表示設定にするには適当なフォルダを開いて「表示タブ」に切り替えるとチェックボックスがあります 「ファイル名拡張子」をチェックすればデスクトップから ...

さくらのレンタルサーバーで利用可能になったバックアップ機能「バックアップ＆ステージング 」 「バックアップ＆ステージング 」は「Snapup」というWEBサービスをさくらのサーバーアカウントにて利用できる機能ですが、独自アカウントになってい ...

「ToshibaServiceStation.exe」は「dynabook」などのToshiba製のディスクトップパソコン・ノートパソコンが重くなる原因のひとつですね TOSHIBAパソコンにプリインストールされているToshiba製のアプ ...

Github製の無料テキストエディタ「Atom」 日本語化「japanese-menu」は最初にインストールしたいパッケージですね 日本語化パッケージ「japanese-menu」のインストール 「Install a Package」または ...

CSSでセレクタ指定時に除外できるnot()疑似クラス AND条件やOR条件の指定方法です divを除外 div以外の全ての要素に適用するCSSです body:not(div){ color:#000; } divまたはpを除外 divとp ...

「Microsoft edge」でページ・テキストの翻訳機能を追加する拡張アドオン「Translator For Microsoft Edge」を使ってみました インストールと有効化は「拡張機能メニュー」から 選択したテキストを右クリックメ ...

追記：テキスト選択からGoogle検索が可能になりました 2018年3月中でのedgeアップデートでテキスト選択からGoogle検索が可能になりました edgeのアップデートはwindowsアップデート内で行われます また、既定の検索エンジ ...

ウィジェットでPHPコードが使える様になるプラグイン「PHP Code Widget」 PHP Code Widget — WordPress プラグイン インストールして有効化すると「外観」「ウィジェット」の項目に「PHPコード」が追加さ ...

idやclassのセレクターが指定されていない要素にだけ適用するCSSを記述する方法のサンプルです サンプルではdivで書いていますが、当然aやpやulなどなんでも大丈夫です idが指定されていないdiv要素に適用するCSS div:not ...

記事中のリンク等の左にリンクアイコンを付ける方法です サンプルではフォントアイコンに「Font Awesome」を利用しています classが付与されていないaタグにアイコンを付ける方法 a:not()::before{ font-fami ...

企業向けPCのリースをしている横河レンタ・リース株式会社が返却されたリースPCを販売する中古パソコンサイト「Qualit（クオリット）」がオープン（2018年2月15日） Qualit（クオリット）| 高品質リフレッシュPC販売中 送料・保 ...

投稿を複製できるプラグイン「Duplicate Post」 Duplicate Post — WordPress プラグイン   利用頻度は少ないですが、入れておくと便利なプラグインですね テンプレート的な投稿を用意しておいて複製 ...

さくらのレンタルサーバーを利用中、転送量制限は全然遠いのにチラホラ出てた503エラー 【さくらのレンタルサーバー】CPU使用時間とウェブ転送量と503エラーの数 エックスサーバーに移転してから一月弱経過しましたが503エラーの発生は0ですね ...

CSSでできる動的なデザインに使えるattr()式 現状はbeforeやafterの疑似要素のプロパティ「content」にしか使えませんがattr()を使ってできる事を考えてみます attr()式の基本サンプル HTML <p co ...

関連記事：PREVとNEXTを非表示にする方法 アイキャッチ画像は表示している関連記事のサムネイル画像サイズには不向き あと、サムネイル付き記事リストが主流みたいですけど、テキストリンクが並んでいた方が個人的には好み という訳でPREV・N ...

外観カスタマイズの「全体レイアウト」にNext/Prev の表示・非表示に関する設定項目がありますと、コメントにて教えて頂きました PREVとNEXTを非表示にするのにPHP及びCSSの編集は不要でした   やりたいけど面倒そうと ...

先日公開されたGoogle Chromeのバージョン64から、ユーザーの意図しない（悪質とされる）ポップアップ広告や広告ページに強制的にリダイレクトする様な広告表示も機能しなくなりました 昨年からそう発表されてましたが、２月予定てのは忘れて ...

CSSの「border-radius」と「animation」を使って、うねうね動くスライムリンクボタンをCSSだけで作ってみたい うねうね動くスライムリンクボタンv1 なるほど。 うーん、そもそもborder-radiusが苦手だったです ...

マウスホバー時にメニューをスライド表示させる方法 マウスホバーにてメニュー要素を開閉をさせる方法です 記述は簡単ですが、スマホやタブレット表示には不向きかも MENU HTML特殊文字変換 MHWブログまとめ BLOGS JavaScrip ...

jQueryを記事内に書いてみたら「$ is not defined」とのエラーが出ました 「$」だけという事はidやclass名が見つからないのではなく、そもそも「$」を認識していない 調べると、WordPressでjQueryを使う時は ...

最近、マイクロソフトIMEを使用していて文字入力の誤りがあると「誤変換データの収集にご協力下さい」というポップアップが出る様になりましたね   おそらく最初の設定でマイクロソフトへの情報送信をデフォルトでONにしてあれば出ないのか ...