【Wordress】カテゴリースラッグを任意の箇所にクラス名として追加する記述方法 2014 August 08Tweet カテゴリーのスラッグをクラス名として付与すれば、更新情報一覧ページで該当するカテゴリーに応じてアイコンなどを使い分けたり、カテゴリーごとにデザインを変更したりできたりするのでとても便利です。 記述方法 テンプレートファイル内の任意の箇所に下記を追記します。 <?php $cat = get_the_...
WordPressで特定のタグがついた記事一覧を表示させる記述方法【WP_Query】 2014 August 02Tweet 記事毎の重要キーワードを設定できるWordPressのタグ機能。 今回は、特定のタグが付いた記事をピックアップして一覧表示したい場合の記述例です。WP_Query関数を使って記述してみました。 特定のタグが付いた記事を一覧表示 例えば「tama」というタグが付いた記事の一覧を5件表示させたい場合の記述例 ...
【wordpress】固定ページに特定カテゴリーの投稿一覧をプラグインなしで表示させる方法 2014 July 31Tweet wordpressの固定ページに特定のカテゴリ一覧を表示するには ・プラグインで固定ページ内にphpが使えるようにする ・phpファイルを作成して固定ページ内にインクルードさせる などの方法があります。 今回はプラグインなしで実装できる「phpファイルを作成して固定ページ内にインクルードさせる」方法の記...
【WordPress】bodyにページごと異なるidやclassを追加する実装手順 2014 July 30Tweet wordpressは共通のヘッダー(header.php)を使用するので、何も指定しないままだとページごとに異なるcssを当てたい場合に不便です。 ページごとに異なるcssを当てたいときは、bodyにそれぞれidやclassを追加させるタグを追記します。 bodyにclassを追加 header.php内のb...
wordpressにプラグインなしでパンくずリスト(bread)を追加する方法【固定ページ・カテゴリーページ・投稿】 2014 July 30Tweet wordpressの固定ページと投稿でパンくずリストを追加する方法メモです。階層をわかりやすくリスト表示させるパンくずリストですが、wordpressで表示させる場合は「固定ページ」と「投稿」で異なるタグを使います。 投稿カテゴリーページでパンくずリストを出力する場合 投稿カテゴリーページで階層をリスト表示させ...
【wordpress】固定ページや投稿で自動挿入されるpタグを一括で削除する方法 2014 July 14Tweet wordpressは、固定ページや投稿の中で自動的にpタグが挿入される仕様(auto paragraph)になっています。 これは便利な面もありますが、意図したデザインにならない場合もあり、少し不便です。。 そんなときはテンプレートファイルに自動挿入なしにするタグを入れるだけで解決できたので、実装メモ☆ 実装...
【wordpress】カテゴリーごとに条件分岐して異なるテンプレートファイルを読み込ませる記述方法 2014 July 13Tweet 投稿一覧ページ(category.php)や詳細ページ(single.php)で条件分岐して、カテゴリーごとにそれぞれ異なるテンプレートファイルを読み込ませたい場合の記述例です。 投稿一覧ページ(category.php)でテンプレートファイルを分ける場合 category.php に下記を記述します。 ...
【AWS】AMIMOTOで構築したwordpressに独自ドメイン割当手順【Route53】 2014 July 10Tweet AMIMOTOでインスタンスを起動すると、「ec2-example.ap-foo-hoge.compute.amazonaws.com」というPublicDNSが割り当てられます。このアドレスにブラウザでアクセスするとwordpressのインストール画面が表示され、通常の手順でインストール完了☆となります。 インスト...
wordpressでオリジナルテーマのサムネイル画像(screenshot)の設定方法 2014 June 14Tweet wordpressでオリジナルテーマを作成したら、ダッシュボードのテーマ選択画面(外観/テーマ)に表示されるテーマサムネイル画像をしましょう。画像サイズと設定方法をメモ。 1, トップページのスクリーンキャプチャをとります 完成したオリジナルテーマ適用後、サイトのスクリーンキャプチャをとります。サイトの横幅いっ...
wordpressで特定のページのみに条件分岐して「特定の要素」を表示させる方法 2014 June 10Tweet wordpressで特定のページのみに「特定の要素(例えばサブメニュー、バナーなど)」を表示させたい場合、記事内に表示させる場合は問題ありませんが、テンプレートファイル内に表示させたい場合は条件分岐で「特定の要素」を表示させます。 また、複数のページに「特定の要素」を表示させる場合の記述方法もメモします。 「特...
サブディレクトリ(/wp/)にインストールしたwordpressをドメイン直下に表示する方法【ルートディレクトリを変更】 2014 June 09Tweet wordpressをサブディレクトリ(/wp/など)にインストールした場合に、ドメイン直下のURLで表示させたいときの設定方法です。(Apacheの場合) 【例】 http://kawatama.net/wp/ → http://kawatama.net/ 1,wordpressダッシュボードでの設定 ...
wordpressで予約投稿が失敗するときの解決方法 2014 June 07Tweet 製作中のウェブサイトで予約投稿のテストをしたら「予約投稿の失敗」の表示。 原因を調べてみたら簡単に解決したのでメモ。 ▼ 対処法その1 ベーシック認証をかけていると失敗する wordpressをベーシック認証によってアクセス制限された環境で運用している場合、予約投稿ができないことがあるようです。 今回...
wordpressでタイトル、または本文の文字数を制限して表示する実装方法 2014 May 20Tweet トップページやブログの一覧ページでは、投稿のタイトルや本文の文字数を制限(カット)して表示させると統一感がでて見た目が綺麗に!かつレイアウト崩れを防げます。 タイトルの最大文字表示数を指定する [php]<a title="<?php the_title(); ?>" hr...
wordpressでアイキャッチ画像を有効化〜表示させるまでの実装手順 2014 May 20Tweet wordpressでアイキャッチ画像の設定〜表示させるまでの実装手順の覚え書きです。 目次 1,functions.phpへの記述 2,アイキャッチ画像を挿入(テンプレートファイル内への記述) 3,カラム幅より画像サイズが大きくてはみ出してしまう場合 1,functions.phpへの記述 Wo...
記事内でpcとスマホ(タブレット)の表示内容を切り替えるwordpressのショートコード 2014 April 30Tweet 久しぶりの更新です^O^ 「pc」と「スマートフォン」で表示を切り替える方法はいくつかありますが、"意図した部分だけ"をショートコードで簡単に内容を切り替えられるようにする手順メモ。 広告の出し分けなどがとっても簡単にできるので便利です! 記事内で使う場合と、テンプレートファイル内で使う場合の手順をまとめまし...
サムネイル付き関連記事(タグ)をプラグインなしで表示させる【wordpress】 2014 March 21Tweet かわたま.netもやっと30記事ほどになってきました! だんだん記事が増えてくると、昔書いたの記事が埋もれてきます。 読者に他の記事も読んでもらうために、記事の最後に関連記事を表示させたいと思います。 関連記事を表示させるためのプラグインもたくさんありますができればプラグインなしでいきたい! と思ったら簡単...
AMIMOTO AMI.を使ってAWSでwordpressを構築してみた 2014 March 20Tweet 先日jawsdays2014というイベントに参加させていただきました^O^ 知識も意識も高い方たちばかりで、とっても刺激になりました。 そのなかでAMIMOTO AMIを使ってAWSでwordpressを構築するハンズオンを受けたので、復習のためメモします。 間違わなければ5分ほどでできます。 ...
【wordpress】各記事に付けられたタグを表示するテンプレートタグ「the_tags()」をカスタマイズしてみた 2014 March 12Tweet wordpressで各記事に付けたタグ(tag)を表示して、そのタグの記事一覧ページへのリンクを表示するためのテンプレートタグ「the_tags()」を使ってみました。 デフォルトの「タグ:〇〇」のままでもいいのですが、せめて英語にしたい・・・。 と思って調べたら簡単にカスタマイズできたので具体的な設定方法をメモし...
【3】WordPressをubuntu(VPS/VMware)でnginx+php5-fpmで構築してみた! 2014 March 10Tweet WordPressをubuntu(VPS/VMware)でnginx+php5-fpmで構築してみました!の手順まとめ。 第3回はUbuntu Serverの初期設定(nginxのインストール〜wordpressインストールまで)。 目次【1】VMware、Ubuntuのダウンロード〜VMware設定 ...
【2】WordPressをubuntu(VPS/VMware)でnginx+php5-fpmで構築してみた! 2014 March 10Tweet Wordpressをubuntu(VPS/VMware)でnginx+php5-fpmで構築してみました!の手順まとめ。 第2回はUbuntu Serverの初期設定。 目次【1】VMware、Ubuntuのダウンロード〜VMware設定 #1:VMwareをダウンロード #2:ubuntuのダウン...