カテゴリー: HP製作

目次をつけてページの途中に飛ぶ方法としてはHTMLでいかのように記述する方法があります。ただしワードプレスではそんなこともプラグイン一つで出来てしまいます。しかも行や列の追加やソートなども出来るので是非導入してみてください。

まずはHTMLで記述した場合

目次
サンプルAに飛びます

サンプルBに飛びます

サンプルA

サンプルB

この場合のHTMLは次のようになっています。

[html]
<strong>目次</strong>
<a href="ここにページのURLを記述#1">サンプルAに飛びます</a>

<a href="ここにページのURLを記述#2">サンプルBに飛びます</a>

<a id="1" name="1"></a>
サンプルA

<a id="2" name="2"></a>
サンプルB
[/html]

プラグインを導入する場合

Table of Contents Plusは、記事の目次を自動生成するプラグインです。投稿や固定ページの記事に記述したH1からH6までの見出しのHTMLタグを基に目次を自動生成します。

導入方法

まずは左側のメニューから「プラグイン」→「新規追加」の順にクリックします

次に検索ボックスに「Table of Contents Plus」と入力して検索します。→「今すぐインストール」を押して有効化すれば完了です。

設定方法

Table of Contents Plusの設定をしていきましょう。インストールが完了して有効化すると左のメニューの設定の中に「TOC+」という項目が増えていると思います。もし見つからない場合はプラグインが有効になっていない場合があるのでプラグイン一覧からTable of Contents Plusを探して有効化しましょう。プラグイン一覧にも表示されない場合はインストールが出来ていないのでもう一度インストールし直してください。
基本的には同じ設定で大丈夫だと思いますが、詳細設定の部分だけはタイトルの設定方法によって異なるのでいろいろ試してみてください。

HTMLで表を作成したいことはありませんか。以下のツールを使えば簡単に作成できて背景色なども変えられます。しかも著作権の表示の有無も決められるという優れもの。本当にありがたいツールですね。こちらで全体像を作成して細かいところを編集するなどすると使いやすいと思います。
表の自動作成ツール

[html]</pre>
<div style="margin: 0px; padding: 0px;" align="center">
<table style="border-collapse: collapse; border: 1px double #0000ff; background-color: #adde4a; color: #000000; text-align: left; width: 98%;">
<tbody>
<tr>
<th style="border: 1px double #0000ff; background-color: #66ccff; color: #ffffff; text-align: center;"></th>
<th style="border: 1px double #0000ff; background-color: #66ccff; color: #ffffff; text-align: center;"></th>
</tr>
<tr>
<td style="border: 1px double #0000ff; text-align: left;"></td>
<td style="border: 1px double #0000ff; text-align: left;"></td>
</tr>
<tr>
<td style="border: 1px double #0000ff; text-align: left;"></td>
<td style="border: 1px double #0000ff; text-align: left;"></td>
</tr>
<tr>
<td style="border: 1px double #0000ff; text-align: left;"></td>
<td style="border: 1px double #0000ff; text-align: left;"></td>
</tr>
<tr>
<td style="border: 1px double #0000ff; text-align: left;"></td>
<td style="border: 1px double #0000ff; text-align: left;"></td>
</tr>
<tr>
<td style="border: 1px double #0000ff; text-align: left;"></td>
<td style="border: 1px double #0000ff; text-align: left;"></td>
</tr>
</tbody>
</table>
</div>
<pre>
[/html]

HTMLで記述せずとも、ワードプレスではプラグインで簡単に作成できます。
編集画面の「プラグイン」→「新規追加」で「TablePress」を検索してインストール→有効化します

その後「TablePress」→「新しいテーブルを追加」と押して→列と行を指定して「テーブルを追加」

右のショートコードを表を作成したい位置に貼り付けて完了です。

wordpress（ワードプレス）でHPを作るとなるとサーバー費用がかかったり広告が表示されたりといったイメージはありませんか？今回は完全無料でwordpress（ワードプレス）でHP制作する方法をご紹介します。
※情報が古い部分があったので2015年7月更新しました。
続きを読む 【ワードプレス】完全無料でwordpressでHP制作を開始する方法

コメント欄の下の文章を消す

コメント欄の下に
[html]
次のHTML タグと属性が使えます: <a href=”" title=”"> <abbr title=”"> <acronym title=”"> <b> <b lockquote cite=”"> <cite> <code> <del datetime=”"> <em> <i> <q cite=”"> <strike> <strong>
[/html]
というどうみても内部向けの記述があります。こんなのは訪問した人には不要なので、消してしまいましょう。

テーマフォルダの中にある「style.css」の最後に以下のタグを追加
[css]
/*　コメント欄の下にある使用できるタグの表記を消す　*/
.form-allowed-tags{display:none;}
[/css]

コメント欄の下の文章を変更する場合

もしこのコメント欄の下の文章自体を変更したい場合はfunctions.phpを修正する必要がありますが、子テーマでfunctions.phpを編集する時には注意が必要です。functions.php だけは先に子テーマが読み込まれて次に親テーマが読み込まれるので親テーマからそのままコピーするとエラーになります。もし，親テーマと同じ名前の関数が存在するとエラーとなり，画面が表示されなくなってしまう（真っ白になる）んです。ですので子テーマの functions.php は追加する関数だけを書く必要があります。
[php]
<?php
add_filter("comment_form_defaults","my_special_comment_after");

function my_special_comment_after($args){
$args[‘comment_notes_after’] = ‘ここを好きな文字列に変更する。HTMLコードも有効。’;
return $args;
}
?>
[/php]

コメント自体を受け付けない場合

全般的な設定は「設定」→「ディスカッション」で設定出来ます。

投稿ごとや固定ページごとに設定することも出来ます。
まず、ダッシュボードの投稿画面に移動します。

編集したい投稿・固定ページをチェックボックスで選択します。

一括操作というドロップダウンリストから、編集を選択し、適用ボタンをクリックします。


コメント、トラックバック/ピンバック（ブログ投稿のみ）を許可しないに変更して更新をクリック。