タイトル上にフリースペース作成について

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など タイトル上にフリースペース作成について

  • このトピックには6件の返信、2人の参加者があり、最後ににより1年、 4ヶ月前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #27252
      らっきー
      ゲスト

      シンプルシティーの昨日変更したばかりですが、ビューも確かに伸びています
      素敵なテーマをありがとうございます
      質問させていただきたいのは
      タイトル上に常時表示されるフリースペースの作り方です
      記事幅と同じで記事と同じ枠付きフリースペース
      ここに昨日のアフリエイト状況を表示できればと思い質問させていただきました
      ぜひお願いいたします

    • #27255
      hidekichi
      ゲスト

      before-main.phpに書いたり、あるいは、何かしらのapiがあってアフィリエイトのステータスを拾えるのであればインデックスリストトップとかを有効利用されるのが良いのではないかと思います。
      インデックスリストトップがリストのトップだけでしか表示しないような場合は、header-insert.phpも利用したりも行けるのではないかと思います。

      まぁ結論的に言うと、特定のパーツを任意のidやclassで囲んでおけば、cssとjQueryを利用してどこにでも好きな箇所に配置は可能です。

      $(“目的のターゲット”).insertBefore(“挿入したいセレクター”);

      これで挿入したいセレクターの前に目的のブロックが挿入できます。他にもappendToとかappend、prepend等様々な方法で入れることは可能です。

      もし後でjQueryの挿入などをして、画面にちらつき等が出たりするのがアレだと言う場合なら、entry-body.phpに直接入れることも可能です。
      ひとまずは、アフリエイト状況をどのようにして入れたいかによって色々とやり方はあるのではないかと思います。

      他にもまだ方法はあるのですけれども、まずは「アフリエイト状況」をどのように取得して、自動的に挿入できるのか、手動で毎回入れるのかなどの情報が必要でしょうか。

    • #27259
      らっきー
      ゲスト

      回答ありがとうございます
      before-main.phpとheader-insert.phpで試してみましたがうまくいきません
      「アフリエイト状況」は毎回手動で入力しようと思いますが
      記事の上に、記事と同じ幅で常時表示されるスペースを初心者でも
      出来る簡単なやり方を教えて頂ければと思います

    • #27260
      hidekichi
      ゲスト

      どのように試されましたか?
      何かしら定型文みたいのがあるとより説明しやすいです。

      例えばwordpress編集画面で、

      <div class=”何かしら”>
      ここにアフィリエイトの定型文
      </div>

      で、classの何かしらをstyle.cssに設定されてもいけます。この際は、ビジュアルモードではなく、テキストというか普通のモードでやるほうが良いだろうと思います。
      また、pluginのadd quicktagのようなものを利用して定型文を設定しておくとより便利に行けるのではないかと思います。ボタンひとつでひな形が挿入されるので。

      css的には、

      何かしらのセレクタ{
      width: 100%;
      }

      ぐらいでいいんじゃないでしょうか?ボーダーを入れたかったらその設定、背景色を変更したければその設定などを入れます。
      定型文となるアフィリエイトの書式がどういうものかがわからないと、セレクタにどういう設定をすればよいのかも何とも言いにくい感じです。テキストだけなら思うように設定できると思いますが、画像が入ってきたり、あるいはiframe等で別のhtmlを読み込む等の事が起こればそれはそれで対処する必要があります。

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

      どのようにコードを書いたかがわからないとどこに問題があったのかわからないです。
      あと、テンプレートを編集するからには、誰にでも簡単にできる簡単な方法というのはないです。ある程度の知識は必要です。

      最も簡単な方法は、entry-body.phpのタイトル上にスペースを設定するようにカスタマイズすることです。
      ただ、重要なファイルなので、今後アップデートが反映されなくなるので、あまりお勧めではありません。

    • #27279
      らっきー
      ゲスト

      回答ありがとうございます
      何度申し訳ありません
      入れる内容は
      テキスト分と広告バナーになります
      before-main.phpにいれるとプラグインが落ちてしまうため
      ベストは記事の上に記事と同じ幅のフリースペースで
      プラグインの位置が変わらずに常時固定表示されるには
      <div class=”何かしら”>
      ここにアフィリエイトの定型文
      </div>
      をどこに入れたらいいでしょうか

    • #27281
      hidekichi
      ゲスト

      <div class=”何かしら”>
      ここにアフィリエイトの定型文
      </div>

      は、記事の編集で入れます。つまり本文を書く前です。そうすると自ずとタイトルとSNSの下に表示されることになりますが、それができるのであれば、後はjQueryで移動させることは可能です。
      要は、入れたいものをどこに入れても良いので何かしらが入っている状態を知りたいわけです。

      >入れる内容はテキスト分と広告バナーになります

      これなのであれば、それらを何かしらのclassで囲んでおくだけで良いわけなので、
      <div class=”何かしら”>

      <div class=”何かしらのtext”>何かしらの文章</div>
      </div>
      と言う書式ができれば、それを挿入すれば良いことになります。before-main.phpは#mainの手前に入るので、
      before-main.phpにまんま上のhtmlを書けば、

      <div id=”body”>
      <div id=”body-in”>
      <div class=”何かしら”>
      //あるいはGoogleAdsense等のスクリプト
      <div class=”何かしらのtext”>何かしらの文章</div>
      </div>
       <div id=”main”>

      このような構造で表示されるはずです。すると、class=”何かしら”は、ひとまずwidth:100%にしておけば#body-inの幅になるので#mainと#sidebarの幅一杯を利用できることになります。質問の中では、#mainと同じ幅にしたいと言うことなので、そうなると、before-main.phpは利用できないと言うことになったりします。
      ※ つまりは、そのままではレスポンシブにするためにかなり手を入れないといけない為の理由から。

      そうすると、一番良いのは、僕もわいひらさんも言う所のentry-body.phpに書くことになります。
      entry-body.phpでは、<h1 class=”entry-title”>の上に先ほどのhtmlの構造を入れればそれでいけるわけですけれども、わいひらさんが言うところのアップデートで親テーマは更新されてしまうので、それならbefore-main.phpなりにまんま書いておいて(それを保存・バックアップしておいて)、jQueryで

      (function(&){
      $(function(){
      $(“挿入したい場所”).prepend(“挿入したい内容”)
      });
      })(jQuery)

      とすればいけるはずです。

      やっつけでcodepenに書いておきました。必要なのはjavascriptの部分と、cssの最初の#insert_before-mainの内容だけです。

      <div class=”何かしら”>
      ここにアフィリエイトの定型文
      </div>

      の「何かしら」は上記の例で言うと#insert_before-mainと入れて編集画面に直接書いて投稿し、jQueryが正しく読み込まれていれば同様の動作をするはずです。この場合はbefore-main.phpに何も書かなくても良いです。

      #insert_before-mainは、今回テストとして仮で付けておいたセレクタの名称です。これは何でも構いません。
      移動させると、#mainの中に入るので、cssでは、

      #main #insert_before-main(仮称){
        //何かしらの設定
      }

      というような形をstyle.cssに書かねばなりません。javascriptのものは、内容のセレクタの部分だけを任意の名称にしてcssの部分と合わせる必要があります。これは親・子テーマ(できれば子テーマ)のjavascript.jsにまんまコピペで追記でいけるはずです。

      ◆必要なこと
      ・before-main.phpに何かしら必要なものを書く(内容がスクリプト等で自動更新されるような場合推奨)
      ※ それ以外はbefore-main.phpを更新するたびに全ての記事でbefore-main.phpの内容が表示されます

      ・編集画面で毎回手動で何かしらを書く
      ※ この場合は、その都度のアフィリエイトの状況が記事に書いてあるわけですから、それぞれの記事でその日の状態を残しておくことができます
      ※add quicktag等で便利にすることも可能

      別に履歴としてではなく、単純にどのページを見ても今日の状態が記載されているので問題なければbefore-main.phpが良いと思います。

      before-main.phpを勧めるわけは、ほぼ更新されることがないからです。元々はおそらくユーザーが何かしら追加したい時ようにあるものだと思うので、更新される内容がないわけです。バックアップしておくだけで良いのでオススメしてます。

      プラグインが問題で、オチてしまうとありますが、どんなプラグインで、何を書いたら落ちたのかがわかるとより何かしらの手段を考えられるかと思います。
      そもそも、htmlだけが書かれているファイルを読み込んだら落ちるようなプラグインってなんだろう?と逆に興味があったりします。

6件の返信スレッドを表示中
  • フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)