サイトタイトルの部分的なフォントサイズの変更

Simplicityの特徴 フォーラム Simplicityについての質問 サイトタイトルの部分的なフォントサイズの変更

9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #28579
      kon
      ゲスト

      いつもお世話になっております。
      本当に使いやすいテーマをありがとうございます!

      質問なのですが、
      サイトタイトルの後半部分のフォントサイズを変えたいと思っております。
      どの部分を変えれば良いでしょうか。

      過去にある質問でしたら申し訳ないです。

      よろしくお願いします。

    • #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であっても処理の流れ的には同じ感じではなかろうかと思います。

    • #28604
      アバター画像わいひら
      キーマスター

      サイトタイトルの後半部分のフォントサイズを変えたい

      この、後半部分というのはどういう部分のことなんでしょうか?
      もう少し、具体的な情報をお願いします。
      この[URL]サイトのタイトルの△△△という部分みたいな感じで。

    • #28614
      kon
      ゲスト

      Hidekichi さん、わいひらさん、
      質問に対して回答を頂きまして、ありがとうございます。

      質問が具体的ではなく、申し訳ないです。
      こちらがサイトのURLになります。
      http://konkatu-help.me/
      タイトル部分の → 婚活成功応援サイト【みんなの婚活情報】
      すみつきかっこで囲った部分の、文字の太さ、大きさ、色などを変更して、
      目立つようにしたいと思った次第です。

      子テーマのheader-logo.phpから、
      サイトキャッチフレーズの改行はしてみましたが、そこで止まりました。

      初心者でわからないことだらけで、申し訳ないです・・・

    • #28618
      アバター画像わいひら
      キーマスター

      CSSだけで行うなら、以下の方法くらいしかないかもしれません。
      3/3 1文字ずつ色を変えるなど、文字単位で装飾する方法 [ホームページ作成] All About

      jQueryを利用すれば、【】部分を
      <span class="title-tail"></span>で囲まれるように置換して、.title-tailクラスにスタイルを割り当てればいけるかと思います。

    • #28624
      Hidekichi
      ゲスト

      わかりやすいようにfiddleで作ったサンプルスクリプトをアップデートしました。

      http://jsfiddle.net/thgjr54n/1/

      多分こういうことなんだろうと思うんですけれども違うのかな?

    • #28625
      Hidekichi
      ゲスト
    • #28627
      Hidekichi
      ゲスト

      #28625 のは読み込んだばかりだと機能してないかも知れないので、画面上部のrunで実行して下さい。

    • #28628
      kon
      ゲスト

      ありがとうございます!

      タイトルのメインどころを目立たせたいので、
      教えて頂いたことを実行してみます。

    • #28630
      アバター画像わいひら
      キーマスター

      hidekichiさん、補足jQueryありがとうござます。

9件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)