wp 別ページへのアンカーリンク

TOPページから別ページの指定の箇所に飛ぶアンカーリンクが、Safari（ver5）、スマホがアンカーの箇所に飛ばない場合。

Wordpressのパーマリンク設定を「数字ベース」に変更する。

html５ a要素のアンカーリンク

html５では＜a name=""＞＜/a＞は使えない。
HTML5でアンカーリンクを設定する場合、要素に関わらすid属性を指定することでアンカーリンクを設定できる。

<div class="problem" id="01">
<div class="problem" id="02">
<div class="problem" id="03">

<a href="priority#01">priorityページの01へ</a>
<a href="priority#02">priorityページの02へ</a>
<a href="priority#03">priorityページの03へ</a>

wp トップページに新着情報表示 [What's New Generator]

新着情報を表示してくれるプラグイン[What's New Generator]
日付指定で新着に『NEW』マークを付けてくれる。

• 設定後　設定画面にあるショートコード[showwhatsnew]をトップ固定ページに張り付ける。

• トップページ用のテンプレートファイル [frontpage.php] 内に下記追加する。

<?php do_shortcode( '[showwhatsnew]' ); ?>
<?php echo do_shortcode( '[showwhatsnew]' ); ?>

wpで 「Font Awesome」 を使う

Font Awesome：アイコン型ウェブフォント

• wpのheader.php に下記記述する。

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

• fa-pencil-square 使用する場合

• 使用するクラス名

　fa-lg（ 約1,33倍 ）
　fa-2x（ 2倍 ）
　fa-3x（ 3倍 ）
　fa-4x（ 4倍 ）
　fa-5x（ 5倍 ）

<p class="contact"><i class="fa fa-pencil-square fa-lg"></i>&nbsp;お問い合わせフォーム</p>

p.contact{
font-size:23px;
color: #55acee;
font-weight:bold;
}

i.fa-lg { 
color: #55acee;
}

!important

WPのテーマでCSSが効かない（ページ作者のスタイルシートが優先になっている）等の場合に使用してスタイルを優先させる。
「プロパティ: 値」の後に半角スペースで区切り、!importantを配置する。ただし、「プロパティ: 値」ごとに指定する必要がある。

body {
　background-color: #000000 !important;
　color: #ffffff !important;
}

wp コードのカラーリング プラグイン「WP-Emmet」

コードのカラーリングの為の プラグイン「WP-Emmet」

設定→コードカラーリング有効化→オプションを保存

wp 「最新の投稿」をトップページにする場合

表示設定→フロントページの表示→最新の投稿 　に設定。

表示させたい固定ページを作り、適切な場所にfrontpage.phpに下記記述する。

<div id="pp-afterslider" class="entry-content">
<?php
$page_id = xxx;    //xxxに 固定ページIDを入力
$content = get_page($page_id);
$content = get_page($page_id);
echo $content->post_content;
?>
</div>

メニュー編集→全てを表示→ホーム→メニューに追加