コード関連

AFFINGERでアフィリエイト広告をタグ改変しないで掲載する

AFFINGER6はアフィリエイトに特化したWordPressテーマです。もちろんアフィリエイト広告を運用して、収益を得るのに適しているため、いろんな方が使っています。そんなAFFINGERでは、アフィリエイト広告を簡単に貼る事ができますが、ASPの中ではタグの改変が認められていないASPもあります。こんな方におすすめアフィリエイト広告の貼り方広告を綺麗に貼る方法アフィリエイトでの注意点今回はAFFINGER6でできるアフィリエイト広告の運用方法や掲載方法について解説していきます。アフィリ ...

AFFINGER6のブロックエディタ投稿画面を実際の画面に合わせる「editor style css」を適用させるカスタマイズ

「editor style css」をご存知ですか？普通のスタイルシートとは違い投稿画面にスタイルを読み込ませるCSSのことです。 AFFINGER6は「クラシックエディタ」「ブロックエディタ」の両方で使用することができます。この機能によりeditor style cssが必ずしも反映されなくなってしまっています。（必要な部分以外は捨てている感じです。）今回のカスタマイズは実際見てもらったほうが早いと思います。カスタム前カスタム後記事の書きやすさやブログの楽しさがかなり変わってくると思います。 ...

おしゃれなサイトはリンクカラーにもこだわっている！大手サイトが使用するカラーコード一覧

テキストのリンクカラーといえば「青」です。これはサンプルのテストリンクです。どのサイトも一般的に青を使っているので、テキストのカラーが青になっていると、リンクだと思われます。同じようにアンダーラインが付いていると、より分かりやすいですよね。こんな方におすすめテキストリンクカラーについて大手サイトのカラーは？なにがおすすめ？今回はテキストリンクのカラーについて、大手サイトのカラーコードとおすすめのカラーを解説していきます。リンクカラーの重要度冒頭でも話した通り、テキストリンクはどのサイト ...

AFFINGER6｜アイコン一覧と使い方

AFFINGER6には標準で搭載されているSVGのアイコンが複数あります。それらのアイコンは以下のショートコードで簡単に使用する事ができるようになっています。各アイコンは[st-i class="ここにコード" add_style=""]で表示できるようになっています。また、AFFINGER6の機能でクラスを指定することで、簡単なアニメーションも使用することができます。こんな方におすすめ AFFINGER6のアイコンについてアイコンを本文中で使う方法アイコンをAFFINGERブロック内で使う方 ...

AFFINGER6｜アニメーションとCSSクラス

AFFINGER6には特定のクラスをしていするだけでアニメーションや特殊な要素を与える機能が搭載されています。これらの機能はAFFINGER6の通常版やEX版などに関係なく、すべてのAFFINGERで使用することができます。簡単に誰でも使える機能だけど、AFFINGERらしく注目を集められるので、使いこなせるようにしておきましょう！こんな方におすすめアニメーションについて特殊なCSSクラスって？どうやって使えばいいの？今回はアニメーションとCSSクラスについて詳しく解説していきます。 AFF ...

AFFINGER6｜ショートコード一覧と使い方

AFFINGER6では評価スターや一部のアイコンをショートコードで設定することができます。ショートコードはツールバーから簡単に使用することができるようになっており、クラシックエディタ及びブロックエディタどちらでも使用できます。アフィンガースタジオではブロックエディタを推奨しているので、この記事ではブロックエディタで解説しています。 AFFINGER6でブロックエディタを初めて使う方は「AFFINGER6｜ブロックエディタを使いやすいように初心者向けに設定する」で設定しておきましょう。こんな方におすす ...

スマホでGoogle Adsenseのレスポンシブ広告がはみ出す時のカスタマイズ

レスポンシブ広告は非常に便利ですよね。自動でサイズを最適化してくれるので、とりあえずレスポンシブにしとけば大丈夫です。ですが、スマホ表示の時だけやたら大きく表示されたりしませんか？現代はネット社会化してますが、PCで閲覧するより手軽にスマホで閲覧する方がほとんどです。こんな方におすすめスマホでのアドセンスサイズの設定方法最適なレスポンシブデザインは？はみ出さない貼り方今回はスマホ閲覧の時に広告サイズが大きくなってしまう時の対処法を解説します。 Google AdSenseのコードスマホで ...

WordPress｜子テーマに親テーマのファイルをコピー、追加する方法

WordPressでのサイト運営は様々なカスタマイズを自分で設定できるのが特徴です。各テーマには様々な機能があったり、プラグインで拡張して自分に使いやすい環境にする事ができるようになっています。さらに、「CSS」や「HTML」を記載したりすることで、より細かく要素を追加することができます。こんな方におすすめ子テーマにファイルを追加する方法を知りたい FTPを使わなくてもファイルを追加したいテーマファイルでより細かくカスタマイズしたい今回は子テーマに親テーマのファイルをコピーして、子テーマ側で管 ...

Pochipp（ポチップ）のロゴを消す設定をCSS、サーバーでやってみる

人気の物販プラグインであるポチップは現在かなりの人気が出てきているプラグインです。以前は物販といえば「カエレバ」というツールを使ってリンクを並べていましたが「Rinker」というプラグインが登場してから利便性が大きく上がりました。関連記事AFFINGER｜Rinkerの使い方とデメリットポチップは後発のプラグインですが、ブロックエディタに対応した商品管理プラグインでかなり使いやすいのが特徴です。 AFFINGERでもポチップの使用を推奨しています。関連記事AFFINGER6｜Pochipp Pro ...

Google AdSenseのMultiplex広告（マルチプレックス）をカスタマイズしてみた

サイトを運営する上でクリック型報酬の中で最も高単価と言われるGoogle AdSenseを使っている方は多いと思います。 2022年3月からアドセンスの中でも一定条件をクリアしないと開放されなかった「関連コンテンツ」が廃止され新たに「Multiplex広告」が登場しました。この広告は関連コンテンツと違って「広告のみの表示」で複数広告を表示してくれる機能です。筆者は関連コンテンツが開放されてから毎月アドセンスが振り込まれるくらいになったので、かなり思い入れがあったんですが、今では以前の関連コンテンツのよ ...

1 2 3 Next »