AWS+EC2+Route53+ACM+ELBでmuumuu でhttps設定memo(20191月時点)

改めてAWSを登録してみました。
1年間は無料ということで、使いやすい&テストしやすい&勉強もしやすい。
ざっと見たところブロックチェーンや機械学習やIOTまで。

開発環境のCodestarなんかも使いやすそう。
さすが、最近よく言われる巨大テック企業GAFAやらFAANGのAです。すごい。

使い慣れたmuumuuドメインは残したいため、ドメインはmuumuuで取得した実験用を使いました。

1.東京リージョンt2.microでEC2インスタンスを作成
2.Elastic IPでアドレスの関連付け
3.Apache(LAMP)やらNGINXやら設定(ついでにSSHも)
4.Route53でcreate Hosted Zone ドメイン名入れて作成 name空白と*でType A set/NS SOA作成
5.muumuuドメイン ネームサーバ設定変更に4行NSレコード入力
6.AWS Certificate Manager 証明書のリクエスト/DNSの検証/Route 53でのレコード作成
7.Route 53にCNAMEが追加されたら ムームーDNS 設定 設定2に文字列だけ入力 valueの最後は.aws
8.セキュリティグループの作成 インバウントのルール編集でhttps/http追加
9.ロードバランサー作成 wwwありとなしを作成 セキュリティグループを設定 アベイラビリティゾーン選択
10.Route 53でType A Alias TargetにELB Application load balancers選択
11.インスタンス ネットワーキング セキュリティグループの変更
12.ロードバランサー→リスナー→ルール表示でパス httpsリダイレクト443

自分用メモなので間違ってるかも。
今度、もう一度やってみたいと思います。

パラメータをGETで取得しCSSを切り替える英語/日本語スイッチ php

PHP

$langswitch =htmlspecialchars($_GET["lang"], ENT_QUOTES, 'UTF-8' );
if($langswitch===en){
echo '.lang-en{display:block;}';
echo '.lang-jp{display:none;}';
}else{
echo '.lang-en{display:none;}';
echo '.lang-jp{display:block;}';

wordpressのheader.php等に記述

HTML

<div class="lang-en">英語</div>
<div class="lang-jp">日本語</div>

サンプル

Get

GETで取得しhtmlspecialcharsで特殊文字を HTML エンティティに変換。
「===」厳密等価演算子で比較し一致したらCSSを出力します。

問題点

・ページの文字コードは変わらないため海外SEO的にはよくない
・言語が増えるとCSSの記述が増え冗長になる

使うときは簡単に英語切り替えしたい場合が想定されます。

ページ遷移しても言語を切り替えたままにする場合はjavascriptでlocalstorageを使用しパラメータを保存する等が考えられます。

wordpressの投稿でビジュアル・テキストの切り替えでspanが消える場合

wordpressの投稿画面でビジュアルとテキストを選んで編集することができますが、初期機能では<span>span</span>等をテキストで入力しビジュアルに切り替えると勝手に消えます。

調べるとtiny mceというwysiwygエディタを流用して実装されているとのこと。
プラグインを入れて解決する方法も検索するとでてきますが、プラグインは使用したくないのでfunctions.phpをいじります。

function custom_editor_settings( $initArray ){
	$initArray['body_id'] = 'primary';
	$initArray['body_class'] = 'post';
	$initArray['valid_children'] = '+body[style],+div[div|span],+span[span]';
	$initArray['verify_html'] = false;
	return $initArray;
}
add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );

■【WordPress】ビジュアル・テキスト切り替えでタグが消える時の対処法(style,div,span,p,br等)
http://hapisupu.com/2015/09/wordpress-editor-visual-text-switch-tag-erase-fix/

上記のブログから教えていただきました。

spanで囲って装飾をつけたりする場合必須ではないでしょうか。