このページを紹介いただいているサイト私がWordpressで作るサイトは記事そのものをカテゴライズできた方が便利なのでカスタム投稿タイプを使うことが多いです。通常の投稿のみでは記事が何百件になってくると編集するために記事を探すのも大変になってきますから、Wordpressを使っているならぜひ覚えたい機能です。カスタム投稿タイプは記事のスラグ(URL)が「http://サイトアドレス/カスタム投稿タイプのスラグ/記事のパーマリンク」という形になり、通常の投稿の場合と比べて1つ階層が増えることになります。サブディレクトリで作る別のサイトの投稿と同じ階層になるということなんですね。サブディレクトリで作成したサイトは検索エンジンから見れば同一のサイト内にある子コンテンツとして認識されるわけですから、せっかくなら同じ管理画面内で管理できた方が便利ということになります。この2つのWordpressサイトの作り方では大きな違いがあります。それはそれぞれのサイトで別々のプラグインが使えない(1サイトでのプラグイン数が増える)それぞれのサイトで別々のテーマが使えないこと。1は仕方ない部分もありますが、同じ人が作るサイトでは似たようなプラグインが大半を占めることが多いのですから、通常より増えても数個でしょうから問題はないと思います。それよりも問題は違うテーマが使えないことです。テーマが一緒ということは、そこに加えるデザインも共通になってしまうわけで、全然性質の違うサイト同士を親子にしたい場合にはちょっと不都合です(やっぱりサイトは見た目が肝心)。そこで、階層化している=別のデザインを同じサイト内で使えないか?というのが今回のチャレンジです。試した結果「なーーーんだ」って感じで解決してしまいましたので、その経緯を含めて紹介します。経緯は不要という方は読み飛ばしてくださいね(個人的にはこういうプロセスが大事だと思って書いてます)。大前提としてカスタム投稿タイプを使って記事ジャンルを分けていない場合には使えない方法ですので、カテゴリーごとに分けたいなどという場合には別のサイトを探してくださいね(現状当サイトではこの方法を紹介していませんので)。1.カスタム投稿タイプごとに別々のテンプレート&別のCSSを与えられないか?通常カスタム投稿タイプを作ったときには別のテンプレート「single-カスタム投稿タイプのスラグ.php」というのを作って運用するのが普通ですが、Wordpressは便利にできていて、このカスタムテンプレートがなければ通常の「single.php」で表示しなさい!としてくれているので特に作る必要がありません(アーカイブページも同様)。これを原点に戻ってカスタムテンプレートを作って別のCSSを適用させようとしたのですが、【Simplicity】は「single.php」そのものがたくさんのファイルからの寄せ集めで構成されているので1つのカスタム投稿タイプ用を作るだけでも大変、ファイル数が4~5個増えることになります。そこに適用させるCSSの記述を変更するのですが、変更されない部分のCSSは?というところで頭から煙が出たので断念しました。こな事あま☆【WordPress】直リンク(画像のURL挿入や直接ダウンロード)を防ぐ方法(カラフルボックスサーバー編)☆【WordPress】テーマやプラグインのコードが変更できない(保存できない)のはサーバーの仕業!?☆WordPressでアップロードした翻訳ファイルがいつの間にか元の翻訳内容に書き換わってしまうときの対処2.カスタム投稿タイプごとに別々のテーマを使えないか?随分長いこと更新されていないテーマスイッチ系のプラグインをいくつか試しましたが、やはり現状のWordpressバージョンには適応していないようでエラーが出たりしましたので断念しました。CSS」というプラグイン。その他のプラグインは個別の記事に対してCSSの追加はできても投稿タイプに!という指定はできないため、個々の記事でCSSを追加する(変更するときはすべての記事で見直し)とすごく作業が大変になりそうなので使えませんでした。CSS」も、1つの投稿タイプ用のものは無料で作成できますが、複数の投稿タイプ別でCSSを作るには有料版(90$前後-約1万円)を買う必要があり、あくまでも無料で使いたい派の私としてはパス。使えるプラグインを見つけただけに残念ですが仕方ないですね。次の【結論】となっている項目で行う作業をプラグインでやってくれているのだと思います(プログラマーではないので不明)。【結論】そんなことしなくても簡単に実現できてしまった私が作るサイトでは必ずと言っていいほど使用させていただいている【Simplicity】というテーマ。本当に便利なテーマだと思います。Base私がWordpressのテーマで「Simplicity」をお勧めするワケhttps://www.momosiri.info/cms/%e7%a7%81%e3%81%8cwordpress%e3%81%ae%e3%83%86%e3%83%bc%e3%83%9e%e3%81%a7%e3%80%8csimplicity%e3%80%8d%e3%82%92%e3%81%8a%e5%8b%a7%e3%82%81%e3%81%99%e3%82%8b%e3%83%af%e3%82%b1/Wordpress人気は止まらないですね。インターネットでWordpressが便利という情報を見て、無料や有料のブログからWordpressへ移行する方や、HTMLを使ってパソコンでページを作ってサーバーへアップロードするというサイトの作り方をしていた方が移行するなどいろいろな...をご覧になって下さい。今回さらに便利だということがまたまた分かってしまいました。それはカスタム投稿タイプごとにCSSを適用することができるようclass指定してあることです。class」というそうです。エキスパートの方ならご存じだと思います。【Simplicity】でなくてもこのクラスが指定されているものも多いと思います。Chromeならページ表示で「F12」を押す)先頭の何行目かにタグがあるかどうかで判別できます。当サイトの「管理人の日記」はカスタム投稿タイプのスラグを「zakki」にしています。itemtype=”http://schema.org/WebPage”>という記述があります。class」タグです。赤字で示しているように実にたくさんのclassが指定されています。zakki-template-defaultを指定すれば「zakki」というスラグを持つテンプレートすべてということになりますし、postid-17262を指定すれば投稿IDが17262のものという風に使い分けができます(複数指定するとより限定的にできます)。class」を指定します。とここまでは簡単でした。class」を指定すれば・・・というところにたどり着いたのであとはいろいろ検索すればヒントがあるだろうと調べてみても、CSSでどう書いたら適用されるの??というところが紹介されているサイトがないことないこと(泣)そこでWordpressとは全然関係ないサイトにヒントがあり、試しにそれを使ってみたら見事適用されました。通常CSSは「#」もしくは「.」セレクタを使用しますね。classですよ」というのを書き足すだけなんですね。{background-color:#000000;}【注意】コードをコピーして使用する前に必ずお読みくださいこの記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。使用については自己責任でお願いしますコードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いませんコードの変換エラーなどにより動作しない場合、更新エラーが出る場合がありますコードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがありますその場合には以下の方法で修正を行ってみてくださいコードの中に全角の記号が入っていませんか?半角にすることで解消できますコードの中に全角の空白(スペース)がありませんか?半角にすることで解決できますコードは合っているはずなのに更新できないときは特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。「何かが間違っています...」と表示され、更新できないときはこのエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。Base【Wordpress】コードは合っているのにfunctions.phpの更新ボタンをクリックすると...https://www.momosiri.info/cms/%E3%80%90wordpress%E3%80%91%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E5%90%88%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%ABfunctions-php%E3%81%AE%E6%9B%B4%E6%96%B0%E3%83%9C%E3%82%BF%E3%83%B3/Wordpressで何かをカスタマイズするときに通らなければならないのがテーマのfunctions.phpへの追記。一度失敗したことがある方なら分かると思いますが、このファイルはとっても重要で、間違ったコードなどを挿入するといきなり管理画面が真っ白、頭も真っ白になって...コードを転載する場合にはご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたしますとしてやるだけ、実に先頭に「body.ボディクラス」を加えるだけなんですね。通常のクラス指定はこの「body.ボディクラス」の後ろに半角スペースを空けて記述してやればいいんです。することで、このカスタム投稿タイプにだけ適用されるCSSが書けるということになるんですね。分かってみれば実に単純明快でした、またまた勉強になりました。テーマの中でのCSSの読み込み順によっては適用されないこともありますので、各CSSの最後に「!important」を付けて優先にしてやれば大抵解決します(既に「!important」が使われている部分に対して再指定する場合は調整が必要です)。class」という検索語句でいろいろ調べてみてください(たくさん出てくるのでこの記事での紹介は見送らせていただきます)。カスタム投稿タイプごとにデザインを変えられないかなぁと思われている私と同じ考えの方、参考になれば幸いです。このページを紹介いただいているサイトインターネットの世界はネットワークが命。私の拙いページをご紹介いただいているありがたいサイト様へ少しでも恩返しを・・ということでサイトへのリンクを張らせていただきます。ひまあーと(管理人)☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。作者の記事一覧はこちらいつでもご相談・サイトカスタマイズの依頼を受け付けていますWordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。こちらのバナーからお気軽にお問い合わせください。※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。【スポンサーリンク】タグ:CSSWordpressワードプレス記事の拡散にご協力をお願いします閲覧いただきありがとうございました。【WordPress】カスタム投稿タイプで書いた投稿の一覧を固定ページなどへ表示するコードWordpressで専用の記事を書いていくことができる機能である「カスタム投稿タイプ」。ここに書いた記事の一覧を固定ページや記事の中に表示するコードです。WordPressのテーマやプラグイン、本体のインストールや更新時にFTP情報画面が出るのを防ぐ方法Wordpressでプラグインやテーマをインストールしたり削除したりするとき、こんな画面が出てきませんか??FTP接続の確認画面です。一度情報を設定してしまえば画面が1つ出てくるだけで「OK」をクリックすることで済む話なのでわざわざ対応させることもない気もしますが、この1手間があるかないかで何となく気分が違うので、設定してみます。~テーマやプラグイン編集で更新できないときは・・・~バージョン4.9にして初めてテーマの編集を行ってみたのですが、【更新】ボタンを押してからずーーーっと時間が流れた挙句にエラーメッセージが出て更新できない現象が発生しました。原因はWordpressがおかしい?のではなく構文の間違いなどのチェック機能が追加されたことによるもの、とても便利な機能なのでした。記事の拡散にご協力お願いします閲覧いただきありがとうございます。この記事が役に立つ情報でしたら是非SNSでシェアやコメントをお願いします。Amazonアソシエイト・プログラムの参加者です。