WordPressのテーマの制作やカスタマイズなどなどを受けるとき細かい部分で、
これどうすればいいのかなというのが結構あったりしませんか？
私はよくありすぎるので備忘録を兼ねて以下まとめました
基本
記事を入力する際、Enterで改行すると縦のスペースが広くなる
これは記事を入力するリッチテキストエディタで起こる事象ですね。
基本的に文字はpタグ(<p>～</p>)でくくられるようになっています。
Enterで改行を行うとEnterを押すまでの文章でpタグが閉じられ、
新しくpタグが挿入されます。
右上のタブをビジュアルからテキストに変えてみると分かると思います。
これがpタグに設定されたスペース関係のCSS(padding,marginなど)が適用されて
Enterで改行をする度にスペースが発生するわけです。
この場合、pタグを閉じさせなければいいだけなのですが、
その方法は至って簡単！
Shift + Enterで通常の改行(<br />)が行われます。
これはエディターでも視認出来ると思いますのでお試しあれ。
プラグイン
記事入力でソースコードを綺麗に表示させたい
プログラマー系の人は特に思っていることかと思います。
これも簡単に出来るプラグインが『SyntaxHighlighter Evolved』です。
言語の種類を指定することで
コードの整形だけでなく関数等の色付け等もしてくれる便利なプラグイン
プラグインの検索からでも探せますがリンクはこちら
使用方法はとても簡単。
例えばPHPの場合
※変換されてしまうので”php”を大文字で書いてます。
[ｐｈｐ]
public function __construct()
{
echo ‘Hello World!’;
}
[/ｐｈｐ]
このように記述します
そうするとこんな感じに表示されます
public function __construct()
{
echo 'Hello World!';
}
テーマ制作
テーマディレクトリへのパス
<?php bloginfo('template_url'); ?>
サイトのURL(ドメインまで)
<?php echo home_url(); ?>
ドメインの最後にスラッシュが必要な場合は
<?php echo home_url( '/' ); ?>
