カテゴリー: WordPress

WordPressの<textarea>の中で改行を含めたコードを書くと変なことになります。
それを解決出来るプラグインは「Raw HTML」です。

1.Raw HTML 追加方法

WordPress Raw HTMLまたは、プラグイン追加画面で「Raw HTML」と検索してください。
プラグインをインストールして有効化させます。

2.使い方

<br>や<p>を取り除きたい部位の前後に、
[raw]～[/raw] または<!–raw–>～<!–/raw–>を挿入します。

3.実際の使い方

[raw]
<textarea cols=50 rows=5>
<?php
namespace Vendor\Package;

class ClassName
</textarea>
[/raw]

4.実験

raw HTMLなし
<br /> <?php namespace Vendor\Package; class ClassName
<br>や<p>が挿入されてしまいます。

raw HTMLあり
<?php namespace Vendor\Package; class ClassName
<br>や<p>がなく、いい感じですね！

まとめ

WordPressで<textarea>内の<br>や<p>を取り除くにはプラグイン「Raw HTML」がおすすめです！

参考

特殊記号一覧（特殊記号：[＝&#91;、]＝&#93;）

<!–more–>
一行で追加できます。

wordpress記事ページ毎にfacebookのいいねボタンを付けるの関連記事です。

作り方

PHPを直接編集します。

1.content-single.phpへアクセス

管理画面 > 外観 > テーマの編集 > content-single.php にアクセス。
（画面右の content-***.php の中にあります）

2.content-single.php を編集

27行目くらい（図参照：</div> <!– .entry-content –>の上に）に下記のコードを入力します。

コード（wordpress各記事に記述するサンプル）

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="<?php echo get_permalink($post->ID); ?>" data-numposts="5"></div>

汎用版コード

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="「URL」" data-numposts="5"></div>

* 「URL」に任意のURLを入れてください
* URLエンコードは必要ありません。

URLエンコードが必要な場合、wordpress記事ページ毎にfacebookのいいねボタンを付けるを参考にしてください。

Wordpress記事ページ毎にfacebookのコメントフォームを付けるの関連記事です。

作り方

PHPを直接編集します。

1. content-single.phpへアクセス

管理画面 > 外観 > テーマの編集 > content-single.php にアクセス。
（画面右の content-***.php の中にあります）

2.content-single.php を編集

27行目くらい（図参照：</div> <!– .entry-content –>の上に）に下記のコードを入力します。

コード（wordpress各記事に記述するサンプル）

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_face=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling=no frameborder=0 style="boder:none;overflow:hidden;width:450px;height:80px;" allowTransparency="true"></iframe>

汎用版コード

<iframe src="http://www.facebook.com/plugins/like.php?href=「URL」&layout=standard&show_face=true&width=450&action=like&font=arial&colorscheme=light&height=80" style="boder: none; overflow: hidden; width: 450px; height: 80px;" frameborder="0" scrolling="no"></iframe>

* 「URL」に任意のURLを入れてください
* 「:」は「%3A」、「/」は「%2F」などとURLエンコードしないと正しく動作しないようです
例：http%3A%2F%2Frei-farms.jp%2Fwebmaking%2F

以下汎用版テスト（このブログ全体へのいいねになります）

参考

wordpress記事ページ毎にfacebookのいいねボタンを付ける – WEBデザイナーのしおり