WordPressのオリジナルテーマに使用する画像やCSSを読み込む
テーマフォルダから画像を読み込む時は相対パスで <img src="img/img_about.webp" alt="" class="sample_img"> こういった記述をしていると思います。 WordPressでテーマ化する時は相対パスの前にワードプレスのテンプレートフォルダに該当する箇所からのパスに変更しないといけません。 なので <img src="<?php […]
YEAR
2024年
WordPressのオリジナルテーマのテーマ用アイキャッチを設定する
WordPressでオリジナルテーマを作った時に反映させた後の状態がno imageでは透明になっていてちょっとダサいなと思う方もいると思います。 そんな時はフォルダ直下に screenshot.png という名前で画像を置くとアイキャッチに設定されるので試してみてください。 比率は4:3だと余白が出ないです。 アスペクト比16:9だと下に余白が入りました。 アスペクト比1:1の場合は下の部分が切 […]
自分で作ったWordPressテーマをWordPressに反映させる
ひとまず、作業しては見たものの正解の確認ができないのは不安ですよね。 実際にWordPressで動かしてみるのは大切なことかと思います。本格的にコーディングをしたい方はLocalというWordPressの開発環境を用意できるソフトがあるので、そちらを使用されるのがよいかと思います。 とりあえず試してみたいという方はサーバーをお持ちでしたらそちらにWordPressをインストールして作業するのがよい […]
WordPressの共通パーツを読み込ませる
WordPressのテーマを作っていく場合、1枚で完結するページ構成ではない限りは共通パーツを使用する事で効率的な運用をする事ができます。 例えばヘッダーに使用しているロゴなどがあった場合にロゴの変更を希望されたらhtmlの場合は全ページを修正しないといけないですが、WordPressの場合は共通パーツであるheader.phpを一箇所変更することで全ページに適応する事ができます。WordPres […]
WordPressの投稿タイトルをテーマに反映させる
投稿画面と連動してくるとちょっとCMS（Contents Management System）使ってる感じになって来ますよね。 では早速、前回ご説明したindex.phpに投稿を表示させる機能を追加させることを今回のゴールにしましょう。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="v […]
WordPressオリジナルテーマindex.phpの最低限
前回は最低限のファイルについて説明しました。 最低限というのはあれだけあればテーマとしては受け付けてもらえるということなのですが、実際にオリジナルテーマとして稼働させるには、あの内容ではもちろんどうにもなりません。 なので今回はもっとテーマについて細かくお話をしていきたいと思います。 基本的にhtml・cssについては理解している方を対象としているので、書いてあることがわからない場合はhtml・c […]
WordPressテーマとして認識させる
WordPressではテーマ構成として最低限必要なものがないとテーマとして受け付けてもらえません。 最小最低限のファイルは以下のものとなります。 index.php （ベースのテンプレート） style.css （ テーマの情報とスタイルシート） 最小最低限となるのはこの二つです。 style.cssにはWordPressのテーマであることを伝えるための記述が必要となります。 この記述がないとWo […]
WordPressでオリジナルのテーマを作る【目次】
ビジネス用のホームページの依頼をされたけど、お知らせとか商品説明とか投稿できる機能を使用するにはCMSが必要。 よくWordPressって聞くけど、テーマの編集とかみてもよくわからないし難しいと感じる方もいると思います。 デザインからコーディングまで勉強したけど、投稿機能が課題になって困ってる人もいるかなと思いました。 私の知っている事が誰かの参考になったらいいなと思いますし、自分自身でも情報整理 […]
認識技術関連の記事はお引越ししました
お引越し先はこちらです