Simplicityの特徴 › フォーラム › Simplicityについての質問 › サイトタイトルの部分的なフォントサイズの変更
- このトピックには9件の返信、2人の参加者があり、最後に
わいひらにより10年、 11ヶ月前に更新されました。
-
投稿者投稿
-
-
2015年7月2日 12:56 AM #28579
kon
ゲストいつもお世話になっております。
本当に使いやすいテーマをありがとうございます!質問なのですが、
サイトタイトルの後半部分のフォントサイズを変えたいと思っております。
どの部分を変えれば良いでしょうか。過去にある質問でしたら申し訳ないです。
よろしくお願いします。
-
2015年7月2日 7:39 AM #28584
Hidekichi
ゲスト親テーマ、あるいは子テーマに該当部分があればphpを直接イジるのがさくっと表示されて良いといえばよいのですが、アップデートでまた初期化されるのでやり直さなくてはいけない、あるいはバックアップしてあるファイルからコピペしないといけないと言う手間を考えると、僕ならjQueryでやります。
サンプルスクリプト: fiddleへgo
つまり、jQueryで該当部分にspanタグを入れ、別途用意しておいたcssを適用させると言う感じです。
#site-titleのテキストを抜き出しておいて、該当部分を設定(extraction:抽出)しておき、spanタグが入った文字列で置換させると言う流れです。spanタグが入れば、もちろんクラスが設定できるので、子テーマのstyle.cssに何かしら装飾部分を追記しておけば良いわけですね。タグが入れられるということは、後から別のclassを追記できるということでもあり、例えばそれにアニメーションなどの設定がしてあれば、タグが入っている所はアニメーションさせることも可能です。
簡単なので言うとゆっくりついたり消えたりするというような目たちがりやさん仕様など(笑)うちのだいぶ前のバージョンのSimplicityで言うと、site-titleはheader-logo.phpあたりに記述がありました。しかしながら、bloginfoでサイト名を拾ってきているので、phpであってもタイトルの一部分を置換するstr_replaceが必要になるかなぁと思います。preg_replaceとかでもいいんでしょうけれども。
詳しくは「php 置換 文字列」などで検索してみて下さい。phpであってもjQueryであっても処理の流れ的には同じ感じではなかろうかと思います。
-
2015年7月2日 2:26 PM #28604
わいひらキーマスターサイトタイトルの後半部分のフォントサイズを変えたい
この、後半部分というのはどういう部分のことなんでしょうか?
もう少し、具体的な情報をお願いします。
この[URL]サイトのタイトルの△△△という部分みたいな感じで。 -
2015年7月2日 6:38 PM #28614
kon
ゲストHidekichi さん、わいひらさん、
質問に対して回答を頂きまして、ありがとうございます。質問が具体的ではなく、申し訳ないです。
こちらがサイトのURLになります。
http://konkatu-help.me/
タイトル部分の → 婚活成功応援サイト【みんなの婚活情報】
すみつきかっこで囲った部分の、文字の太さ、大きさ、色などを変更して、
目立つようにしたいと思った次第です。子テーマのheader-logo.phpから、
サイトキャッチフレーズの改行はしてみましたが、そこで止まりました。初心者でわからないことだらけで、申し訳ないです・・・
-
2015年7月2日 7:32 PM #28618
わいひらキーマスターCSSだけで行うなら、以下の方法くらいしかないかもしれません。
3/3 1文字ずつ色を変えるなど、文字単位で装飾する方法 [ホームページ作成] All AboutjQueryを利用すれば、【】部分を
<span class="title-tail"></span>で囲まれるように置換して、.title-tailクラスにスタイルを割り当てればいけるかと思います。 -
2015年7月2日 9:26 PM #28624
Hidekichi
ゲストわかりやすいようにfiddleで作ったサンプルスクリプトをアップデートしました。
http://jsfiddle.net/thgjr54n/1/
多分こういうことなんだろうと思うんですけれども違うのかな?
-
2015年7月2日 9:35 PM #28625
Hidekichi
ゲストちなみに こういうことも可能
-
2015年7月2日 9:49 PM #28627
Hidekichi
ゲスト#28625 のは読み込んだばかりだと機能してないかも知れないので、画面上部のrunで実行して下さい。
-
2015年7月2日 11:03 PM #28628
kon
ゲストありがとうございます!
タイトルのメインどころを目立たせたいので、
教えて頂いたことを実行してみます。 -
2015年7月2日 11:35 PM #28630
わいひらキーマスターhidekichiさん、補足jQueryありがとうござます。
-
-
投稿者投稿
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。