2017年4月11日にアドセンスに合格しました!

夜勤の仕事から帰って、メールをチェックすると

件名に・・「お客さまのサイトがAdSense に接続されました」

メールを開くと・・・

やった~!!(^^♪
再申請から2日後に
無事合格!!
高校入試でもないのに試験に合格した気分です。(*^^)v

ということでさっそく「ご利用開始」をクリックします。

後は表示画面の通りに進んでいくだけなので、初めての私でもすぐできました。

 

アドセンスの設定

1.AdSense広告を設定

1-1.広告を設定をクリックする。

 

1-2.広告配信を強力にサポートの画面で「次へ」をクリック

 

1-3.新しい広告フォーマットの画面で「次へ」をクリック

 

1-4.一片の広告コードがすべての広告に適用の画面で「次へ」をクリック

 

1-5.プレビューツールでページ単位のテストを実施するの画面で「終了」をクリック

 

1-6.ページ単位の広告画面で「すべてのフォーマットを有効化」をクリックし「コードを取得」をクリック

1-7.ページ単位のコードをページに配置するの画面で、コードをコピー

1-7-1. 1-8.WordPressに設置する場所

1-7-2.テストを実施をクリック

 

1-8.WordPressに設置する場所

WordPressの管理画面から「外観」→「テーマの編集」→「テーマ編集」→「テーマヘッダー」を開き

<head>の直下にアナリティスクのコードを貼り付けてファイルを更新。

 

1-9.サイトでページ単位の広告のテストを実施するの画面で「完了」をクリック。

最後に、初心者の私でも簡単に設置ができました(*^^)v

 

htmlで囲い枠作成

1.ブルーの枠で影をつけたパターン

この部分に文字を入れる。

 

下記をコピー&ペーストして使ってください。

↓ ↓

<div style=”padding: 10px; margin: 15px auto; color: #333333fe; background: #ffffff none repeat scroll 0% 0%; border: 1px solid #629DF5; box-shadow: 8px 8px 16px #dddddd;”>この部分に文字を入れる。</div>

2.角をまるくして枠の中をグラデーションにしたパターン

この部分に文字を入れる。

 

下記をコピー&ペーストして使ってください。

↓ ↓

<div style=”background-image: linear-gradient(#0040FF,white,white,white,#0040FF); background-color: #0000ff; padding: 10px; width: auto; margin-right: 6px; border-radius: 10px; border: 2px dotted #0000FF; box-shadow: 5px 5px 5px #AAA;”>この部分に文字を入れる。</div>

 

3.角を丸くしてこまかい点線の枠に入れる

この部分に文字を入力する。

 

下記をコピー&ペーストして使ってください。

↓ ↓

<p style=”text-align: center;”>↓ ↓</p>
<div style=”padding: 10px; margin-bottom: 10px; border: 1px dotted #333333; border-radius: 5px;”>
この部分に文字を入力する。</div>

 

4.こまかい点線の枠にタイトルをつける。

タイトル

この部分に文字を入力する。

 

下記をコピー&ペーストして使ってください。

↓ ↓

<fieldset style=”border: 1px dotted #000000; padding: 10px;”>
<legend>タイトル</legend>この部分に文字を入力する。</fieldset>

ご参考にして頂ければ幸いです。

Twenty Seventeen のリンク色を変更する方法

Twenty Seventeenのリンク色を管理画面からカスタマイズする方法

 

WordPress 4.7.3 Twenty Seventeen1.1でカスタマイズしています。

管理画面>テーマの編集>スタイルシート(style.css)の画面で

Ctrl+Fを押し右上に出てきた検索画面にHover effectsと入力すると 探しやすいです。

 

 

 

 

 

 

 

 

リンク色の変更

①文字の色を黒【color; #222】→青【color: #0000FF;】に変更
②下線の色を黒【rgba(15, 15, 15, 1);】→青【rgba(0, 0, 255, 1);】に変更

ご自分のお好みでカスマイズして下さい。

HTMLカラーコード  カラーコード変換ツール

これでリンクの色は青になりましたが、リンクの下の線がありません。

もう少し下にスクロールすると
↓    ↓

 

reba(255, 255, 255, 1)になってます。これは白なのでこのタグも変更します。

 

リンクの下線を白→青に変更

reba(255, 255, 255, 1)をreba(0, 0, 255, 1)に変更

因みに・・・

box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);の部分を

box-shadow: inset 0 -1px 0 rgba(0, 0, 255, 1);に変更したら、

表題やサイドバーに表示しているカテゴリーなど全てのリンクに青の下線がつきました。

 

Twenty Seventeenのホバー色を管理画面からカスタマイズする方法

 

Twenty Seventeenのホバー色は黒系でオレンジ系の色に変更しました。

11.0 Featured Image Hoverのすぐ上にあるタグを探して

 

ホバー色の変更

①【color: #000;】をオレンジ【color: #FF8000;】のタグに変更。

②【rgba(0, 0, 0, 1)】 の部分を同様のカラータグ【255, 128, 0, 1】にします。

※下線の太さを変更したい時は3pxより値の少ない数値にして下さい。

 

ご参考にして頂ければ幸いです。

Twenty Seventeenのproudly powered by wordpressをCopyright (C)にカスタマイズする方法

フッターのproudly powered by wordpress表記をCopyright (C)にカスタマイズする方法

 

WordPress 4.7.3 Twenty Seventeen1.1でカスタマイズしています。

Twenty SeventeenはWordPressの管理画面からはできませんでしたのでFTPソフトを使いました。

WordPressのインストールをしているサーバーに接続します。

実際にアクセスする方法は以下の通りです。

インストールしたディレクトリ>public_html>wp-content>themes>twentyseventeen>tenplate-parts>footer>site-info.php

すると以下のようなhtmlタグが表示されますので赤文字の部分を削除しCopyrightに変換するタグを追加します。

<?php
/**
* Displays footer site info
*
* @package WordPress
* @subpackage Twenty_Seventeen
* @since 1.0
* @version 1.0
*/

?>
<div class=”site-info”>
 <a href=”<?php echo esc_url( __( ‘https://wordpress.org/’,
‘twentyseventeen’ ) ); ?>”><?php printf( __( ‘Proudly powered by %s’, ‘twentyseventeen’ ), ‘WordPress’ ); ?></a>
</div><!– .site-info –>

 

追加するCopyrightタグ

↓  ↓

Copyright (C) <a href=”<?php echo home_url( ‘/’ ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘Your name‘, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘Your name‘ ); ?> </a>All Rights Reserved.

 

Your nameの部分を表示したい文字にしてタグを追加します。

タグを追加したらFTPソフトを使ってアップロードします。

■Windowsのメモ帳に保存する場合■
1.ファイル名・・・site-info.php
2.ファイルの種類・・・すべてのファイルを選択して保存して下さい。

 

 

お問い合わせホームプラグインContact Form 7 のインストール方法から設置方法まで

WordPress 4.7.3 Twenty Seventeen1.1 でカスタマイズしています。

お問い合わせホームContact Form 7プラグインのインストール

 

お問い合わせホームのプラグインは日本語版のContact Form 7を使用しています。

管理画面のプラグイン>新規追加>プラグインの検索にcontact Form 7と入力します。

今すぐインストール>有効化をクリック。

 

 お問い合わせホームContact Form 7設置方法

 

プラグイン>インストール済みプラグインからcontact Form 7の編集をクリック


お問い合わせ>コンタクトホーム1>編集

 

ショートコードをコピーする

 

 

管理画面>固定ページ>新規作成からお問い合わせページを作成しテキストのページにショートコードをペースト

更新して終了。