サポート » 使い方全般 » 外観のカスタムについて

  • 現在、Twenty Fourteen3.91を使用しているのですが、
    記事のタイトル、編集、本記事の間にSNSボタンを入れたいのですが、
    Content.phpとStlye.cssで編集をしているのですが、上手くいきません。

    誰か知っている方がいましたら、教えてください。
    よろしくお願い致します。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • 何がどうなって、どう上手くいかないのでしょうか?
    現状の情報では、他の方も助言し難いと思いますので、もう少し情報を開示していただけたらと思います。

    モデレーター gatespace

    (@gatespace)

    トピック投稿者 takashimaka

    (@takashimaka)

    KuCKLUさん、すいません。説明が下手で

    最近、Wordpressをやり始めたもので、一様HTML CSSの知識はあるのですが、
    上手くいきません。できるだけ細かく説明します。

    1. まず、SNSボタンをconten.phpに貼るのですが
    【header class=”entry-header”】の下に貼るのですが、文字が左寄せになってしまい。上手くいきません。また、スタイルシートも態様しておらず、文字のままです

    endif;

    edit_post_link( __( ‘Edit’, ‘twentyfourteen’ ), ‘<span class=”edit-link”>’, ‘</span>’ );
    ?>
    </div><!– .entry-meta –>

    ※ここに挿入しています

    </header><!– .entry-header –>

    ここの画面に画像を貼って分かりやすくしたいのですが、
    もともとここには画像を挿入できないのであれば、大丈夫です。

    そして、スタイルシートなんですが、コピペを一番下に挿入しましたが、出来ません。

    何度もすいませんが、よろしくお願い致します。

    トピック投稿者 takashimaka

    (@takashimaka)

    getespaceさん、すいません。

    そうです、内容的には同じです。

    モデレーター gatespace

    (@gatespace)

    同じ内容であれば前のスレッドで続けるのが筋です。
    新規で投稿し直すと、他のの見ている人が混乱します。
    どちらももう回答がついてしまっていますし、回答者の方にも失礼に当たると思いませんか?

    前のスレッドは閉鎖してこちらに誘導します。

    トピック投稿者 takashimaka

    (@takashimaka)

    gatespace さん、すいません。気分を害したなら謝ります。

    しかし、私も悪気があったわけではありません。すでに回答がついていて、
    わざと新しくスレットを立てて、人を翻弄してバカにするつもりなどありません。

    「前のスレットに回答が出ていて、新しくスレットを立てるのは失礼と言いますが、
    色々こちらも試してみて、何度も試行錯誤を繰り返しても、上手に出来ませんでした。
    確かに、上手くいかないのは自分の実力がなく悪いのは私です。

    新たにスレットを作ったのは、自分の中で問題が解決していなかったからです。

    そして、Wordpress.org社のフォーラムは、wordpressを使用していて、不明な点を
    フォーラムで様々な人に操作方法や意見を聞くことで、その人の悩みを解決して、
    相乗効果で、お互いに上達するものではないでしょうか。

    既に答えが出ていて、その操作方法が分からないものは、フォーラムに書き込むことすら
    失礼にあたるのでしょうか。

    スレッドが複数に分かれていると経緯が把握できないので
    最初のスレッドを一旦怪傑にして。現在どこまで進行しているのかを完結にまとめてから新規で始めてもらうのが助かります。
    その際、最初のスレッドをリンクしてあれば状況も推測させていただきやすいです。

    takashimaka さんはご自身の時系列で考えを進められますが、そこに以前のスレッドの方に新たな回答がついた場合はどう対処されるのでしょう。

    相乗効果で、お互いに上達する

    ためには同じ状況に有るメンバーからの回答がつくのを待つぐらいでありたいですね。

    実際に前のスレッドで確かに回答は出ています。

    『オリジナルのSNSボタンを設置する』その前段階として、
    汎用のSNSボタンを設置できていますか。
    前のスレッドでも Junko Nukaga さんはプラグインを紹介されていますね。

    わたしもプラグインで設置することで、それ以上は考えていません。
    http://wp.me/p3KPeE-1

    ただ、プラグインを使わないで設置する方法を検証してみたいと新サイトの準備をしていたところです。

    トピック投稿者 takashimaka

    (@takashimaka)

    digit@maetel さん、連絡有難うございます。

    了解致しました。最近、Wordpress.orgのフォーラムの存在を知ったので、
    そのような認識不足でした。なので、今後そのようにしたいと思います。

    確かに、自分がどのような時系列でそうなったのか明記しておりませんでした。
    自分のフォーラムの認識は、wordpressの不明点を質問するだけのQ&Aという考えでいました。なので、今後はそのようにしたいと思います。ご指摘有難うございます。

    はい。汎用のSNSボタンを設置できます。
    しかし、諦めずにSNSボタンを貼りたいのです。

    もし、プラグインを使わないSNSボタンの設置の方法を教えてもらうと助かります。
    宜しくお願い致します。

    こんにちは。先のスレッドの続きとなりますが、私の方では、何もカスタマイズされていない状態のTwenty Fourteenへ先のスレッドへ書き込んだように記述しましたら、うまくいきました。
    私の説明が悪かったのかもしれませんが、style.css内の「一番下」へ参考にあったページのCSSを記述されてますでしょうか?

    具体的にいうと

    .featured-content .entry-title {
    		font-size: 25pt;
    		line-height: 36px;
    	}
    }

    の下です。

    トピック投稿者 takashimaka

    (@takashimaka)

    Junko さん、ご連絡有難うございます。

    言われたとおりに、Content.phpに挿入して、
    Style.cssに記入したのですが、上手くいきません。

    「facebook シェア Twitterにツイート」の文字しか出てきません。
    これは、Contenp.phpが上手くいっていないのか、それともStyle.cssが上手くいっていないのか。分かりません。

    .featured-content .entry-title {
    font-size: 25pt;
    line-height: 36px;
    }
    }
    a.facebook-iine{
    width:50%;
    padding:20px 0;
    color:#fff;
    text-align:center;
    background-color:#3b5998;
    height:30px;
    display:block;
    text-decoration:none;
    font-size:20px;
    float:left;
    margin-bottom:10px;
    }

    a.facebook-iine:hover{
    background-color:#6277a1;
    }

    a.twitter-tweet{
    width:50%;
    padding:20px 0;
    color:#fff;
    text-align:center;
    background-color:#00acee;
    height:30px;
    display:block;
    text-decoration:none;
    font-size:20px;
    float:left;
    margin-bottom:10px;
    }

    a.twitter-tweet:hover{
    background-color:#6aafca;
    }

    これで、記入の方法は合っていますか??
    間違っていましたら、指摘お願い致します。宜しくお願いいたします。
    失礼致します。

    トピック投稿者 takashimaka

    (@takashimaka)

    トピック投稿者 takashimaka

    (@takashimaka)

    バイラル的シェアボタンを単一ページ (Single. php)で編集しているのですが、
    上手くいきません。これは、パーミッションの設定で制限がかかっているので、編集ができないのか、それとも、やり方ができてないのか。(※ ちなみに、HTMLでFacebook Twitter のボタンは文字で表示されます。)

    ここのサイトを利用しているのでが、http://www.medi-qa.com/wp/viral-media-sns-botton.html

    (シェアボタン)

    <div class=”snsshare2″>
    “onclick=”window.open(this.href, ‘FBwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;”>Facebookでシェア
    &text=<?php the_title(); ?>&via=@を省いたアカウント名” target=”blank”>Twitterでシェア

    上のボタンを以下にどこに挿入すればいいのでしょうか?

    <?php
    /**
    * The Template for displaying all single posts
    *
    * @package WordPress
    * @subpackage Twenty_Fourteen
    * @since Twenty Fourteen 1.0
    */

    get_header(); ?>

    <div id=”primary” class=”content-area”>
    <div id=”content” class=”site-content” role=”main”>
    <?php
    // Start the Loop.
    while ( have_posts() ) : the_post();

    /*
    * Include the post format-specific template for the content. If you want to
    * use this in a child theme, then include a file called called content-___.php

    * (where ___ is the post format) and that will be used instead.
    */
    get_template_part( ‘content’, get_post_format() );

    // If comments are open or we have at least one comment, load up the comment template.

    endwhile;
    ?>

    </div><!– #content –>
    </div><!– #primary –>

    <?php
    get_sidebar( ‘content’ );
    get_sidebar();
    get_footer();

    また個別記事なので、動画の下などに先程のSNSボタンを設置できますか?
    単一ページ( single.php.)で編集すればいいのか、それとも投稿欄に挿入すればいいのかも
    分かりません。なので、続けて教えてください。

    長くなりましがた、知っている方がいましたら、教えてください。
    Wordpress初心者に近いので、知識はありませんが、どうぞ宜しくお願い致します。

    失礼致します。

    HTMLでFacebook Twitter のボタンは文字で表示されるということはPHP側ではなく、CSS側、もしくはCSSとPHPに記述したクラスがあっていないということが考えられます。

    記述されているコードで言うと

    <div class="snsshare2">
    はきちんと
    </div>
    で閉じていますか?

    <div class="snsshare2">
    <a id="share_fb" href="http://www.facebook.com/share.php?u=<?php the_permalink(); ?>"onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;">Facebookでシェア</a>
    <a id="share_tw" href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>&via=@を省いたアカウント名" target="blank">Twitterでシェア</a>
    </div>

    CSSはstyle.cssへ

    .snsshare2 {
    width: 100%;
    height: 180px;
    margin-bottom: 10px;
    }
    .snsshare2 a {
    width: 50%;
    height: 25px;
    margin-bottom: 10px;
    padding: 14px 0;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.1em;
    display: inline-block;
    text-decoration: none;
    }
    .snsshare2 a:hover {
    color: #ffffff;
    text-decoration: underline;
    }
    .snsshare2 a#share_fb {
    background-color: #3B5998;
    border-bottom: 1px solid #3C5A98;
    }
    .snsshare2 a#share_tw {
    background-color: #00ACEE;
    border-bottom: 1px solid #0193CB;
    }

    は記述できていますか?

    まずそちらを確認してみてください。

13件の返信を表示中 - 1 - 13件目 (全13件中)
  • トピック「外観のカスタムについて」には新たに返信することはできません。