<div class="post_cat">
<?php $cat = get_the_category(); $cat = $cat[0]; { echo '<span class="'. $cat->category_nicename. '" />'; } ?>
<?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name; } ?>
</div>
上記コードはページ上では以下のようになります。
<div class="post_cat"><span class="カテゴリースラッグ"/>カテゴリー名</span></div>
Options +SymLinksIfOwnerMatch の直下に
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{https} off
RewriteRule ^(.*)$ https://%{https_HOST}%{REQUEST_URI} [R=301,L]
</IfModule>
を追記する。
Googlel等
寝屋川市工業会の場合
1. 現在のドメイン管理がどうなっているのかの確認
○クリニックが管理している場合
⇒ドメイン移管手続きを進めてもらう。2へ。
○制作会社などが管理している場合
⇒クリニックから制作会社に連絡してもらい、移管の手続きを頼んでもらう。
2. ドメイン別、手続きについて
管理が制作会社の場合は、移管の手続きについて理解されていると思いますので、指示に従ってください。
クリニックが管理している場合は、下記の手順でお願いします。
○【jp】ドメインの場合
移管の了承のご連絡をいただき次第、ドメインの移管の申請をします。
申請が完了すると承認要請メールが先方に届くこともありますので、その際は承認をお願いします。
○【com】ドメインの場合
オースコードの発行をお願いして下さい。
そのコードを元に移管作業を進めて行きます。
コードがないと移管作業に進めません。
※ドメインの期限は31日以上必要です。30日以下の場合は移管ができません。
サーバーのアクセス情報(FTP情報)が提供してもらえるか確認。
提供してもらえない場合はサーバー上にあるファイルとデータベースファイルをこちらへ提供してもらう。
ワードプレスのログイン情報を提供してもらう。
ドメイン名が日本語であることによる最大のメリットは、「見た目のわかりやすさ」です。日本語を理解する人なら一目で読めるので、覚えられやすくなります。
日本語ドメインを一目見ればそのサイトがどんな情報を提供しているかがわかります。
例えば、先ほどの「https://学習塾比較サイト.com」という日本語ドメインは、
https://xn--eckwd4c7c5976acvb2w6i.com
という文字列に変換されます。
わかりにくいだけでなく、一見スパムのようにも見え不信感を抱かせてしまう危険性もあります。
また、メールアドレスにも日本語が使えないので、info@xn--eckwd4c7c5976acvb2w6iなどのように表記されてしまい、相手に誤解を与えるリスクがあります。
〇〇〇@アップル鍼灸整骨院.com は使用できません
どうしても使用したい場合は次のメールアドレスになります。
〇〇〇@xn--eckwd4c7c5976acvb2w6i.com
メールアドレスを使用する場合は、控えた方が良いと思います。
メールアドレス同様、読み込み後のアドレスが一般の人にはわかりずらい
xn--eckwd4c7c5976acvb2w6i.com
普及しだした当初は注目された日本語ドメインですが、今やその数は155万件以上と増え、もはや目新しさはなくなりました。見た目にわかりやすく覚えやすいのは確かですが、コンテンツやキーワードとの関連性が高くなければ、「日本語だから」という理由だけでアクセスを期待するのは難しいでしょう。
ドメインは検索キーワードと一致しているほうがSEO効果は高いとされています。そのため、キーワードと関連性の高い日本語であれば若干の効果は見込めるでしょう。
ただし、最近ではコンテンツの質やユーザビリティがもっとも重視されています。ドメインにキーワードが入っていたとしても、コンテンツの質がよくなければ上位表示は見込めません。
つまり、日本語ドメインであること自体には、SEO効果はほとんど期待できないと考えてよいでしょう。
@importでの読み込みは遅くなる
@import url(‘https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap‘);
この方法はCSSから、さらに上記URLに読み込みにいってしまうためページの読み込み速度を下げてしまいます。
(参考:CSS @import を使用しない)
Web Font Loaderを使ってフォントを非同期で読み込みます。
Googleフォントは、フォント名を指定するだけで非同期で読み込めるんです。
このコードを</body>タグの手前にコピペします。
<script>
window.WebFontConfig = {
google: { families: ['M+PLUS+Rounded+1c:400,600'] },
active: function() {
sessionStorage.fonts = true;
}
};
(function() {
var wf = document.createElement('script');
wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
コード3行目の「families」に、フォントを指定します。
‘M+PLUS+Rounded+1c’のように指定
複数指定する場合は、カンマで区切って指定
‘M+PLUS+Rounded+1c’, ‘Noto+Sans+JP’
下記CSSを追加する
html * {
visibility: hidden;
}
html.wf-active *{
visibility: visible;
}
Web Font Loaderを使用すると、自動で<html>にクラスが付与されます。そのクラスを利用して、読み込みが完了するまでは非表示のCSSを記載します。
/* ダウンロード実行時 */
<html lang="ja" class="wf-loading">
/* ダウンロード完了時 */
<html lang="ja" class="wf-active">