テーマをCocoonに変更しました！

wordpressトピックスの情報フルページ表示

  • ファビコン返信先: フォントの変更の仕方。超初心者です。

    スタイルシートを習得目的だったら、スタイルシートの相談口がいろいろありますが、WordPressを使用していてのことなのですから、テーマ名は最低限教えて下さい。また、プラグインを使うことでスタイルシートが影響されます。

    (2018-7-22)

  • ファビコン返信先: フォントの変更の仕方。超初心者です。

    「.cat-menu li a にてfont-family: ‘Lora’, serif;が設定されていますので、そちらが優先される」

    というところまで教えていただきました。

    ちなみに*　を追加したら一部変更できましたが、上の状態なのでそこから先に進めません。

    どうぞよろしくお願いいたします。

    (2018-7-22)

  • ファビコンフォントの変更の仕方。超初心者です。

    CSSがわからない、本を読んでも意味が分からないレベルのバカですが
    ワードプレスに手を出しました。

    初めたばかりで戸惑いまくってます。

    明朝体のフォントを変えようともって、なんとか人に聞き

    追加CSSのところに

    body { font-family: Verdana,”メイリオ”,Meiryo,”ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro”,”ＭＳ Ｐゴシック”,”MS PGothic”,sans-serif; }

    というものを教えていただいたので、これをコピペして張って、

    本文だけはゴシック系に変更できました。

    が、その他の部分のフォントがまだ変えられていません。

    その他の部分のフォントを、上と同じように追加CSSで指定し、ゴシック系フォントに
    変更したいので

    コピー＆ペーストで張ればいい状態で教えていただけないでしょうか？

    理屈や仕組みを懇切丁寧に教えていただけても、理解できないため、
    追加するCSSを教えていただきたいです。

    どうかよろしくお願いいたします。

    (2018-7-22)

  • ファビコン返信先: bbpressに「状態」を追加したい

    試してみました！

    有効化するだけで「Resolution」というセレクトボックスと「updateボタン」が追加されました。便利そうですね！

    そしてそのセレクト項目として「None、Not a question、Not resolved、Resolved」の４つがあります。

    どうやらこの４つから選択して「updateボタン」をクリックすると、トピックの状態を選択した状態（Resolvedなど）にできる。というコンセプトのようですね。
    さっそくやってみたら、トピックが「Topic Resolution: Resolved」という表示になりました。

    なのに、、相変わらずコメントできてしまう様子で、４つのどれを選択しても変化なしでした。(>_<)

    何か思いつくありがちな原因や、別のプラグインなどをもしご存知でしたら、また気がむいたときで構いませんのでご返信いただけると幸いです。

    (2018-7-22)

  • ファビコンBuddypressのヘッダー画像をランダムにする方法

    Buddypressのプロフィールやマイページのところに設定するヘッダー画像について教えてください。

    こちら↓に入る画像です。

    表示されるときはCSSでこのように表示されます。

    #buddypress #header-cover-image {
    height: 225px;
    background-image: url(http://example.com/wp-content/uploads/buddypress/members/3/cover-image/4b512gtagfda7k-bp-cover-image.jpg);
}

    これを、「ユーザー未設定のときは、指定フォルダの画像からランダムに表示」という風にしたいのですが、どのようにすればいいかご教示頂けませんでしょうか。

    (2018-7-22)

  • ファビコン返信先: BuddyPressのメニュー項目変更

    スタイル (CSS) で、非表示 (display: none) にするのではどうでしょうか。

    例: 外観のカスタマイズの 追加 CSS 等に、

    /* #object-nav #activity-personal-li, */
/* #object-nav #xprofile-personal-li, */
#object-nav #notifications-personal-li,
/* #object-nav #messages-personal-li, */
/* #object-nav #friends-personal-li, */
/* #object-nav #groups-personal-li, */
/* #object-nav #forums-personal-li, */
/* #object-nav #media-personal-li, */
#object-nav #settings-personal-li {
	display: none;
}
    (2018-7-22)

  • ファビコン返信先: BuddyPressのメニュー項目変更

    あれ？さきほど返信したのですが、なぜかモデレーターさんによる確認が入ってしまったようです。すみません。

    取り急ぎお礼を！どうもありがとうございます！削除できました。

    ただ、質問にある位置のメニューの、「表示だけ」を削除したくてですね、「中身」は取っておきたいのです。(>_<)

    なぜかといいますと、この位置とは別の位置に<?php bp_get_loggedin_user_nav(); ?>でメニューを出力したいので、「中身」は取っておきたいのです。

    わかりにくい質問で申し訳ございませんでした。

    (2018-7-22)

  • ファビコン返信先: bbpressに「状態」を追加したい

    いつもありがとうございます。プラグインがあったとは助かりました。さっそく試してみます！

    (2018-7-22)

  • ファビコン返信先: Sydneyに関して列ごとの背景画像に関して

    こんにちは

    「列ごとの背景画像」とはどこのことでしょうか？
    もう少し具体的な説明（スクリーンショットやヘルプの必要なページの URL 等）があると回答が得られやすいと思います。

    (2018-7-22)

  • ファビコン返信先: BuddyPressのメニュー項目変更

    こんにちは

    下記ページが参考になると思います。
    https://buddypress.org/support/topic/the-right-way-to-remove-nav-items/

    例: functions.php に、

    // アクティビティ タブを削除する場合は、デフォルトのタブを別のタブへ変更する必要があります。
// define( 'BP_DEFAULT_COMPONENT', 'profile' );

function my_bp_activity_setup_nav() {
	// bp_core_remove_nav_item( 'activity' );
	// bp_core_remove_nav_item( 'forums' );
	// bp_core_remove_nav_item( 'profile' );
	// bp_core_remove_nav_item( 'messages' );
	bp_core_remove_nav_item( 'notifications' );
	// bp_core_remove_nav_item( 'friends' );
	// bp_core_remove_nav_item( 'groups' );
	// bp_core_remove_nav_item( 'settings' );
}

add_action( 'bp_setup_nav', 'my_bp_activity_setup_nav', 15 );
    (2018-7-22)

  • ファビコン返信先: bbpressに「状態」を追加したい

    bbResolutions プラグインはどうでしょうか。
    https://wordpress.org/plugins/bbresolutions/

    (2018-7-22)

  • ファビコンSydneyに関して列ごとの背景画像に関して

    現在テーマ：Sydneyを利用してホームページを作成しているのですが

    《質問内容》
    列ごとに背景画像を設定するとスクロールしてしまう現状で、背景画像を固定したい
    場合はどういった方法で固定ができるのでしょうか。

    《試したこと》
    CSSスタイルシートにて
    background-attachment:scroll；
    と表記されているところをfixedやnoneに修正したり、

    jsシートを上記同様
    background-attachment:scroll；→background-attachment:fixed；
    に変更をしましたが、修正できませんでした。

    当方初心者なので、至らない点等ございますがご教示いただけると嬉しいです。

    (2018-7-19)

  • ファビコン返信先: フッター部を切り分けるためにはどうすれば良いでしょうか？

    @ishitaka さん。
    いつもコメントありがとうございます。
    またフッター部の切り分けと、copyrightの部分にトップページと固定ページのリンクを貼る方法についてそれぞれアドバイスをいただきまして助かります。

    下記の通り2点ご回答を申し上げます。

    1.

    .copyright を .footer-inner の外に移動し、内側に .footer-inner を追加すればいいのではないでしょうか。

    行き違いがございましたら申し訳ございません。
    教えていただいたコードを試してみたところ、当初の質問でした意図通りの表示になりません。
    下記のGitHubのアドレスで変更箇所を表しています。

    https://github.com/echizenyayota/e-yota/commit/9dad5bdfc0c70eb26a95528a5c12d9b47ee29fd5#diff-bff3332d2e7e3fa82450d5f9f0b87896

    WordPressフォーラム以外にも範囲を広げて質問をしてみます。

    2.

    メニューにすると汎用的でいいのではないでしょうか。

    誠に恐れ入ります。
    1の質問が解決していないので、functions.php・footer.php・style.cssとして教えていただいたコードは
    あえて試していません。先に1の問題を解決してから、2の問題に着手した方が良いと考えました。

    —

    今回の質問は一旦解決済みとします。
    今後ともどうぞよろしくお願い申し上げます。

    (2018-7-11)

  • ファビコン返信先: フッター部を切り分けるためにはどうすれば良いでしょうか？

    こんにちは

    .copyright を .footer-inner の外に移動し、内側に .footer-inner を追加すればいいのではないでしょうか。

    footer.php:

    <footer>
<!-- 月別の記事 -->
  
    
    
    
    
      
    
      
    Copyright © 
    
    
    
  </div>
</footer>

    ↓

    <footer>
<!-- 月別の記事 -->
  
    
    
  
    
  
    
    
    
      
    
      
    Copyright © 
    
    
    
  </div>
</footer>

    スタイルの例:

    footer {
	padding: 0;
}
.copyright {
	display: inline-block;
	width: 100%;
	background-color: #fff;
}

    4. 分離したcopyrightの部分にはトップページと固定ページのリンクを掲載できるようにしたいと考えています。

    メニューにすると汎用的でいいのではないでしょうか。

    functions.php:

    register_nav_menus( array(
	'footer' => 'フッター メニュー',
) );

    footer.php:

    <?php if ( has_nav_menu( 'footer' ) ) { wp_nav_menu(array( 'theme_location' => 'footer', 'container' => 'nav', 'container_class' => 'menu-footer-container', 'menu_id' => 'menu-footer', 'depth' => '1' ) ); } ?>

    スタイルの例:

    ul#menu-footer {
	display: inline-block;
	margin: 0;
	padding: 0.2rem 0;
}
ul#menu-footer li {
	padding: 0 .5rem 0 0;
	display: inline-block;
}
ul#menu-footer li:before {
	content: "\03e";
	margin-right: 0.25rem;
}
    (2018-7-10)

  • ファビコンフッター部を切り分けるためにはどうすれば良いでしょうか？

    いつもお世話になっております。
    下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

    —

    【質問の主旨】

    foooter.phpにある<div class="copyright">の記述をKIRINのようにするためには、CSSをどのように書き換えればよろしいでしょうか？

    【質問の補足】

    1.
    個人ブログのフッター部は、最終的にはKIRINのようなデザインにしたいと考えています。
    (1.png)

    2.
    現状、自分のブログサイトではfooter部はカテゴリーメニューとcopyrightで構成されていますが、両者を分離したいと考えています(2.png)

    3.
    カテゴリーの背景色は現状のままで、copyrightの部分の背景色は白にしたいと考えています。

    4.
    分離したcopyrightの部分にはトップページと固定ページのリンクを掲載できるようにしたいと考えています。

    5.
    今回の質問に関するコードはGitHubにて公開しています。

    6.
    画像ファイルとリンクについては、全て下記のGoogleドキュメントシートに集約しています。
    https://docs.google.com/document/d/1rtyAEmBVFrfXTK1h3bQQEbUEtom4fnxemeshBa_2PW0/edit

    —

    以上、よろしくお願い申し上げます。

    (2018-7-9)

  • ファビコン返信先: スマホでブログサイトを表示したときのナビゲーションメニューの動作を変更したい

    @ishitaka さん。
    いつもコメントありがとうございます。

    >下記スクリプトではどうでしょうか。

    教えていただいたスクリプトをnavbtn.jsに追記したことろ以下のような状態になりました。
    自分（Andoroid）と知り合い（iPhone）の実機で試した結果です。

    – 親メニューをクリックすると、一定の速度で親メニューのページに遷移する
    （ユーザーが素早く子メニューをクリックしないと、サイトが自動的に親メニューに遷移させてしまう）
    – 子メニューは必ず選択できる
    （ユーザーが素早く子メニューをクリックすると、当該子メニューに遷移できる）

    スマホのナビメニューを改良する目的はブログサイトへのアクセス（PV）を向上させることです。
    今回の改良が目的にかなっているかどうかは、ある程度時間が経過しないと分かりません。
    したがって、いただいたコメントをもって解決済みとさせていただきます。

    アドバイスありがとうございました。
    今後ともどうぞよろしくお願い申し上げます

    (2018-7-3)

  • ファビコン返信先: スマホでブログサイトを表示したときのナビゲーションメニューの動作を変更したい

    こんにちは

    下記スクリプトではどうでしょうか。
    navbtn.js あたりに追加してみてください。

    jQuery('ul#menu-menu li:has(.sub-menu) > a').click(function() {
  if (jQuery('#navbtn').css('display') != 'none') {
    jQuery('.sub-menu', jQuery(this).parent()).toggle();
    return false;
  }
});

    あと、スタイルを下記のように変更して置いたほうがいいかも（エミュレータ対策）しれません。

    .menu-item-has-children:hover .sub-menu {
  display: block;
}

    ↓

    @media (min-width: 768px) {
  .menu-item-has-children:hover .sub-menu {
    display: block;
  }
}
    (2018-7-2)

  • ファビコンスマホでブログサイトを表示したときのナビゲーションメニューの動作を変更したい

    いつもお世話になっております。
    下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

    —

    【質問の主旨】

    スマホでブログサイトを表示したときのナビゲーションメニューの動作を以下の通り変更したいと考えています。そのためには現在のheader.phpとstyle.cssの記述をどのように変更すればよろしいでしょうか？

    1. 親メニューをクリックしたときに、その親メニューを再度クリックするか、親に属する子メニューをクリックするまでは勝手に画面遷移しないようにする

    2. 親メニューをクリックしたときに表示される子メニューをクリックすると、必ずその子メニューに遷移できるようにする

    【質問の補足】

    現在、ブログサイトにおいて6つのナビゲーションメニューがあります(Home, about meを除く)。その6つのナビゲーションメニューをスマホで操作すると以下の2種類の動作が発生します。

    1. 自他の親メニューをクリックする前に画面遷移をした上に、子メニューには遷移できない

    – Webサービス
    – インフラ
    – ビットコイン
    – 本の感想

    2. 自他の親メニューをクリックする前に画面遷移するが、子メニューには遷移できる

    – Web学習法
    – あれこれ

    1と2ともに自分の意図しない動作です。
    「全ての親メニューは自他のメニューをクリックしないと遷移しない。また親メニューに属する子メニューをクリックすると必ず遷移できる」
    ようにしたいと考えています。

    3. コードについて

    ブログサイトのコードはGitHub上に公開しています。

    – header.php
    https://github.com/echizenyayota/e-yota/blob/master/wp-content/themes/mytheme/header.php#L128-L140

    – style.css
    https://github.com/echizenyayota/e-yota/blob/master/wp-content/themes/mytheme/style.css#L1238-L1281

    4.
    エミュレーターで試すと、親子メニューをクリックしないときに遷移するという現象は起こります。一方、子メニューは選択できるようになります。

    http://www.responsinator.com/

    —

    以上、よろしくお願い申し上げます。

    (2018-7-2)

  • ファビコン返信先: graphyのカスタマイズ

    ishitaka様

    ありがとうございます。変更できました。

    (2018-6-23)

  • ファビコン返信先: graphyのカスタマイズ

    こんにちは

    １．投稿記事の頁幅の調整方法

    コンテンツの幅は、下記のスタイルではどうでしょうか。
    700px がコンテンツの幅になります。

    style.css またはカスタマイズの追加 CSS 等に、

    @media screen and (min-width: 980px) {
	.site-branding,
	.site-content,
	.footer-widget-wrapper {
		max-width: 100%;
	}
	.no-sidebar .content-area,
	.full-width .content-area {
		max-width: 100%;
		width: 700px;
	}
}

    ２．投稿記事のフォントカラーが薄いので濃くしたいが、その方法

    文字の色は #000（color:#000）なので、これ以上濃く（黒く）できません。
    薄く見えるのはフォントやブラウザによるものだと思います。
    文字のウエイトを太くする（500 以上）といいかもしれません。

    .site-content { font-weight: 500; }

    または、フォントそのものを変更するのもいいかもしれません。

    .site-content { font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }

    (2018-6-23)
ホーム
トップ