ナコさんのブログ | nako-log WEB制作のヒントと日常の便利を紹介。WEB制作はWordPressをメインにCSSやコーディングのHOWTOをまとめています。

注目キーワード

プラグイン無し

WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしでhtmlからcodeタグを判別しタグ内の特殊文字(<,>,&)を自動変換する
WordPress(ワードプレス)カスタマイズ！プラグインなしでhtmlからcodeタグを判別しタグ…

  • 2019.08.08

WordPressでソースコードを書くとき、特殊文字を置換するのが大変だったので自動変換するfunction.phpを追加しました。 そのままソースコードを記事に貼り付けるとタグとして実行してしまってコードが表示されない…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしでオシャレなサムネイル付きの関連記事を表示する
WordPress(ワードプレス)カスタマイズ！プラグインなしでオシャレなサムネイル付きの関連記事を…

  • 2019.07.26

ブログを書いていると必ず必要になる関連記事の記事内追加。 ↓こういうやつ！ 記事IDで表示するやり方はよく見かけたのですが 挿入したい時に一覧に戻ってわざわざ記事IDを調べるのが面倒だったので 記事入力のlink…

続きを読む
WordPress

【関数:wp_list_categories】WordPressでカテゴリー一覧を表示して、現在のページはアクティブにする方法
【関数:wp_list_categories】WordPressでカテゴリー一覧を表示して、現在のペ…

  • 2019.07.23

カテゴリーの一覧を表示したいときはwp_list_categories関数を使用しましょう。 やり方 コピー <ul> <?php wp_list_categories('title_li'); ?> </ul> title_liと入力すると前後のタグ…

続きを読む
WordPress

WordPressの固定ページにページャーを表示する方法
WordPressの固定ページにページャーを表示する方法

  • 2019.07.23

こんにちわナコです！ WordPressで記事一覧を作成する時、全件表示したい場合は固定ページを使う事が多いと思います。 カテゴリーページ(category.php)やアーカイブページ(archive.php)と記事の取得方法も違うしペ…

続きを読む
WordPress

WordPress(ワードプレス)　プラグインなし！１クリックでアイコン付き吹き出しを表示する方法
WordPress(ワードプレス)　プラグインなし！１クリックでアイコン付き吹き出しを表示する方法

  • 2019.06.30

こんにちわ。めんどいことは極力排除したいマン、ナコです。 私はとにかくめんどくさがりなので、楽ちんに楽しい記事がかけるよう日々研究しています。 (ほんとはアタマに浮かんだ言葉全部自動で入力して欲しいよ！…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしで画像のaltが空の場合に記事タイトルを自動入力する方法
WordPress(ワードプレス)カスタマイズ！プラグインなしで画像のaltが空の場合に記事タイトル…

  • 2019.06.18

WordPressで記事を書く時、画像のalt要素を全て指定するのって面倒だなーと感じた事ありませんか？ ・メディアを追加時に指定する「代替テキスト」はノートPCだと若干隠れてて編集しにくい ・大量に画像がある時、…

続きを読む
WordPress

WordPressで現在表示しているページのURLを取得する方法
WordPressで現在表示しているページのURLを取得する方法

  • 2019.06.17

こんにちわ！ナコです。 WordPressでサイトを構築していて、 「今表示してるページのURLなんだっけ？」 って時ありませんか？ 本来ならget_the_permalinkで取得できますがうまくいかない… そんな時はfunction.phpに…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグイン無しでページャーを作る方法
WordPress(ワードプレス)カスタマイズ！プラグイン無しでページャーを作る方法

  • 2019.01.20

WordPressのページャーをオリジナルのものにしたい… もっとカスタマイズせいのたかいものに変更したい… そんな思いはありませんか？ プラグインをつかわなくてもfunction.phpとテンプレートに数行追加するだけでオ…

続きを読む
WordPress

WordPress(ワードプレス)の管理画面にプラグイン無しでサイトロゴを表示するカスタマイズ
WordPress(ワードプレス)の管理画面にプラグイン無しでサイトロゴを表示するカスタマイズ

  • 2019.01.10

こんにちわナコ(@nako_x)です！ 前回WordPress(ワードプレス)のログイン画面をデザイン変更しよう！ロゴ・背景等コピペできる変更箇所別サンプルコードという記事を書きました。 今回はログイン後のメニューをカス…

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしで目次を追加・表示する方法
WordPress(ワードプレス)カスタマイズ！プラグインなしで目次を追加・表示する方法

  • 2018.12.28

目次ってあると便利ですよね！ 今回はWordPress(ワードプレス)でプラグインを使わず目次を追加・表示する方法を紹介します。 投稿画面で表示非表示も切り替える事ができますよ(^o^) 完成図 ２ステップで完了します …

続きを読む
WordPress

WordPress(ワードプレス)カスタマイズ！プラグインなしでGoogleAdsense（グーグルアドセンス）の広告タグを自動挿入する方法
WordPress(ワードプレス)カスタマイズ！プラグインなしでGoogleAdsense（グーグル…

  • 2018.12.20

こんにちわ。めんどくさい全１のナコ(@nako_x)です。 皆さん、記事内の広告タグってどうやって貼っていますか？ テンプレートでも記事上、下はフォローしてくれているものが多いですが、効果の高いといわれている記…

続きを読む
WordPress

WordPress(ワードプレス)の記事が投稿から７日以内の時『NEW』アイコンを表示する方法
WordPress(ワードプレス)の記事が投稿から７日以内の時『NEW』アイコンを表示する方法

  • 2018.11.08

WordPress(ワードプレス)で投稿日が７日以内の時にNEWアイコンを表示する方法です。 例では7日となっていますが数字を変更したら3日以内や10日以内も自由に変更できます。 この記事で「『NEW』アイコンを表示する方…

続きを読む
WordPress

WordPress(ワードプレス)のログイン画面をデザイン変更しよう！ロゴ・背景等コピペできる変更箇所別サンプルコード
WordPress(ワードプレス)のログイン画面をデザイン変更しよう！ロゴ・背景等コピペできる変更箇…

  • 2018.10.22

WordPress(ワードプレス)のログイン画面、毎回みるのにデフォルトのままだと味気なくないですか？ 今回は自分のサイト用にログイン画面のデザインをカスタマイズする方法を紹介します！ この記事で「ログイン画面を…

続きを読む
WordPress

WordPress(ワードプレス)を常時SSL(https)化する方法
WordPress(ワードプレス)を常時SSL(https)化する方法

  • 2018.10.17

普通のサイトなのにただSSL化されていないというだけで アドレスバーの左側に赤で警告されるようになりました。 こんなん表示されたら怪しいスパム潜んでる詐欺サイトみたいやん！ この警告を消すには「常時SSL」対…

続きを読む
WordPress

WordPress(ワードプレス)で「highlight.js」を使って<pre><code>タグをCSSで見やすくデザイン変更しよう
WordPress(ワードプレス)で「highlight.js」を使って<pre><…

  • 2018.07.13

Crayon Syntax Highlighterは便利だけどもっと違うレイアウトにしたい！軽くしたい！ Crayon Syntax Highlighter ということでWeb用のシンタックスハイライトhighlight.jsを使ってCSSカスタマイズしました。 公式サ…

続きを読む