質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

2026閲覧

テーマlion mediaの記事作成エディの装飾について

negikun

総合スコア7

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/02/03 14:40

編集2018/02/03 14:54

前提・実現したいこと

記事作成エディタにて蛍光マーカーのような下線を導入したいです。
style.cssに
.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}
を追加した所一切反映しませんでした。
記事の装飾を今後自由にしていきたいので、lion mediaの文字装飾追加の仕方を教えて欲しいです。lion mediaのカスタマイズ情報がほとんどなく
途方にくれています。
詳しい方力を貸して下さい。
functions.phpと親テーマ内にあるcontent.cssの編集も必要でしょうか

使用している親テーマ:LION MEDIA
http://lionmedia.fit-jp.com/

発生している問題・エラーメッセージ

反映されないのみなのでエラーはありません。
style.cssのほかにcotent.cssなるものがあるのですが
styleのみの変更ではだめなのでしょうか。
content.css↓

/ボックス/
.content{
position: relative;
font-size:1.6rem;
line-height:1.75;
margin-bottom:60px;
}
.content::after {
content: "";
display: block;
clear: both;
}
.content.content-page{margin:0;}
aside + .content{margin:60px 0;}

style.css↓
当てはまりそうな箇所なし

試したこと

http://atusige01.com/keikopen-css
このサイトを見てstyle.cssに追加後
記事作成エディタのテキストにhtmlタグを書き込みました。サイトの手順通りにしました。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2018/02/03 14:52

同一人物だろねhttps://teratail.com/questions/111794
negikun

2018/02/03 14:55

その質問ページから飛んできました。なので書き方参考にしてます。カスタマイズ情報が全然落ちてなくて・・
guest

回答1

0

ベストアンサー

見るべきサイトが違います。
また、個別のテーマの編集方法で調べても無駄です。

このページを参考にコードを追加して任意のスタイルシートを読み込めば変更できます。
関数リファレンス/add editor style
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/add_editor_style

手順
任意のスタイルシートを用意
使用中のテーマに上記を設置してfunctions.phpにコードを追記

function wpdocs_theme_add_editor_styles() { add_editor_style( 'custom-editor-style.css' );// 設置したスタイルシートのファイル名に合わせる } add_action( 'admin_init', 'wpdocs_theme_add_editor_styles' );

投稿2018/02/04 08:26

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

negikun

2018/02/05 08:03

ありがとうございます。 テーマ別で検索するよりもコードで検索ですね 元の構成がわかってなかったらカスタマイズは厳しいですもんね 詳しく教えて頂きありがとうございました。とても助かりました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問