WPS-200127
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*Twenty sixteenの設定 [#hd8b199e]
*style.css と functions.php の作成（子テーマを作る） [#pa...
（1）. wp-content/themes/twentysixteen-child ディレクトリ...
（2）. 新しいディレクトリ内に「style.css」「functions.php...
twentysixteen-child/style.css~
/*
Theme Name: Twenty Sixteern Child
Description: Twenty Sixteern Child Theme
Author: ************
Author URI: **************
Template: twentysixteen
Version: 1.0.0
Text Domain: twentysixteen
*/
twentysixteen-child/functions.php~
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles'...
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_direc...
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
chmod -R www-data:www-data と chmod -R 755 をしておくこ...
*子テーマの有効化 [#n8dc6289]
作成したテーマを有効化し、サイトを子テーマで表示します。~
（１）1. 管理画面の「外観」>「テーマ」で「Twenty Sixteen ...
*プロフィールをテキストで入れる [#x40b6c0b]
サイドバーにテキストを追加。以下のように内容を入れる。~
<center>
<img src="http://mifmif.mydns.jp/masterkudo/wp-content/u...
</center>
応用化学（量子化学）のマスターです。でも、現在は法律や...
量子化学ではＢＳＤ，ＳＵＮを、今ご家庭ではUbuntuを使って...
*各背景を入れる。 [#p3b66091]
unsplashから持ってきて白めにしたものを~
htttp***masterkudo/wp-content/uploads/img/へ入れる~
追加CSSで以下のように追加。~
.site-content {
background-image: url(http://mifmif.mydns.jp/masterk...
opacity: 1.0;}
*広告フッター（ddo.jp） [#v921ed05]
全体のフッターには入れられませんでしたが、サイドバーの...
*パーマリンクをデフォルトにする [#o3c060e7]
検索後に、記事を追えませんでした。
*文字 [#h9128722]
フォントが見づらいので、変えました。~
twentysixteen-child/style.css~
body, button, input, select, textarea,
.entry-title, /* 以下、明示指定されているもの...
.main-navigation, /* 画面右上のメニュー */
.comment-metadata, /* コメントの日付 */
.comment-reply-link, /* コメントの返信ボタン */
input[type="submit"], /* 送信ボタン */
.post-navigation, /* 投稿単位のページナビゲーショ...
.post-navigation .post-title,
.post-navigation div + div,
.comments-title, /* コメント */
.comment-reply-title,
.comment-notes,
.comment-form label,
.widget .widget-title,
.logged-in-as {
font-family: "Trebuchet MS","Arial","Helvetica","ヒ...
}
追加CSSに以下を入れました。~
.site-branding .site-title { /* サイトのメインタイト...
font-size: 2.1rem;
font-weight: 400;
letter-spacing: -0.1rem; /* 文字間を少し寄せる */
}
.site-description {
font-size: 1.1rem;
margin: 0;
}
/*投稿タイトルのフォント*/
.entry-title {
font-size: 1.5rem;
}
/*投稿記事のおおきさ*/
.entry-content > p:nth-child(1) {
font-size: 16px;
letter-spacing: 0.017em;
line-height: 23px;
}
.site-header {
padding-top: 0rem; /* サイトタイトルの上が広す...
padding-bottom: 0rem; /* サイトタイトルの下が広す...
}
@media screen and (min-width: 61.5625em) {
.custom-logo {
/* カスタムロゴを小さく */
max-width: 60px;
}
}
*コメントは見当違いのところに、移動してるので消しました。...
終了行:
*Twenty sixteenの設定 [#hd8b199e]
*style.css と functions.php の作成（子テーマを作る） [#pa...
（1）. wp-content/themes/twentysixteen-child ディレクトリ...
（2）. 新しいディレクトリ内に「style.css」「functions.php...
twentysixteen-child/style.css~
/*
Theme Name: Twenty Sixteern Child
Description: Twenty Sixteern Child Theme
Author: ************
Author URI: **************
Template: twentysixteen
Version: 1.0.0
Text Domain: twentysixteen
*/
twentysixteen-child/functions.php~
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles'...
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_direc...
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}
chmod -R www-data:www-data と chmod -R 755 をしておくこ...
*子テーマの有効化 [#n8dc6289]
作成したテーマを有効化し、サイトを子テーマで表示します。~
（１）1. 管理画面の「外観」>「テーマ」で「Twenty Sixteen ...
*プロフィールをテキストで入れる [#x40b6c0b]
サイドバーにテキストを追加。以下のように内容を入れる。~
<center>
<img src="http://mifmif.mydns.jp/masterkudo/wp-content/u...
</center>
応用化学（量子化学）のマスターです。でも、現在は法律や...
量子化学ではＢＳＤ，ＳＵＮを、今ご家庭ではUbuntuを使って...
*各背景を入れる。 [#p3b66091]
unsplashから持ってきて白めにしたものを~
htttp***masterkudo/wp-content/uploads/img/へ入れる~
追加CSSで以下のように追加。~
.site-content {
background-image: url(http://mifmif.mydns.jp/masterk...
opacity: 1.0;}
*広告フッター（ddo.jp） [#v921ed05]
全体のフッターには入れられませんでしたが、サイドバーの...
*パーマリンクをデフォルトにする [#o3c060e7]
検索後に、記事を追えませんでした。
*文字 [#h9128722]
フォントが見づらいので、変えました。~
twentysixteen-child/style.css~
body, button, input, select, textarea,
.entry-title, /* 以下、明示指定されているもの...
.main-navigation, /* 画面右上のメニュー */
.comment-metadata, /* コメントの日付 */
.comment-reply-link, /* コメントの返信ボタン */
input[type="submit"], /* 送信ボタン */
.post-navigation, /* 投稿単位のページナビゲーショ...
.post-navigation .post-title,
.post-navigation div + div,
.comments-title, /* コメント */
.comment-reply-title,
.comment-notes,
.comment-form label,
.widget .widget-title,
.logged-in-as {
font-family: "Trebuchet MS","Arial","Helvetica","ヒ...
}
追加CSSに以下を入れました。~
.site-branding .site-title { /* サイトのメインタイト...
font-size: 2.1rem;
font-weight: 400;
letter-spacing: -0.1rem; /* 文字間を少し寄せる */
}
.site-description {
font-size: 1.1rem;
margin: 0;
}
/*投稿タイトルのフォント*/
.entry-title {
font-size: 1.5rem;
}
/*投稿記事のおおきさ*/
.entry-content > p:nth-child(1) {
font-size: 16px;
letter-spacing: 0.017em;
line-height: 23px;
}
.site-header {
padding-top: 0rem; /* サイトタイトルの上が広す...
padding-bottom: 0rem; /* サイトタイトルの下が広す...
}
@media screen and (min-width: 61.5625em) {
.custom-logo {
/* カスタムロゴを小さく */
max-width: 60px;
}
}
*コメントは見当違いのところに、移動してるので消しました。...
ページ名:
![[PukiWiki]](image/mycomputer.png "[PukiWiki]")
