wordpress

wordpressでfaviconを設定する方法をご紹介します。

テーマにもよりますが、プラグインやソースコードの修正なしで設定可能です。

簡単なのでサクッと設定手順を書いていきます。

左メニューから「カスタマイズ」選択

[peg-image src="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-left-menu.jpg" href="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-left-menu.jpg" caption="WordPress左メニュー" type="image" alt="WordPress左メニュー" image_size="212x460" ]

wordpressの左メニューから「外観　＞　カスタマイズ」を選択。

サイト基本情報を選択

[peg-image src="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-customize.jpg" href="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-customize.jpg" caption="WordPressカスタマイズ" type="image" alt="WordPressカスタマイズ" image_size="799x852" ]

カスタマイズ画面の左メニューから「サイト基本情報」を選択。

ちなみに上の画像はXeoryBaseのテーマの時の画面です。
LION MEDIAだとこんな感じで同じく「サイト基本情報」があります。

[peg-image src="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-lion-customize.jpg" href="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-lion-customize.jpg" caption="WordPressカスタマイズメニュー LION MEDIA" type="image" alt="WordPressカスタマイズメニュー LION MEDIA" image_size="665x852" ]

サイトアイコンにfavicon設定

[peg-image src="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-customize-base.jpg" href="https://blog.pleeds.com/wp-content/uploads/2020/02/wordpress-customize-base.jpg" caption="WordPressカスタマイズ-サイト基本情報" type="image" alt="WordPressカスタマイズ-サイト基本情報" image_size="623x850" ]

左メニューの「サイトアイコン」の「サイトアイコンを選択」からfaviconを設定し、「公開」ボタンをクリック。

以上です。お疲れ様でした！

wordpressをインストール後、最初に行っておいたほうがよい3つの設定をご紹介します。

ブログ上の表示名を変更

ブログ上に表示される投稿者名の設定変更になります。
これを変更しておかないと、投稿者を表示している場合、投稿者名のところにログインユーザ名が表示されることがあるので、変更しておいたほうがよいです。

ログインユーザ名を公開するのは、セキュリティ的によろしくないので。

ブログ上の表示名変更は、
左メニューの「ユーザ」　＞　「あなたのプロフィール」　でプロフィール変更画面を表示後、
「ニックネーム」を変更し、「ブログ上の表示名」でニックネームで入力した内容を選択してください。

パーマリンクを変更

パーマリンク設定とは、URL構造の設定になります。
初期設定では、「ドメイン/?p=123」という状態になっていると思います。

記事を投稿すると自動的に番号が割り振られ、その番号が「p=」の後ろの番号になります。

後でパーマリンクを変更すると、ややこしいことになりかねないので、初めに変更しておくことをオススメします。
URLはわかりやすく、簡潔でページ構成と合っているほうが良いかと思います。

パーマリンクの変更は、
左メニューの「設定」　＞　「パーマリンク設定」　から行えます。

オススメは、「カスタム構造」を選択し、「/%category%/%postname%」です。

コメント許可を変更

投稿した記事に対してコメントを書くことができるかの設定になります。
コメントの書き込みが不要な場合は、書き込み不可にしておいたほうがよいです。

意味不明なコメントや変なサイトへの誘導が書き込まれたりする可能性があるので、どうしても必要な場合以外は書き込み出来ないようにしておくのが無難かと思います。

コメントの書き込みが出来ないようにするには、
左メニューの「設定」　＞　「ディスカッション」　でディスカッション設定画面を開き、「投稿のデフォルト設定」の「新しい投稿へのコメントを許可する」チェックボックスを外して変更を保存してください。

wordpressのheadタグ内に表示されている、wordpressのバージョン情報を非表示にする方法

wordpressのバージョン情報は以下のような表示です。

<meta name="generator" content="WordPress 3.x.x" />

このwordpressのバージョン情報を非表示にするには、以下のソースをfunction.phpに記述すればOKです。

remove_action('wp_head', 'wp_generator');

function.phpを編集するには、「外観」 ＞ 「テーマの編集」から修正することが出来ます。

wordpressでJava、PHPなどのプログラムコードやSQL、Shellなどのコードをきれいに表示するプラグインを紹介します。

SyntaxHighlighter Evolved

SyntaxHighlighter Evolvedは、wordpressのプラグインでプログラム、SQL、Shellなどのコードをきれいに表示することが出来ます。
表示速度も早く、インストールも簡単で、すぐに使用できるので、おすすめです。

表示イメージ
[peg-image src="https://lh3.googleusercontent.com/-DCO_fNRmtpU/V02hpDydVFI/AAAAAAAAANs/j32ttnZr_5kFAbRwEgmaaQUBXBo7jtT0gCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-05-31%2B23.36.32.png" href="https://picasaweb.google.com/107888545635181725503/Web#6290861981270103122" caption="SyntaxHighlighter Evolved 表示イメージ" type="image" alt="SyntaxHighlighter Evolved 表示イメージ" image_size="743x192" ]

SyntaxHighlighter Evolvedインストール

SyntaxHighlighter Evolvedのインストール手順です。

1. wordpressにログインし、左メニューのプラグインから新規追加を選択
2. プラグイン検索テキストボックスに「SyntaxHighlighter Evolved」を入力し、Enter
3. SyntaxHighlighter Evolvedの「今すぐインストール」ボタンをクリック
4. 「有効にする」リンクをクリック

SyntaxHighlighter Evolvedの設定

wordpressの左メニューの「設定」 > 「SyntaxHighlighter」の項目があるので、そこからSyntaxHighlighter Evolvedの設定を行うことが出来ます。
ほぼデフォルトのままで十分ですが、テーマで見た目がだいぶ変わるので、好きなのを選んでください。
テーマを変更し、「変更を保存」ボタンをクリックして保存するとプレビューに反映されます。

SyntaxHighlighter Evolvedの使用方法

[ java][/java]や[ sql][/sql]のようにタグを記述して使用します。
※[の後のスペースは抜いて使用してください。

phpのコードを表示する場合

[ php]
echo phpinfo();
[ /php]

javascriptのコードを表示する場合

[ js]
echo phpinfo();
[ /js]

以下のタグが使用できます。