カテゴリー
Synology Theme WordPress

[WordPress] 親テーマを変更せずテーマをカスタマイズ – 子テーマを作り変更したを加える – 手始めは、content.phpの編集 – ID7726 [2020/07/23]

本編 >

[WordPress] 親テーマを変更せずテーマをカスタマイズ – 子テーマを作り変更したを加える – 手始めは、content.phpの編集 – ID7726 [2020/07/23]
スポンサーリンク

by Google Ads ID:8603

親テーマと子テーマ

いつまで続くか分からない当サイトの構築ですが、プラグインやphpファイルの変更など、他のblogerさんの記事を参考にさせてもらっていいます。

今回は、WordPressテーマ: Twenty Twentyを親テーマとして子テーマを作りました。

スポンサーリンク
  • by Amazon ID:22170
  • by Amazon ID:22170
  • by Amazon ID:22170
  • by Amazon ID:22170

テーマの編集

作った子テーマが有効になっていれば、「テーマの編集」画面の右上にある「編集するテーマを選択」にその子テーマのリストが出てきます。図1のように、twentytwenty_child (この名前は、実質的にフォルダ名)があるので、このテーマが有効化していれば、表示されます。以下、図1の説明です。

style.cssの編集

スポンサーリンク

by Google Ads ID:19417(C)

表示の体裁を変更する場合は、style.cssのコードの変更、コードの追加が必要です。以下のコードは、当サイトの目次の体裁を定義したものです。

/** 見出し
*/
/* h2
#contentを付けると左端に表示されるのが、幅に従った左端に改善できる
*/

h1,
.heading-size-1 {
	font-size: 3.2rem;
/*	font-weight: 800;
	line-height: 1.138888889;
*/
}

h2 {
	font-weight:600;
	font-size:3.0rem;
	color: #fff;
  background: #2a49a8;
  padding: 15px 30px;
}
h3 {
	font-weight:500;
	font-size:2.8rem;
	/* 見出しの飾り */
  padding: 0.25em 0.5em;
  color: #2a49a8;
  background: transparent;
  border-left: solid 50px #2a49a8;
}
h4 {
	font-weight:500;
	font-size:2.6rem;
/* 見出しの飾り */
	border-bottom: solid 3px black;
	
}
h5 {
	font-weight:500;
	font-size:2.4rem;
/* 見出しの飾り */
	/* border-bottom: solid 3px black; */
	
}

h6 {
	font-weight:500;
	font-size:2.2rem;
/* 見出しの飾り */
	/* border-bottom: solid 3px black; */
	
}

content.phpの編集

表示の構造自体を変更する場合は、content.phpのコードの変更、コードの追加が必要です。

content.phpが、WordPressにおける投稿や固定ページの表示を行っているメインのphpプログラムです。図1の例では、content(org).phpやcontent([番号])が、確認できると思います。

これは、プログラミングに際し、僕が格闘した結果の残骸です。捨てられずに残しています。content(org).phpは、オリジナルファイルです。元に戻す場合は、このファイルをcontent.phpに名前を変更したして置き替えます。

基本的に、子テーマでのこれらの修正は、親テーマの上書きになっているようです。

ファイルの複製や名前の変更は、WordPressからはできません。端末ソフトを使ってサーバーに入り、コマンドにより名前を変更したり、複製したりする必要があります。

当サイトでは、自宅のSynology NASにWordPressを導入しているので、Synology NASにログインして、DiskStation Managerのもとで、名前の変更、複製をします。その後、WordPressにログインして、「テーマの編集」画面に入れり、該当するするphpファイルのプログラムの内容を修正・追加していきます。

修正した後は、左下にある更新ボタンで修正内容を保存します。その結果は、直ぐにblogに反映されるので、サイトをSafariやChromeで表示して確認します。

このcontent.phpでのコードのミスは、即座に表示を崩していまうことを意味しますが、以下に記述したように元のコードに戻したり、追加したコードを削除して元に戻せば表示も元に戻ります。

画面が崩しれたりした場合、「テーマの編集」画面から、Ctrl + zにより元に戻して、更新ボタンを押せば、元に戻ります。

WP テーマ編集
図1. content.phpの編集
content.phpの編集と言っても、使用しているThemeごとに異なります。当サイトでは、WorpPress version 5以降で公式テーマになっているTwenty Twentyを使っています。標準のcontent.phpでは、表示のが味気ないので、coverタイプ (content-cover.php)をcontent.phpに置き換えています。同じTwenty Twentyのcontentではが、コードを確認してみるとだいぶ作りが異なっていました。

functions.phpの編集

スポンサーリンク
  • WD 内蔵 SSD M.2 2280 / WD BLACK SN750 NVMe 500GB / WDS500G3X0C by AMAZON - ID14311
  • FIDECO M.2 NVMe PCIE SSDケース USB3.1 Gen2 by AMAZON ID20626
  • Onvian【2個セット】USB A to USB C 3.1オス-Type-Cメス usb type c 変換アダプタ 両面USB3.1 10Gbps高速データ伝送 高交換性 合金製 by AMAZON - ID20727

オートセーブとリビジョン機能

親テーマでは、標準で有効となっている編集時のオートセーブ機能とリビジョン機能ですが、子テーマの「functions.php」にコードを追加することで、無効化することが可能です。以下のリンクをご参照ください。

macoblogさんより

https://macoblog.com/wp-writing-autosave/
スポンサーリンク
  • ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
  • XYZプリンティング3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|高性能|3F1AWXJP00F - ダビンチ 1.0 Pro - XYZプリンティングジャパン by AMAZON ID21511
  • 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513

まとめ

親テーマと子テーマの関係性が、まだよくわかっていません。

  • 親テーマと子テーマは、themeフォルダに別フォルダで保管される。
    • 今回の場合、元からあった親テーマである「twentytwenty」と今回作ったフォルダとしての子テーマ「twentytwenty_child」を作りました
  • 編集するfunctions.phpやhead.phpなどのファイルを、親テーマからコピペしておく。
    • 同じ定義のものは、親テーマで定義されるので、小テーマでは削除します。ほとんどが削除されたになります。
  • 親テーマと子テーマの関わりをfunctions.phpに記載とておく。
    • 小テーマが使われるように定義 : 参照
  • 子テーマにない定義、値など
    • 親テーマの定義、値などを小テーマが引き継ぐ
編集情報
ID 7726
2020/01/21 Mr.はりきり
2020/07/23 追記(concent.phpの編集)

以上

スポンサーリンク
  • by Amazon ID13339
  • by Amazon ID19245
  • by Amaozn ID13196
  • by Amazon ID13211

ここまで

< 本編はここまで。

Update ID21920

AAV, BIOLOGICS, company, COMPANY-FAVOR, GENETHOD
気になる企業 – GENETHOD – ID5079

GENETHONとBRAMMERの共同発表 目次1 GENETHON2 Brammer Bio GENETHON 参考文献1 (2015)からの発表 フランスのエブリーにあるGenethonは、フランスの筋ジストロフィー […]

BIOLOGICS, company, COMPANY-FAVOR, Merck
気になる企業 – Merck.com – 主力製品は、抗PD-1抗体 (Keytruda) – ID18051 [2020/06/23]

目次1 Merck2 製品ラインナップ Merck Merckは、ドイツとアメリカにあり、それぞれ別の会社です。第一次世界大戦時に、政治的理由でアメリカに押収されたのが、現在、アメリカにあるMerckです。 製品ラインナ […]

AAV, BIOLOGICS, education, gene-therapy
[Bio-Edu] Plasmid – バイオロジクスには欠かせないトラディショナルな遺伝子組換え技術、そして rAAVを作るまで! – ID12915 [2020/08/05]※

目次1 はじめに2 まずは、遺伝子組換え技術2.1 大腸菌とPlasmid2.2 制限酵素2.3 DNAリガーゼ (ligase)3 大腸菌にタンパク質を作らせる4 Competent Cell4.1 製品4.1.1 X […]

BIOLOGICS, mAb
[抗体/情報] 年々増える抗体医薬 – Antibody Societyでは抗体医薬がリストされている – ID15492 [2020/05/08]

目次1 Antibody Societyサイトの紹介2 編集履歴 Antibody Societyサイトの紹介 抗体医薬の承認数は増加するばかりです。バイオ紙ミラー以外の新薬に関する承認済みやレビュー中のリストは、「An […]

plugin, Synology, WordPress
[WordPress] 自宅NASに設置のWordPressのプラグイン更新を出先から行う場合に、毎回出てくるパスワード入力を省略する設定 – ID89

出先から自宅NASのWordPressのプラグインを更新する 自宅に設置したDS918+にWordPressを立ち上げています。既にWordPressにログインしていても、WordPressのプラグイン更新には,デフォル […]

analysis, BIOLOGICS
[Bio-Edu] 進化するPCR – droplet digital PCRまで – 原理を解説する ID19081 [2020/07/16]

PCR Polymerase chained reaction デジタルPCRとは。そして更に、ドロップレットPCRの原理は、シンプルで美しい。 ~20,000ウェルの微細なナノウェルにDNA分子をランダムに分配する 0 […]

スポンサーリンク
WD 内蔵 SSD M.2 2280 / WD BLACK SN750 NVMe 500GB / WDS500G3X0C by AMAZON - ID14311

最新記事(WordPress, ID:14681)

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

plugin, WordPress
[WordPress] blogに載せる写真のメタデータは、EWWW Image Optimizerで取り除く – ID321 [2020/08/20]※

EWWW Image Optimizerプラグイン WordPressのblogで載せる写真は、そのままのサイズでアップしてはいけません。メタデータはそのまま残っているためです。メタデータのGeotabには、位置情報が記 […]

IT, Synology, WordPress
[Synology] RT2600acのVPN Plus Serverの導入 – 個人でも高いセキュッリティが得られる高速WiFiルーター – ID37

目次1 出先からRT2600acにアクセスするには1.1 VPN経由1.2 VPNのインストール(VPN Server側)1.3 L2TPの設定 (VPN Server側)1.4 iPhoneの設定 出先からRT2600 […]

Page: 1 2 22
スポンサーリンク
WD 内蔵 SSD M.2 2280 / WD BLACK SN750 NVMe 500GB / WDS500G3X0C by AMAZON - ID14311

最新記事(Synology, ID:14676)

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

security, Synology
[Synology] 自宅に設置したNASにWordPressを構築してblog配信する場合、高まるネット・リスクとその対策 – ID22342 [2020/09/11]

目次1 はじめに2 ドコモ口座の不正引き落としサイバー事件3 ドコモ口座について4 考えられるパスワードの漏出5 Synology NAS製品での対策6 まとめ はじめに これまで、DS918+を導入しblogを公開して […]

Synology
[Synology製品紹介] NVR DVA3219 – 顔認識システム – これからのセキュリティ対策は、中小企業でも顔認識も可能かも – ID22315 [2020/09/10]

目次1 NVR DVA32192 用途3 セキュリティ4 コスト5 システム構築6 用途7 管理方法8 能力 NVR DVA3219 NVR DVA3219は、Synology Surveillance Stationの […]

plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

Page: 1 2 20
スポンサーリンク
WD 内蔵 SSD M.2 2280 / WD BLACK SN750 NVMe 500GB / WDS500G3X0C by AMAZON - ID14311

その他記事(ALL-RANDOM, ID:16786)

BIOLOGICS, education
[Bio-Edu] mAbの不安定性について – ID17993 [2020/07/31]

目次1 mAbの不安定性1.1 IgG抗体の構造1.2 抗体の種類1.2.1 アイソタイプ1.2.2 サブタイプ1.2.3 翻訳後修飾の違い2 不安定化の局面2.1 原因2.2 結果3 不安定化のメカニズム mAbの不安 […]

KNOWLEDGE
検索[する]

PDB : Protein Data Base, 3D structure of protein shutterstock : 色んな図や写真 SlideShare : ネットでスライドをさがすのなら、スライド限定で発見 […]

LIFE, TRIP
[Trip] 生駒山「宝山寺」- 崖に望むパワースポット、参道の店舗も魅力的 – ID13760 [2020/05/17]※

目次1 生駒山「宝山寺」2 参道の賑わいは?3 駐車場4 境内5 ジオラマ6 パワースポット7 帰り8 摩波楽茶屋 生駒山「宝山寺」 大阪からは、阪奈道路で奈良方面に向かい、生駒山スカイライン(往復700円)を使って奈良 […]

BIOLOGICS, LNP, moderna, mRNA, vaccine
新型コロナワクチン開発、日本はどうする? – ID23138 [2020/06/07]

GDPの1位と2位は先行 国の豊さを知る指標としてGDPがある。2018年のGDPは、アメリカが2220兆円、中国が1443兆円、日本は、536兆円であるsource。人口は、それぞれ、3.29億人、14.3億人、1.2 […]

BIOLOGICS, purification, resin
[Bio-Edu] 血漿由来の抗体精製 – Poll AcroSep resin), 2009 – ID14

目次1 血漿中の抗体(IgG)を精製する方法2 概要3 原理4 精製担体 血漿中の抗体(IgG)を精製する方法 2019年現在、抗体医薬品のほとんどは、遺伝子組換えCHO細胞から造られている。これらの抗体医薬品は、特定の […]

BIOLOGICS, mAb
編集開始 [Bio-Edu] mAbの薬物動態 – ID18673 [2020/07/08]

モノクローナル抗体の薬物動態 IgGの一般的な投与経路 (用語説明 wikipedia) iv (Intravascular; 静脈投与) sc (Subculaneous; 皮下投与) im (Intramu […]

Page: 1 2 135
スポンサーリンク
WD 内蔵 SSD M.2 2280 / WD BLACK SN750 NVMe 500GB / WDS500G3X0C by AMAZON - ID14311

スポンサーリンク

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block

スポンサーリンク

by Google Ads ID:19430 (D)