ゆっさんの為のWikipedia

田舎者デザイナー。主にAdobe(アドビ)製品など学習したことを自分の為に綴っていくブログ。noteでも書いてます。内容同じ。https://note.mu/yuusan333

ワードプレスにツイッターカードを追加

「All in One SEO Pack」というプラグインダウンロード。

ALL in One SEOの管理画面から
ソーシャルメディアのボタンがDeactiveになるようにクリック。

「OG:Imageソースを選択」では、「Featured Image」を選択。

 

以下ページでツイッターカードの見た目を確認。

https://cards-dev.twitter.com/validator

 

以下サイトを参考にしました。

investmoneyds.com

ワードプレスにグーグルアナリティクスを設定する

グーグルアナリティクスを開き

「管理」⇒「+アカウントを作成」

アカウント作成時にURLにクエリパラメータが入っている時は

URLの「?」以降を削除してペーストする。

 

作成したアカウントのプロパティ設定から

ラッキング IDをコピー。

 

ワードプレス「All In One SEO Pack」

というプラグインをダウンロード。

ワードプレスメニューから「All In One SEO

を選択。

 

Google Analytics IDにラッキング IDを貼り付けでOKです。

 

majisaka.site

このサイトを参考にしました。

cssよく使うタグ

id名は「#」の後に書く

class名は「.」の後に書く

!important を付けると最優先になる

/* ああああああ */「コメント入力」

display:none「要素を非表示にする」

opacity:0「透明度指定。0で完全透明、100で完全表示」

pointer-events: none;「ポインターイベント (クリック、ドラッグ、ホバー等) を無効

text-align: center;「テキストをセンターにする」

複数セレクタはカンマで区切る。例p.sample1,div.sample2{color:red;}

width: 100vw「親要素を無視して画像を画面いっぱいにする」

 

スマホで見た時(横幅が480px以下の時)、改行を無視する

@media screen and (max-width: 480px) {
br { display : none ; }
}

ワードプレス:ツイッターを埋め込む

以下サイトで埋め込み用データを作ります。
publish.twitter.com

f:id:yuusan333:20190913123849p:plain

埋め込みたいツイッターのURLを入力

 

f:id:yuusan333:20190913124046p:plain

「埋め込みタイムライン」をクリック

f:id:yuusan333:20190913124255p:plain

「カスタマイズオプションを設定する」をクリック

f:id:yuusan333:20190913124526p:plain

縦横幅など各種設定を入力

f:id:yuusan333:20190913124255p:plain

「コードをコピー」をクリック

f:id:yuusan333:20190913124908p:plain

ワードプレスのショートコードにペースト。

これで埋め込み完了です。

 

WEB:サイトを検証する

f:id:yuusan333:20190911202257p:plain

サイト上で右クリック「検証」を押すと

サイトの内容を検証できる。

 

①を押してページ上をクリックすると提要されているHTMLタグを確認できる。

スマホとパソコン表示を切り替えられる。

③適応されているclass、idを確認できる。

④カーソルをのせるとチェックマークが出て、そのタグを非適用にできる。