読書感想文を買い取ってくれるサービス「読書感想文、買います。」

June 3, 2018, 1:06 am

≫ Next: CSSアニメーションとjQueryを使って要素にパララックス効果を加える方法

≪ Previous: プラグインを使わずにカスタム投稿やカスタムタクソノミーを追加する方法

$

0

0

「読書感想文、買います。」は、その名の通り、読書感想文を買い取ってくれるWEBサービスです。「dokusyokansoubun.love」というドメイン名も素敵ですね。 何でも買い取ってくれるわけではなく、いかに管理人の…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
2. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
3. Google Analyticsでユーザーの分布レポートを有効化する手順

---

CSSアニメーションとjQueryを使って要素にパララックス効果を加える方法

June 3, 2018, 4:03 pm

≫ Next: プラグインを使わずに独自のカスタムフィールドを追加する方法

≪ Previous: 読書感想文を買い取ってくれるサービス「読書感想文、買います。」

$

0

0

CSSアニメーションとjQueryを組み合わせて、スクロール時のパララックス効果を自前で実装する方法をご紹介いたします。 簡単なデモページも用意しましたので、挙動についてはデモをご参照ください。下にスクロールしていくと、…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. サイトの読み込み中にローディング画面を表示する方法
2. Facebookも実装しているインターフェイスプレビューが導入できるスタイルシート「mocka」
3. CSSアニメーションで要素をクルッと回転させる方法

プラグインを使わずに独自のカスタムフィールドを追加する方法

June 4, 2018, 4:50 pm

≫ Next: サイトに埋め込んでいるYouTubeの動画が削除されていないか確認できるWordPressプラグイン「Broken Link Checker for YouTube」

≪ Previous: CSSアニメーションとjQueryを使って要素にパララックス効果を加える方法

$

0

0

プラグインを使わずに、独自のカスタムフィールドを追加する方法をご紹介いたします。 独自のカスタムフィールドをプラグインなしで実装したい場合は、ぜひ参考にしてください。 プラグインを使わずに独自のカスタムフィールドを追加す…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressのテーマ内でカスタムフィールドの値を出力する方法
2. 記事毎に専用のCSSを追加できるようになるWordPressプラグイン「add-css-to-post」
3. カスタムフィールドに入れた日付順に記事一覧を並べ替える方法

サイトに埋め込んでいるYouTubeの動画が削除されていないか確認できるWordPressプラグイン「Broken Link Checker for YouTube」

June 6, 2018, 4:15 pm

≫ Next: WebサイトのURLからそのサイトが使っているサーバー会社を調べる方法

≪ Previous: プラグインを使わずに独自のカスタムフィールドを追加する方法

$

0

0

Broken Link Checker for YouTubeは、サイトに埋め込んでいるYouTubeの動画が削除されていないか確認することができるWordPressプラグインです。 サイト内に埋め込まれた動画をスキャン…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. サイト内のリンク切れをチェックしてくれるWordPressプラグイン「Broken Link Checker」
2. 簡単にサイト内のリンク切れがチェックできるWEBサービス「Online Broken Link Checker」
3. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順

WebサイトのURLからそのサイトが使っているサーバー会社を調べる方法

June 7, 2018, 4:06 pm

≫ Next: スマホやタブレットの場合にテーブルが横スクロールできることをお知らせしてくれるスクリプト「ScrollHint」

≪ Previous: サイトに埋め込んでいるYouTubeの動画が削除されていないか確認できるWordPressプラグイン「Broken Link Checker for YouTube」

$

0

0

Webサイトを閲覧していて、「このサイトが使っているサーバーはどこだろう」と思うことはありませんか？そんな時は、aguseというサービスを使うことで、そのサイトが使っているサーバー会社を簡単に調べることができます。 ag…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
2. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
3. Google Analyticsでユーザーの分布レポートを有効化する手順

スマホやタブレットの場合にテーブルが横スクロールできることをお知らせしてくれるスクリプト「ScrollHint」

June 10, 2018, 4:44 pm

≫ Next: スライド画像を虫眼鏡でズームできる機能がついている一風変わったjQueryスライダー「Zoom SlideShow」

≪ Previous: WebサイトのURLからそのサイトが使っているサーバー会社を調べる方法

$

0

0

ScrollHintは、スマホやタブレットの場合に、横にはみ出したテーブルを横スクロール可能にし、横スクロールができることを視覚的にわかるように教えてくれるスクリプトです。 デモは以下ページで確認できますので、スマホやタ…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. 指定した要素の背景画像をスライドショーにすることができるjQueryプラグイン「BgSwitcher」
2. WordPressで記事の公開前に確認メッセージを表示させる方法
3. フッターに被らないスクロール追尾型のサイドバーを実装する方法

スライド画像を虫眼鏡でズームできる機能がついている一風変わったjQueryスライダー「Zoom SlideShow」

June 11, 2018, 4:23 pm

≫ Next: Googleアドセンスの自動広告でアンカー広告の表示位置を画面下部に固定させる方法

≪ Previous: スマホやタブレットの場合にテーブルが横スクロールできることをお知らせしてくれるスクリプト「ScrollHint」

$

0

0

Zoom SlideShowは、虫眼鏡によるズーム機能が備えられたスライダーを実装することができるjQueryプラグインです。 デモは以下でご確認いただけます。メインのスライド画像にマウスカーソルを合わせると、虫眼鏡が出…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. スライドショーも可能！背景全体に画像を表示させることができるjQueryプラグイン「MaxImage2」
2. WordPressで記事の公開前に確認メッセージを表示させる方法
3. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)

Googleアドセンスの自動広告でアンカー広告の表示位置を画面下部に固定させる方法

June 12, 2018, 5:11 pm

≫ Next: ヘッダーやフッターに管理画面上からコードを追加することができるWordPressプラグイン「AddFunc Head & Footer Code」

≪ Previous: スライド画像を虫眼鏡でズームできる機能がついている一風変わったjQueryスライダー「Zoom SlideShow」

$

0

0

Googleアドセンスで提供されている自動広告では、画面の上部か下部に固定される”アンカー広告”と画面遷移の際に表示される”全画面広告”があります。 アンカー広告は、自動広…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. Google Analyticsでユーザーの分布レポートを有効化する手順
2. パラメータ付きURLへのアクセスをGoogleアナリティクスで適切にトラッキングしつつURLからパラメータを除去する方法
3. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)

---

ヘッダーやフッターに管理画面上からコードを追加することができるWordPressプラグイン「AddFunc Head & Footer Code」

June 13, 2018, 4:30 pm

≫ Next: 独自のCSSグリッドを生成してダウンロードすることができるWEBサービス「DEX-GRID」

≪ Previous: Googleアドセンスの自動広告でアンカー広告の表示位置を画面下部に固定させる方法

$

0

0

AddFunc Head & Footer Codeは、ヘッダーやフッターに管理画面上からコードを追加することができるWordPressプラグインです。テーマファイルを触らずにコードを追加することができます。 A…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
2. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
3. WordPressで記事の公開前に確認メッセージを表示させる方法

独自のCSSグリッドを生成してダウンロードすることができるWEBサービス「DEX-GRID」

June 14, 2018, 4:33 pm

≫ Next: ファイルやディレクトリが存在するか調べるfile_existsをWordPressで使う場合の注意点

≪ Previous: ヘッダーやフッターに管理画面上からコードを追加することができるWordPressプラグイン「AddFunc Head & Footer Code」

$

0

0

DEX-GRIDは、CSSグリッドを生成してCSSとSCSSのファイルをダウンロードすることができるWEBサービスです。 ご利用についてでは、DEX-GRIDについて以下のように説明されています。 DEX-GRIDリリー…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
2. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
3. Facebookの投稿をブログに埋め込む手順

ファイルやディレクトリが存在するか調べるfile_existsをWordPressで使う場合の注意点

June 17, 2018, 5:12 pm

≫ Next: URLを入力するだけでページ全体のスクリーンショットを撮ってくれるWEBサービス「Screenshot Guru」

≪ Previous: 独自のCSSグリッドを生成してダウンロードすることができるWEBサービス「DEX-GRID」

$

0

0

file_existsは、ファイルまたはディレクトリが存在するかどうか調べることができるPHPの関数です。 例えば、foo.txtというファイルが存在するかどうかを調べるには、以下のように記述します。 このfile_ex…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
2. WordPressで記事の公開前に確認メッセージを表示させる方法
3. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順

URLを入力するだけでページ全体のスクリーンショットを撮ってくれるWEBサービス「Screenshot Guru」

June 18, 2018, 4:44 pm

≫ Next: 追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」

≪ Previous: ファイルやディレクトリが存在するか調べるfile_existsをWordPressで使う場合の注意点

$

0

0

Screenshot Guruは、URLを入力するだけでページ全体のスクリーンショットを撮ってくれるWEBサービスです。 手軽にページ全体のスクリーンショットを撮影できます。 Screenshot Guruの使い方 Sc…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
2. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
3. Google Analyticsでユーザーの分布レポートを有効化する手順

追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」

June 19, 2018, 4:40 pm

≫ Next: ハラスメントをしている人に匿名で注意ができるWEBサービス「ソレハラ」

≪ Previous: URLを入力するだけでページ全体のスクリーンショットを撮ってくれるWEBサービス「Screenshot Guru」

$

0

0

Font-familyメーカーは、指定したいフォントをドラッグ&ドロップするだけで、CSSのfont-familyを生成してくれるWEBサービスです。 Font-familyメーカーの使い方 Font-famil…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
2. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
3. Google Analyticsでユーザーの分布レポートを有効化する手順

ハラスメントをしている人に匿名で注意ができるWEBサービス「ソレハラ」

June 20, 2018, 4:19 pm

≫ Next: WordPressで閲覧している固定ページが親・子・孫ページのいずれかを判別する方法

≪ Previous: 追加したいフォントをドラッグ&ドロップするだけでfont-familyの指定を生成してくれるWEBサービス「Font-familyメーカー」

$

0

0

ソレハラは、職場などでハラスメントを行っている人に対して、匿名でメールを送ることができるWEBサービスです。セクハラ・パワハラ・アルハラ・モラハラ・スメハラ等に対して、匿名で抗議することができます。 ソレハラの使い方 ソ…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
2. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
3. WordPressで記事の公開前に確認メッセージを表示させる方法

WordPressで閲覧している固定ページが親・子・孫ページのいずれかを判別する方法

June 21, 2018, 4:00 pm

≫ Next: PageSpeed Insightsでサイト全体のパフォーマンス(表示速度)を計測する方法

≪ Previous: ハラスメントをしている人に匿名で注意ができるWEBサービス「ソレハラ」

$

0

0

WordPressの固定ページでは親子関係を設定することができます。今回は、その親子関係をテーマ内で判別する方法をご紹介したいと思います。 閲覧している固定ページが親ページか子ページかを判別する方法 「$post-&gt…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressで指定したタクソノミーの親ターム・子タームのリストとそれぞれのタームに属する記事の一覧を出力する方法
2. プラグインなしでWordPressサイトの人気記事一覧を表示する方法
3. WP_Term_Queryを使ってタームの一覧を出力する方法

---

PageSpeed Insightsでサイト全体のパフォーマンス(表示速度)を計測する方法

June 22, 2018, 9:40 pm

≫ Next: 指定したカテゴリーやタグに属する記事一覧を投稿内やウィジェットに表示することができるWordPressプラグイン「List category posts」

≪ Previous: WordPressで閲覧している固定ページが親・子・孫ページのいずれかを判別する方法

$

0

0

PageSpeed Insightsでは、通常はページ単位で表示速度の計測を行いますが、サイト全体のパフォーマンスを計測する方法をご紹介したいと思います。 PageSpeed Insightsでサイト全体のパフォーマンス…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
2. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
3. Facebookの投稿をブログに埋め込む手順

指定したカテゴリーやタグに属する記事一覧を投稿内やウィジェットに表示することができるWordPressプラグイン「List category posts」

June 24, 2018, 4:10 pm

≫ Next: WordPressサイトを常時SSL化する手順

≪ Previous: PageSpeed Insightsでサイト全体のパフォーマンス(表示速度)を計測する方法

$

0

0

List category postsは、指定したカテゴリーやタグに属する記事の一覧を投稿や固定ページ、ウィジェット等に表示することができるWordPressプラグインです。 記事や固定ページに表示する際は、ショートコー…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. カテゴリーの表示順を入れ替えることができるWordPressプラグイン「Category Order」
2. カテゴリーとカスタムタクソノミーの表示順を並べ替えるWordPressプラグイン「Category Order and Taxonomy Terms Order」
3. Facebookの投稿をブログに埋め込む手順

WordPressサイトを常時SSL化する手順

June 25, 2018, 4:23 pm

≫ Next: 検索結果やYouTube等のGoogleサービスで表示される広告で、表示したくないジャンルの広告をオフにする方法

≪ Previous: 指定したカテゴリーやタグに属する記事一覧を投稿内やウィジェットに表示することができるWordPressプラグイン「List category posts」

$

0

0

ようやく重い腰を上げて当ブログを常時SSL(HTTPS)化しましたので、WordPressサイトを常時SSL化するための手順をまとめておきたいと思います。 作業の流れとしましては、以下のような感じになります。 ステップ1…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressのデータベース内のドメインを置換できる便利ツール「Database Search and Replace Script in PHP」の使い方
2. Googleカスタム検索をサイトのHTMLフォームに埋め込む方法
3. Googleアドセンスの自動広告でアンカー広告の表示位置を画面下部に固定させる方法

検索結果やYouTube等のGoogleサービスで表示される広告で、表示したくないジャンルの広告をオフにする方法

June 26, 2018, 3:57 pm

≫ Next: 画像にホバーエフェクトを加えることができるWordPressプラグイン「Image Hover Effects Ultimate」

≪ Previous: WordPressサイトを常時SSL化する手順

$

0

0

インターネットでは、何かを検索した時やYouTubeを閲覧している時など、様々な場面で広告が表示されますね。Googleの関連サービスで表示される広告は、あらゆるデータからGoogleが認識しているその人の属性によって変…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
2. Google Analyticsでユーザーの分布レポートを有効化する手順
3. 一定の時間滞在したユーザーをGoogleアナリティクスの直帰率から除外する方法

画像にホバーエフェクトを加えることができるWordPressプラグイン「Image Hover Effects Ultimate」

June 27, 2018, 4:29 pm

≫ Next: サイトのヘッダー・フッター・ページの前後などに任意のコードを追加できるWordPressプラグイン「Add to All」

≪ Previous: 検索結果やYouTube等のGoogleサービスで表示される広告で、表示したくないジャンルの広告をオフにする方法

$

0

0

Image Hover Effects Ultimateは、画像にマウスホバーした時にタイトルやボタンなどを表示するエフェクトを追加するためのWordPressプラグインです。 画像のホバーエフェクトを作成して、ショート…

※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※

関連記事:

1. ブログに設置したツイートボタンにおすすめユーザー(data-related)を設定する手順
2. WordPressサイトにソーシャルボタンを横並びで設置する方法(コピペ用メモ)
3. WordPressで記事の公開前に確認メッセージを表示させる方法