☆☆ 新着記事 ☆☆

2020年2月29日土曜日

WP Cocoonのセットアップ時に最初にするべきCSSの設定。


1.見出し <htag>
デフォルトの見出しの < h Tag> は、以下の通り。

 
 
2. 挿入したYoutubeの中央寄せ
子テーマのCSSに以下を追加。
.video-container {
margin: 0px auto;
 
 
<CocoonでBox>

<html>
<div class="BlogCard">
<div class="box7"><a href="http://uslife.mossymob.net/app/dltest/ca/catest/main">
<img class="BlogImg alignleft" src="http://uslife.mossymob.net/posts/wp-content/uploads/2020/02/CA_testapp_top-300x283.png" alt="" width="160" height="80" /></a><strong>Online カリフォルニア州筆記試験模擬アプリ</strong>
<span class="fz-14px">カリフォルニア州の筆記試験問題アプリを作ってみました。本番と同じように、1回につき25問が出題されます。 問題のページのHintボタンをクリックすると、CA州の公式 Driver Manualの該当箇所の英語の記述も見れます。試してみてくださいね。</span><span class="fz-14px" style="border: solid 1px red; width: 100%; height: 120; padding: 0.5em 1em;"><a href="http://uslife.mossymob.net/app/dltest/ca/catest/main">試してみる</a></span></div>
</div>
&nbsp;
<div style="clear: both;"></div>


<CSS>
.BlogCard {border: solid 3px #aaaaaa; padding: 0.5em 0.5em 0.5em 0.5em;} /*「上」・「右」・「下」・「左」の余白を指定*/
.BlogImg{border: solid 1px blue;
               float: left;
               margin-bottom: 1px;
               margin-right: 1px;}
.BlogCard_content {border: solid 1px;font-size: 12px; padding: 0.5em 1em;}
.BlogCard_url {font-size: 12px; border: solid 3px #aaaaaa;}
.box7{
    padding: 0em 1em 0em 1em;  /*「上」・「右」・「下」・「左」の余白を指定*/
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}


WP Cocoonのセットアップ時に最初にするべき設定。

Cocoonを入れた際にやっておきたい設定をまとめています。


Cocoonのインストール
公式ページから、親テーマ、子テーマともにPCにダウンロード
(後でサーバーにアップロードします。)



1)親テーマのダウンロード
スクロールダウン等して見つけてください。




2)子テーマのダウンロード




3)親テーマをWPに適用

外観->テーマ→新規追加->テーマのアップロード








ZIPファイルを選択して、アップロードが終了したら表示されるスクリーンの有効化をクリック。

この後に子テーマでも同じ手順を繰り返す。


これで終了。
投稿画面を旧バージョンに戻す

新しい(2019年から標準)の投稿画面は使いずらいので元に戻す。
プラグイン【Classic Editor】をインストール
設定



◆ スキン
Waihiraさんや他の方が作られた、Look and Feel (特に、色と文字サイズ、配置など)のテンプレート。 個別に設定したいので飛ばします。 全体的にダークにも出来ますので、好きな人もいるかも。

◆ 全体
文字サイズ:
PC: 18
Mobile:16

◆  広告
ここでアドセンスを設定し、広告を表示する位置を設定することになっています。
でも、最近はアドセンスの自動広告で、表示移置は自動に選択されるので、ここでは設定しません。後に書いている「アクセス解析TAB」の、ヘッダー内の記述事項として、書いておきます。






◆  OGP
・Twitterに連携した時のサムネイルの大きさを指定
Twitter カード:サマリーを選択

・ホームイメージ: 共通テーマ画像を設定しておく。
ここで画像を設定しておけば、アイキャッチや本文中で画像を使用しなかった場合に、SNSで表示される画像を指定できる。

TwitterのvalidatorはこちらのURL
https://cards-dev.twitter.com/validator

◆ アクセス解析
Google Analytics設定: 
2020年2月現在、Google Analytics側で、トラッキングIDの使用が厳しく管理されるようになっている。なので、ここではなく、この設定フィールドよりも下部にある、「その他サービスのアクセス解析・サイト認証タグ」に、グローバルサイト・タグ((gtag.js))を貼っておく。

Google Search Console 設定:







◆アピールエリア
全記事に共通でお知らせを作れる。

◆かるーせる
ヘッダー部の回転


その他サービスのアクセス解析・サイト認証タグ:
1) Adsenseコードを貼っておく。(完了)
2)  グローバルサイト・タグ((gtag.js)) を貼っておく。(完了)



◆吹き出しの作り方
メディアで写真をアップロードしておく。
”Cocoon設定”の吹き出しでオリジナルの吹き出しを作れる。



設定>パーマリンク設定
投稿名を選択しておき、投稿ごとに自動付与されたURLを、半角英数字で文字列(スラッグ)を入力して編集する。


追加CSS
◆挿入したTwitter, Youtube, Instagram, FBの中央寄せ 

.video-container, .instagram-container, .facebook-container, .twitter-tweet, .instagram-media { margin: 30px auto !important; }


Spam対策
◆WP-Banのインストール

Wordpress管理画面 > プラグイン > 新規追加 > WP-Ban で検索
インストールしたら 設定 からアドインを開き

Banned IPs, IP Range, Host Names, Referrers 等で制限する。



添付はロシアからのスパムメールがコメント欄に届いたのをブロックした様子。
ワイルドカード * も使える。

2020年2月27日木曜日

Maria DB コマンド一覧とパスワードリセット

1. MariaDB データベース作成
2. MariaDB パスワードリセット


1. MariaDBコマンドラインからDBを作成する

SSHログインします。そのあと以下のmysqlコマンドでMariaDBにログイン
# mysql -u root -p



1) 次のコマンドでデータベースを確認。
    MariaDB [(none)]> show databases;
    +--------------------+
    | Database           |
    +--------------------+
    | information_schema |
    | mysql              |
    | performance_schema |
    +--------------------+


 次のコマンドでwordpressdbデータベースを作ります。
MariaDB [(none)]> create database wordpressdb collate utf8mb4_general_ci;

(結果)
MariaDB [(none)]> create database wordpressdb collate utf8mb4_general_ci;
Query OK, 1 row affected (0.00 sec)


MariaDB [(none)]> show databases;
+--------------------+
| Database                     |
+--------------------+
| information_schema   |
| mysql                          |
| performance_schema  |
| wordpressdb               |  ← Wordpressdbが追加されました。
+--------------------+

exit
MariaDB [(none)]> exit


MariaDB [(none)]> show tables from wordpressdb;
+---------------------------+
| Tables_in_wordpressdb     |
+---------------------------+
| wp_cocoon_accesses        |
| wp_cocoon_affiliate_tags  |
| wp_cocoon_function_texts  |
| wp_cocoon_item_rankings   |
| wp_cocoon_speech_balloons |
| wp_commentmeta            |
| wp_comments               |
| wp_links                  |
| wp_options                |
| wp_postmeta               |
| wp_posts                  |
| wp_term_relationships     |
| wp_term_taxonomy          |
| wp_termmeta               |
| wp_terms                  |
| wp_usermeta               |
| wp_users                  |
+---------------------------+
17 rows in set (0.00 sec)



*データベースを指定してアクセスする。
mysql -u root -p wordpressdb
又は
USE データベース名;


MariaDB [wordpressdb]> describe wp_posts;

*登録されているデータを参照する
SELECT * FROM post_title;


*データベースの削除
MariaDB [wordpressdb]> show databases;
+--------------------+
| Database           |
+--------------------+
| information_schema |
| mysql              |
| performance_schema |
| wordpressdb        |
+--------------------+
4 rows in set (0.00 sec)

MariaDB [wordpressdb]> drop database wordpressdb;
Query OK, 17 rows affected (0.32 sec)

MariaDB [(none)]> show databases;
+--------------------+
| Database           |
+--------------------+
| information_schema |
| mysql              |
| performance_schema |
+--------------------+
3 rows in set (0.00 sec)
2.Maria DB Password Reset
*MariaDBとphpMyAdminのパスワードは同じなので、MariaDBのPWを変更するとphpMyAdminのパスワードも変わる。



1)バージョンの確認

# mysql --version
mysql  Ver 15.1 Distrib 5.5.60-MariaDB, for Linux (x86_64) using readline 5.1

2)データベース・サーバーを止める

# systemctl stop mariadb

データベースを止めると、マニュアルでパスワードリセットが出来るようになる。

3)grant tableのロードを止める。

MariaDBをuser情報に基づかずに起動できるよう、grant tableのロードを止める。
同時にセキュリティーも考慮して、ネットワーキングもスキップする

# mysqld_safe --skip-grant-tables --skip-networking &

Note)
&でコマンドを終えるのは、このプロセスをバックグラウンドで実行するようにする為。

(Output)
[1] 4794
[root@]# 210118 16:45:29 mysqld_safe Logging to '/var/log/mariadb/mariadb.log'.
210118 16:45:30 mysqld_safe Starting mysqld daemon with databases from /var/lib/mysql


4)パスワードなしにDBを起動

mysql -u root

(Output)プロンプトがチックする
Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.
MariaDB [(none)]>

5)grant Tableをロードする

MariaDB [(none)]> FLUSH PRIVILEGES;

(Output)
Query OK, 0 rows affected (0.03 sec)

6)Passwordをマニュアルで変更する

・For MySQL 5.7.6 and newer as well as MariaDB 10.1.20 and newer

mysql>ALTER USER 'root'@'localhost' IDENTIFIED BY 'new_password';

・For MySQL 5.7.5 and older as well as MariaDB 10.1.20 and older

mysql>SET PASSWORD FOR 'root'@'localhost' = PASSWORD('new_password');

new_passwordのとこりに、新しい自分のパスワードを記述する。

(Output)
->

Ctl+Zで終了した。

5)現在のプロセスを終了する
Ctl+Zで終了した場合は不要。
#kill `/var/run/mariadb/mariadb.pid`

6) MariaDBのリスタート
# systemctl start mariadb

7) 新しいPWでログインしてみる

mysql -u root -p