タグ

ブックマーク / digipress.info (2)

  • 記事一覧の中にインフィード広告を表示する方法

    事前にGoogle AdSenseに申し込みを行い、承認が完了し、広告配信が可能な状態にしておく必要があります。 ここでは、既にGoogle AdSenseの広告が利用可能な状態である前提にて解説します。 ログイン後、左側のメニューから 【広告の設定】→【新しい広告ユニット】を選択します。 インフィード広告を選択します。 テーマで表示しているアーカイブレイアウトに最も近い広告のデザインを選びます。 左側の広告プレビューを確認しながら、インフィード広告としてWordPressアーカイブページのデザインに合うように、全体、広告タイトル、サムネイルイメージ、ボタンなどの広告要素のデザインをカスタマイズし、完成したら「保存してコードを取得」ボタンをクリックします。 「コードスニペットをコピー」ラベルをクリックして、クリップボードに出力されたコードをコピーし、作業を完了します。 テーマオプションに

    記事一覧の中にインフィード広告を表示する方法
  • 【CSS】汎用性を重視したCSSアニメーションボタン30種類

    WordPressテーマを制作する際、テーマごとでCSSボタン用の装飾(特にマウスオーバー時のエフェクト)をデザインするのですが、ユーザーがボタン用のセレクタのみで利用できるよう、一定の汎用性を考慮した条件下でデザインしています。 例えば、提供中のWordPressテーマでは、<a href="#" class="btn">ボタン</a> とするだけで以下のボタンスタイルでテキストを表示できます。 Clarityテーマのボタンデザイン Luminousテーマのボタンデザイン 今回は、そんな汎用性重視のCSSボタンをひたすら30種類つくってみました。 汎用性を考慮したCSSボタンの要件 ボタンはボタン用のセレクタを持つタグでテキストを括るのみのHTML(例 : <a href="#" class="button">ボタン</a>)で構成する。 →ボタンデザインやエフェクトのためにspanやd

    【CSS】汎用性を重視したCSSアニメーションボタン30種類
  • 1