ブログ

2022/5/14

AFFINGER6でYouTubeの動画を記事に張り付ける方法

ショートコードを使ってYouTubeを記事に貼り付ける方法 YouTubeの動画をWordPressの記事内に表示させる方法は、色々とありますが、本記事では、AFFINGER6が用意しているショートコードを使った方法を紹介します。ショートコードを利用するメリットは、YouTube動画の表示速度が速いという点です。AFFINGERを使っている方であれば、ショートコードを使った方法をおすすめします。以下は「通常の方法（YouTubeのリンクを張り付けた方法）」と「ショートコードを利用した方法」です。本記事 ...

2021/8/10

WordPressで評価ボタン（good、bad）を設置する方法

はじめに WordPressで記事を書いていると、書いている記事が良い記事なのか、良くない記事なのか気になる所です。評価が悪い記事がわかれば、その記事を見直すことができるので「Good」(いいね）と「Bad」（よくないね）ボタンを設置したいと思い「Helpful」というプラグインを実装してみました。「Helpful」プラグインで実装した評価ボタンのイメージは以下です。これまでは、AFFINGERが提供している有料プラグイン「Good / Bad プラグイン」を使っていましたが、Goodの ...

2021/7/7

AFFINGER5からAFFINGER6（ACTION）へのアップデート手順

ACTION（AFFINGER6）がついに販売開始 2021年7月1日より ACTION（AFFINGER6）の販売が開始しました。WING（AFFINGER5）購入者は、ACTION（AFFINGER6）へ無料でアップデートできます。※2021年7月時点 ACTION（AFFINGER6）へのアップデート方法は以下の2通りです。 ACTION（AFFINGER6）を利用する ACTION（AFFINGER6）WING互換性バージョンを利用する ACTION（AFFINGER6）を利用する場合 ACTIO ...

2020/11/29

WordPressにtwitterのツイートを埋め込む方法

WordPressのサイドメニューにtwitterを埋め込む手順 WordPressのサイドメニューに、以下のようなtwitterのツイートを埋め込む手順を紹介します。手順1. Twitter Publishへアクセス WordPressのサイドメニューに埋め込むtwitterのURLは「Twitter Publish」のサイトで生成します。そのため、まずは「Twitter Publish」のサイトへアクセスします。 Twitter Publishはこちら手順2. Twitter Publishで埋 ...

2020/3/8

コピーライト(クレジット表記)「by AFFINGER5」を消す方法

コピーライト(クレジット表記)「by AFFINGER5」を消す方法フッターに表示されているコピーライト（クレジット表記）。 WordPressの人気有料テーマ「AFFINGER5」使うと次のように「by AFFINGER5」と表記されてしまいます。本記事ではこの「by AFFINGER5」を簡単に削除する方法を紹介しています。クレジット削除プラグイン AFFINGER5を購入すると「クレジット削除プラグイン」が一緒に同封されています。（購入した時期により付与されていない場合は、別途クレジット削除プ ...

2020/10/28

AFFINGER5でトップページをカードデザインにする方法

AFFINGER5でトップページをカードデザインにする方法 AFFINGER5でトップページのデザインをカードデザインに変えるためには、自作でカードデザインを作るか、ショートコード「st-catgroup」を使いスライドショーでの実装しかありません。ちなみにスライドショーのイメージは次の通りです。カードデザインを簡単に作る方法は、AFFINGER5EXにアップグレードするか、子テーマのJETを使うかです。関連記事 AFFINGER5 EXへのアップグレード手順本記事では、AFFING ...

2020/10/28

AFFINGER5 EXへのアップグレード手順

AFFINGER5 EXへのアップグレード手順 WordPressの人気有料テーマ「AFFINGER5」から「AFFINGER5 EX」へのアップグレード手順は、次の2通りのいずれかです。専用プラグインを利用 AFFINGER5のテーマを一旦削除後にAFFINGER5 EXのアップグレードのテーマを反映する本記事では後者の「AFFINGER5のテーマを一旦削除」してアップグレードする方法について紹介しています。スポンサーリンク既存設定のバックアップを取得する AFFINGER5のテーマを一旦削除し ...

2020/3/1

【対処法】スクリプトタグに無効な JSON が含まれており、パースできません

スクリプトタグに無効な JSON が含まれており、パースできません Google Search Consoleから「AMP」に関するメールが届いたので、確認してみると「スクリプトタグに無効な JSON が含まれており、パースできません」という警告エラーが発生。弊社では、貴サイトの「AMP」に関する問題の修正について検証を開始いたしました。具体的には、25 ページに現在影響を及ぼしている「スクリプトタグに無効な JSON が含まれており、パースできません。」について確認しております。検証には数日かかるこ ...

2020/2/24

【令和元年】ブログ収入がある人必見！確定申告書類の作り方

ブログ収入がある人必見！確定申告書類の作り方 2018年に厚生労働省が副業禁止を解禁したことで、副業できる会社そして副業をしているサラリーマンも増えてきています。そして副業収入が年間で20万円を超えると確定申告を行わなければいけません。本記事では次の条件に当てはまる人を対象とした、確定申告書類の書き方について紹介しています。本業はサラリーマン副業で20万円を超える広告収入（Google AdsenseやA8.netなどのアフィリエイト）があるスポンサーリンク事前準備広告収 ...

2019/12/20

【AFFINGER5】スマホのみサイドバーを非表示にする方法

【AFFINGER5】スマホのみサイドバーを非表示にする方法スポンサーリンク [方法1] CSSでサイドバーを非表示にする WordPressの管理画面から「外観」→「カスタマイズ」を選択。表示されたカスタマイズ画面で一番下にある「追加CSS」を押下し、以下のCSSを追加します。 @media only screen and (max-width: 599px) #side { display: none; } これで横幅が599pxより小さい端末の場合は、サイドバーが非表示となります。 ...

2020/10/28

AMPページにコメント欄へのボタンを設置する方法

Googleが推進しているAMPを利用したらコメント欄が表示されない・・・。何かいい方法ないですか？通常ページと同じようなコメント欄をAMPページに表示するのは難しいです。ただ、AMPページにコメント欄へのボタンを設置する方法があります。どうすれば設置できますか？ AMPページを生成しているPHPファイルを直接修正する必要があります。本記事ではPHPファイルの修正方法を図解で分かりやすく説明していきます。スポンサーリンク【WordPress】AMPページにコメント欄へのボタンを設置する方法 A ...

2019/10/29

ロリポップからエックスサーバーへ移行した結果アクセス数が激減した話

ロリポップからエックスサーバーへ移行した結果、アクセス数が激減した体験談スポンサーリンク「ロリポップ」から「エックスサーバー」へサーバーを移行した理由サイトを開設した当初は、なるべく低コストで始めたかったので「ロリポップ」を使っていました。私が契約していたプランは「ロリポップ」のスタンダードプランです。月500円と低価格です。以下はロリポップとエックスサーバーの比較表です。性能ロリポップエックスサーバープランスタンダード X10 価格月500円～月900円～ Webサー ...

2021/3/15

【初心者向け】ブログで副業の始め方

ブログ収入の仕組みってどうなっているの？ブログ収入の仕組みってどうなっているの？まずはブログ収入の仕組みについて説明します。ブログ収入の仕組みで登場する登場人物は「広告主」「仲介会社」「ブログ」「読者」の4つに分けられます。ブログ収入の仕組みを簡単に説明すると「広告主」の広告を「ブログ」に張り「読者」が広告をクリックまたは広告の商品を購入すると、報酬がもらえる仕組みとなります。スポンサーリンクそれでは上記図を例にもう少し具体的に説明していきます。テレビのCMのようなインターネット用の広告を企 ...

2019/11/24

テーマ変更してアクセス数が減少した時の対処法

WordPressは無料テーマからスタート WordPressでブログやサイトを作成する時、始めは無料テーマでスタートする人は多いと思います。私も無料テーマでサイトを立ち上げました。無料テーマでサイトを立ち上げてある程度の収入が得られるようになったら、「有料テーマに変更しよう」と考えていました。はじめは収入が得られるか分からないので、有料テーマを使うのは気が引けるんだよなぁースポンサーリンク私が使用していた無料テーマは「Cocoon」です。「Cocoon」は無料テーマとは思えないくらいの充実した機 ...

2020/7/28

AMPページに関連コンテンツの広告を表示させる方法

AFFINGER5でAMPページに関連コンテンツの広告を表示させる方法 Google AdSenseの公式サイトの通り、AMPページで広告を表示させる場合は、AMP対応広告ユニットが必要になるようです。本記事では、Google AdSenseの公式サイトに掲載されている方法で関連コンテンツの広告をAMPページに表示させる方法を紹介します。 AMP ページは AMP HTML で書かれているため、AMP 広告ユニットには通常の AdSense 広告コードとは異なる広告コードが必要です。詳しくは、AMP 対応 ...

2019/12/25

【WordPress】CocoonからAFFINGER5に移行した感想

AFFINGER5とは WordPressの人気有料テーマ「WING（AFFINGER5）」は、SEOに強く収益が発生しやすいことで有名なテーマです。スポンサーリンクまたデザインも豊富で、無料テーマと比べると圧倒的にオシャレなデザインを簡単に作る事が出来るのが特徴でもあります。まるで専門家が作ったような、オシャレな部品が沢山あるため、CSSでカスタマイズしなくてもオシャレなサイトを作る事が可能です。ただしAFFINGER5は、SEOに強いのが特徴である有料テーマであり、デザイン性よりも ...

2019/12/25

Google Search ConsoleのDiscoverとは

「Google Search Console」に追加されたDiscoverってどんな機能？ Discoverとは、簡単に説明するとGoogleにおすすめ記事として紹介される機能です。 2019年4月10日に「Google Search Console」に新しくDiscoverという機能が追加されました。 Discoverは、関連コンテンツと同じように誰でも利用で出来る訳ではなく、ある条件をクリアすると「Google Search Console」でDiscoverの結果を閲覧する事ができるよ ...

2019/12/25

Cocoonアイキャッチ画像内のカテゴリラベルをカスタマイズする方法

アイキャッチ画像内のカテゴリラベルのカスタマイズ WordPressの無料人気テーマである「Cocoon」無料テーマに関わらず機能が充実していて使いやすいテーマです。デザインも充実している「Cocoon」ですが、「Cocoon」デフォルトのデザインは正直カスタマイズしたくなります。スポンサーリンク本記事では「アイキャッチ画像内のカテゴリラベル」のカスタマイズ方法を紹介します。 Cocoon標準のアイキャッチ画像内のカテゴリラベル (変更前のデザイン) [変更前のトップページデザイン] ...

2019/12/25

Cocoonスマホメニュー(スライドインボタン)をカスタマイズする方法

スライドインボタン（スマホメニュー）のカスタマイズ WordPressの無料人気テーマである「Cocoon」無料テーマに関わらず機能が充実していて使いやすいテーマです。しかし「Cocoon」のデフォルトのデザインは正直カスタマイズしたくなります。スポンサーリンク本記事では「スマホのメニュー（スライドインボタン）」のカスタマイズ方法を紹介します。 Cocoon標準のスライドインボタン (変更前のデザイン) [変更前のデザイン] これがCocoon標準のスライドインボタンです。シンプルでそのまま使えるデ ...

2019/12/25

CocoonにGoogle AdSenseの関連コンテンツを設置する方法

Google AdSenseの関連コンテンツとは Google AdSenseの関連コンテンツとは、サイト内の関連記事の中に広告が埋められた広告スタイルの事をいいます。 Google AdSenseの関連コンテンツは、全てのサイトが利用できる訳ではありません。一定条件をクリアしたサイトのみ使用する事が出来る広告です。一定条件をクリアするとGoogle AdSenseの最適化案で、最適化案として提案してくれます。スポンサーリンク本記事では、Wordpressの人気テーマ「Cocoon」にGoogle ...

1 2 Next »

ブログ

EclipseでSpring Bootの環境構築 | 分かりやすく図解で説明

シーケンス図の書き方 | 分かりやすく図解で解説

【SQLインジェクション】INSERT文への攻撃例

ITを分かりやすく解説