カスタマイズのやり方

よく読まれている記事

2023/9/20

SWELLのPR表記機能でステマ規制に対応したよー

SWELLのPR表記機能が便利で感動したデフォルトでは、『テキスト（小）』に『広告』とセットされています。『広告』のままだと、ステマ規制に対してちょっと弱いかなぁって感じがしたので下記をセットしました。タイトルの下に、PR表記をセットすることができました。 SWELLの設定で、簡単・迅速にPR表記を実現することができました。いままでは、記事上部にテキストウィジェットを配置していました。今回のSWELLアップデートで、テキストウィジェットが不要になったのでとても嬉しい ...

カスタマイズのやり方

2023/6/29

SWELLでプライバシーポリシーページを設置する手順

SWELLでプライバシーポリシーページを設置する手順プライバシーポリシーの内容は、下記のサイトがとても参考になりました。【2023コピペok】ブログのプライバシーポリシー・免責事項の書き方【WordPressブログ】 Googleアドセンスに合格するまでは、広告配信記述は削除しておくことをオススメします。 Amazonアソシエイトをする場合には、Amazonアソシエイトの記述は残しておきます。私はアドセンスに合格した後に、アドセンス記述を追加する予定です。忘れないように『プライバシーポリシー（アド ...

カスタマイズのやり方

2023/6/20

SWELLの記事・人気・カテゴリー一覧ページの作り方

SWELLで記事一覧ページを作る方法＼タブで切り替えてね！／結論から申し上げます。 SWELLでは、下記３つの一覧ページを作成しておくことをオススメします。設定方法を解説します。記事一覧の固定ページを新規登録しておきます。次に、人気記事一覧の固定ページを作成していきます。以上で、新着記事一覧ページと固定ページ一覧ページの準備ができました。続いて、表示の設定をしていきます。先ほど作成した、記事一覧ページを投稿ページに選択します。『1ページに表示する最大投稿数＝9』にしておきま ...

カスタマイズのやり方

2023/6/20

SWELLでサイトアイコンを最速＆無料で作った方法

SWELLでサイトアイコンを設置する方法左端に見えるのが、『サイトアイコン』。結論から申し上げます。サイトアイコンを設置する流れは下記。作業としては、以上になります。説明しています。今回、作成するサイトアイコンは『ゴルフブログ』。ゴルフボールが妥当だと考えて、ゴルフボールの素材を選択しました。また、当ブログのもともとの名前は『ブログ汁』。汁系だったので、お味噌汁の素材の上に『ぶ』を配置しました。私のブログの『ゴルフし ...

カスタマイズのやり方

2023/6/12

SWELLで画像の上に文字を置く方法４選！

SWELLで画像の上に文字を置く４つの方法結論から申し上げますと、SWELLで画像の上に文字を入れる方法は４パターンあります。私が上記の機能をフルに使って、『サッカースポーツ少年団』のLPデモページを作成してみました。本記事を読むことで、上記のようなLPページを作成することが可能になります。順番に解説をします。画像上にテキストを追加 SWELL機能で、『画像上にテキストを追加』があります。私はカテゴリーリンクを作成するときに多用しています ...

カスタマイズのやり方

2023/6/6

【SWELLブロックパターン】書き出しテンプレートで効率爆上げ！？

SWELLのブロックパターンを有効活用して、執筆効率を上げる方法私が多用しているブロックパターンの使い方をご紹介します。下記をブロックパターンとして登録しています。登録方法をご紹介します。ベネフィットを分かりやすく言うと、記事を読むことで得られる未来のことです。（※メリットとは微妙に違います。）例えば、本記事を読むことで得られるベネフィットは下記。ブロックパターンで書き出しテンプレートを作成しておくと、記事の本質がブレにくくなると感じてい ...

カスタマイズのやり方

2023/6/6

SWELLでアニメーションを画像に付ける手順

SWELLでアニメーションを画像に付けてみた

<script src="https://unpkg.com/scrollreveal"></script>

1	<script src="https://unpkg.com/scrollreveal"></script>

//【1番目】下から
ScrollReveal().reveal('.sitakara0', { 
  duration: 2600, 
  origin: 'bottom', 
  distance: '50px',
  reset: false 
});
//【2番目】下から
ScrollReveal().reveal('.sitakara1', { 
  duration: 2600, 
  delay: 500, //待機時間
  origin: 'bottom', 
  distance: '50px',
  reset: false 
});
//【3番目】下から
ScrollReveal().reveal('.sitakara2', { 
  duration: 2600, 
  delay: 900, //待機時間
  origin: 'bottom', 
  distance: '50px',
  reset: false 
});
//【4番目】下から
ScrollReveal().reveal('.sitakara3', { 
  duration: 2600, 
  delay: 1200, //待機時間
  origin: 'bottom', 
  distance: '50px',
  reset: false 
});