ソーシャルリンクの追加とスマートフォン表示時のメニューについて

  • Resolved ai_cat

    (@ai_cat)


    10 years, 2 months ago

    はじめまして。
    とても可愛いテーマを本当にありがとうございます！

    私は固定ページを主に使っており、WebSiteに見えるようにカスタマイズさせて頂いている所です。

    1.ソーシャルリンクの部分に任意のアイコンを設置できますか？
    並べたらとても可愛いので、具体的にはpixivのアイコンやウェブ拍手を設置したいです。
    function.phpを見ているのですが自分の知識では読み解けませんでした。

    2.スマートフォン表示の際にボタン型のメニューを外して、PCと同じ形のメニューを表示させたいです。

    サイトロゴ

    メニュー│メニュー│メニュー│メニュー

    ぱんくず

    のようにしたいですが可能でしょうか。
    ページ送りの際、多数ある子ページとブログカテゴリがドロップダウンした状態で画面に残ってしまい若干気になります。

    ですのでボタン型のメニューは外して、

    <ul>
<?php wp_list_pages('title_li='); ?>
</ul>

    で対応したいです。
    header.phpやstyle.cssを色々弄ってみましたがどうしてもデザインが崩れてしまいます。

    3.スマートフォン表示の際にフォントを変えたいです。
    その際はsmart.cssを書き換えればOKでしょうか？反映されていないようなのでお伺いしてみました。
    （変えたい理由の一つとしては、三点リーダーを中央に表示させたい）

    smart.php

    /* ------------------------------------
base style
------------------------------------ */

body {
	line-height: 1.4;
	font-family: Roboto, 'Droid Sans',"ヒラギノ丸ゴ ProN W2","Hiragino Maru Gothic ProN","Lucida Grande", Verdana, Arial, sans-serif;}

    （4.）テーマの色違いがあれば嬉しいです。ストロベリーとか抹茶とか。
    厚かましくすみません。頭の片隅にでも置いて頂けましたら幸いです。

    お礼を言う機会がなく質問と同じタイミングになってしまいましたが、可愛いテーマで見つけた時は本当に嬉しかったです。ありがとうございます。

    お忙しい中恐縮ですがどうぞご教授よろしくお願いします。
    長々と失礼しました。

Viewing 2 replies - 1 through 2 (of 2 total)

  • こんにちは。
    「Chocolat」を使っていただいてありがとうございます。

    pixivのウェブ拍手以外はすべてCSSで出来ます。

    1. ソーシャルリンクにpixivも追加したので、確認してみてください。
    他のリンクを追加したい場合は、style.cssに書いてあるpixivのCSSの記述を参考にしてください。

    2. メニューの表示のCSSはcommon.cssの4.2 – globalnavを参考にしてください。

    「ページ送りの際、多数ある子ページとブログカテゴリがドロップダウンした状態で画面に残ってしまい」というのが、どういう状態なのかちょっとわからないので、
    WebサイトのURLを教えていただけるとこちらでも確認できるのでわかるかと思います。

    3. スマートフォンのフォントの変更は、こちらで確認したところ、
    記述していただいたコードで表示できたので、もう一度確認してみてください。

    テーマをカスタマイズするときは子テーマを使用してください。
    「Chocolat」の子テーマのテンプレートは
    https://github.com/mignonstyle/chocolat-child
    からダウンロードできます。

    CSSの変更だけなら「Chocolatの設定」のカスタムCSSに記入しても大丈夫です。

    pixivのウェブ拍手については、実装するコードなど、具体的に記述していただけると
    少しはアドバイスできるかと思います。

    Chocolatの色違いやデザイン違いについては、リクエストをよく頂いているので
    気長にお待ちいただけると幸いです ??

    やってみて、わからないことなどありましたらまたご質問ください。

    Thread Starter ai_cat

    (@ai_cat)

    Mignon Styleさま

    こんにちは。
    お忙しい中ご回答ありがとうございます。

    1.pixivアイコン
    追加して頂き感激しました。ばっちり馴染んで嬉しいです。

    メニューの名前
Social

URL
https://www.pixiv.net/member.php?id=xxx
ナビゲーションラベル
pixiv

ソーシャルリンクにチェックを入れる。

    上記方法で無事に追加できました。

    ウェブ拍手については時間の都合でまだ試していません、すみません。
    （URL記載は控えます、お気使いありがとうございます。）

    2.スマホのページ送りについて
    表現が曖昧で失礼しました。
    <!–nextpage–>で分割したページで、次ページへ移動の際に、メニューが開いた状態になってしまいます。
    １秒くらいで若干気になるという感じですので、メニューのカスタムも含め、時間が出来てから挑戦してみます。

    3.スマホのフォント
    無駄な半角スペースを削ってもう一度試したら三点リーダーも表示されました。
    お手間を取らせてすみません。

    4.色違い、新しいデザインなど楽しみにしています！いつまでも気長に待っております:)

    （2）についてまだ解決していませんが、取り急ぎお礼までと思いレス致しました。
    試してみて上手くいかない時はまた改めて質問させて頂きますので、その際はどうぞよろしくお願いします。
    ありがとうございました。

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘ソーシャルリンクの追加とスマートフォン表示時のメニューについて’ is closed to new replies.