コメント欄の表示をカスタマイズしたいのですが、うまくできずに困っています。
コメントフォームを一番下にして、
投稿されたコメントが上の方に表示されるようにしたいのですがどうしたらいいでしょうか?
いくらか自分で調べてみたもののなかなか該当する記事が見当たらず、
困っております。
大変恐縮ですが、ご存知の方いらっしゃいましたら、
ご返答頂けましたら幸いです。
何卒よろしくお願い致します。
———————————————————————
habakiriテーマで現在、サイトを作成しております。
サイト製作に関してはかなりの初心者です。
困っているのは、スライダーに対してブレイクポイントが設定できないことです。
habakiriはslick.jsでスライダーを組み込んでいることがわかりました。
いくつか検索を続けていると、slick.jsを編集することで出しわけが可能になることまでは
わかりました。(PCとSPによりコンテンツ幅にあった画像をそれぞれに出したいです)
しかし、そもそもslick.jsのソースがどこにあるのかわからず、
テーマエディターから探しても見当たらないです。
(cssだけしか出ないから、jsが出てこないのは当たり前でしょうか?)
1:デフォルトで設定されているスライダーの編集は可能でしょうか?
それは初心者レベルでも簡単に実行できますか?
→懸念しているのは、このslick.jsがGUIで調節できるよう組み込まれているので、
これってもしかして、すごく複雑な階層にまで潜りこんで色々設定しなくてはいけないのか
と思っております。もちろん、そのような知識は皆無です
2:もし難しいようであれば、自分で新たにslick.jsなどを導入して
自分自らで設定したほうが良いのでしょうか?
———————————————————————
長々と記述しましたが、お手数ですが
ご確認の上、何卒よろしくお願い致します。
habakiriテーマでカスタマイズを行っております。
グローバルメニューのサブメニューを開いたとき、サブメニュー内の内容が多いと、サブメニュー内でスクロールできなくて困っています。
habakiriのバージョンは以下です。
Version: 2.5.2
cssで強引にスクロールさせようとすると、子階層までは強引にスクロールできるのですが、
それでもノートPCなどの縦の画面サイズが小さい状態だと、全てのサブメニューまでスクロールできず、
また、孫階層のメニューエリアは表示されない、といった状態になります。
【強引にスクロールさせるが不完全なCSSは以下です】
ul.sub-menu{
height:100vh;
overflow-y: scroll;
}
実現したいこと
①グローバルメニューのサブメニューが多い場合、メニューエリア内でスクロールさせたい
表示画面サイズの高さが狭くても全てのサブメニューがスクロールできる状態
サブメニューのサブメニューも問題なく表示可能
どなたかわかる方がいらっしゃったらご教授お願いいたします。
]]>オフキャンバスナビゲーションの色は、カスタマイザーに変更する箇所はないのでしょうか?
子テーマのCSSでどこかをいじることになるのでしょうか?
スライダー部分はhabakiriデフォルトの形ではなくカスタムしたいため、試行錯誤しております。
現在別にslick関連を読み込ませてみております。
管理画面内カスタマイズ画面では理想の動きになるのですが、サイトを表示させると競合のためでしょうか、動作しません。
そのため、デフォルトのスライダー部分の指定を停止したいのですが、どの様にしたら良いのか分からず、お知恵をお借りしたいと思っております。
habakiriテーマを使うのが初めてで、まだまだ分からない事が多く、初歩的な質問になるかとは思いますが、よろしくお願いいたしますm(_ _)m
]]>表題の通りですが、
子テーマのeditor-style.cssの反映の仕方が分からないのですが、
ご教授お願いできますでしょうか。
よろしくお願いいたします。
リッチフロントページでスライドショーを使っています。
画像を3枚設定しているのですが、3枚目から1枚目に戻るときにひだりはしがちらつきます。
Z-indexの設定、
* -webkit-transform-style: preserve-3d;
の追記などを行いましたが改善しません。
同様の原因で対処された方はいらっしゃいますでしょうか。
]]>habakiriを利用して、子テーマを作成して設定しているのですが、レスポンシブデザインらしくブログ内の画像がウィンドウサイズにより縮小されず困っております。
ネットで調べて、cssに
img★ {
max-width: 100%;
height: auto;
}(★は除く)
という記述をすればウインドウサイズに合わせて自動で縮小(拡大はされない)されると知り、記述しようとしたのですが、ビジュアルエディターのスタイルシートを確認すると、既に同じ記述が書いてあり、何故機能しないのかがわかりません。
カスタマイザーの追加cssにも記述してみたのですが、機能しません。
そもそも、画像が縮小されるどころか、投稿ページのテンプレートの2カラムの右側の部分にもはみ出ているようです。
子テーマの問題かと思い、親テーマでプレビューしてみたのですが、何も変わりませんでした。
[habakiri]投稿ページの詳細へリンクしない
「お知らせ」ページを固定ページで作り、
投稿用カテゴリーの初期設定を「お知らせ」ページにしています。
投稿ページから、記事を投稿してお知らせを追加しています。
しかし、記事の詳細ページのリンクをクリックしても
何故かお知らせ一覧のページにリンクしています。
お知らせ一覧
https://lepijaponais.com/info
投稿ページ詳細
https://lepijaponais.com/info/205
https://lepijaponais.com/info/71
お知らせ一覧も、お知らせ詳細も同じくお知らせ一覧ページとなります。
投稿ページ詳細をクリックした際に、詳細ページにリンクしたいのですが
どこの設定で出来るのでしょうか?
件名のとおりなのですが、アーカイブページから作者名を削除しようとしています。
どこで指定しているのか探して、ようやく、/inc/class.entry-meta.phpが関係ありそうというところまできました。このクラスの<li class=”entry-meta__item vCard author”>にhiddenをつければいいのかなということで、やってみたのですが、FTP後のソースをWEB上で見ても、hiddenが付いていないため、表示されてしまいます。(子テーマでやっています)
いろいろ探していたら、下記投稿を見つけました。
https://www.ads-software.com/support/topic/%e3%80%90habakiri%e3%80%91-incclassentry-metaphp%e3%81%ae%e5%a4%89%e6%9b%b4/
class.entry-meta.phpをいじるのはあまりよくないとのことだったので、アドバイスにあるentry-meta.phpを見てみたのですが、このプログラムは$EnetryMetaを表示しているだけなので、やはりclass.entry-meta.phpをいじるしかないのかなと思っているのですが、ほかに方法がありそうでしょうか。
(すみません。PHPもいまひとつわかっていないので、おかしなことを言っていたらすみません)。
WordPressテーマ「habakiri」がインストールできません。
habakiri
管理画面からアップロードすると以下のエラーが発生します。
エラーメッセージ
アップロードしたファイル habakiri.2.5.2.zip からテーマをインストールしています
パッケージを展開しています…
テーマをインストールしています…
ディレクトリを作成できませんでした。 /app/public/wp-content/themes/habakiri/
テーマのインストールに失敗しました。
環境
Local by Flywheel
nginx
wordpress 4.8.2
PHP 7.1.7
My SQL 5.6.37
正常にインストールするためには、どのような対処方法がありますか?
]]>スライドショーの設定のマニュアル
https://habakiri.2inc.org/manual/slider/
ここに、
Habakiri のスライドショーは画像だけではなく、その上に HTML で書かれたコンテンツを載せることもできます。
とあるのですが、この「HTML で書かれたコンテンツを載せる」方法がわかりません。
やりたいことは、スライドショーの画像の上に、説明文と、「新規登録」ボタンと「ログイン」ボタンを配置してリンク先に飛ばす。
ということをしたいのですが、どのようにしたら実現できますでしょうか?
以上、よろしくお願いいたします。
]]>Habakiriを親テーマで使用して、そこで固定ページや投稿ページを作っていました。
子テーマでcssなどを追加して利用しようとしたのですが、
メニューからリンクされている固定ページ、投稿ページを開こうとすると404エラーとなります。
子テーマにしてから作ったページでないと認識しないのか?と思い
改めて子テーマ上で固定ページを作成したのですがこちらも404エラー。
カスタマイズからの固定フロントページで、404エラー表示されているページを読み込むと
そのページはトップページで表示されます。
こちら、考えうる原因は何となりますでしょうか?
]]>現在habakiriで子テーマを作成しカスタマイズをしております。
印刷をする時にモバイルレイアウトになってまい、PCレイアウトで印刷することができません。
マニュアル等一通り見たのですが、テーマ上では設定はできないのでしょうか?
CSS、phpの変更にせよ、PCレイアウトで印刷できるよう、修正方法をどなたかご教示いただけるとありがたいです。
よろしくお願いします。
]]>下記を参考にhabakiriテーマの小テーマを設定しようとしたのですが、「スタイルシートが見つかりません。」という表示が出ます。
https://habakiri.2inc.org/manual/create-child-theme/
同環境で、他のテーマの小テーマを制作し設置したのですが、こちらは、小テーマとして認識するようです。
全角のミスや文字コードや改行コードなどにおかしい部分はないようです。
私のスキルですと、habakiriだけ、小テーマの設定ができない状態で、どうしても、habakiriを使用させていただきたく、よろしくお願いいたします。
]]>はじめまして、ご教示いただければと思います。
ヘッダーを固定にした際に、
スマホ(iPhone)でサイトを開いた際に、ページの途中でオフキャンバスナビゲーションを表示させると、ページTOPへ戻ってしまいます。
オフキャンバスナビゲーションを表示させた位置に固定するにはどうしたらよいでしょうか?
お忙しい中恐れ入りますが、どうぞよろしくお願いいたします。
]]>恐れ入ります。
ヘッダー固定時のオフキャンバスナビゲーションの挙動について原因が分からず困っています。
PCブラウザでの疑似確認は問題ありません。
iphone、ipad-miniで(Androidは不明)
スクロールして、上部に固定されたハンバーガーボタンをクリックすると何も表示されず、ページ上部に戻るとメニューが表示されております。スクロールした位置で表示されず、ページ上部に表示される状態です。
使用している他のプラグインとの問題ではないかと、OFFにしてみたり 素人で出来る範囲の事はやってみたのですが解決しません。
ご助言頂ければ幸いです。よろしくお願い致します。
]]>お手数お掛けいたしますが、ご教授頂ければ嬉しいです。よろしくお願い致します。
ナビをページ上部に固定したかったので、modules/gnav.phpの
<nav class=”global-nav js-responsive-nav nav–hide” role=”navigation”>に
「navbar-fixed-top」を追記しました。
オフキャンバスナビゲーションが変な風になってしまいました。
正しい方法を教えて下さい。
また、子テーマを使用しているので、gnav.phpを直接書き換えるのは不適切ですか?解決策を教えて下さい。
]]>お世話になっております。度々失礼いたします。
Bootstrapのキャプション入りカルーセルを設置いたしましたが、
スライドする度にキャプションが10ピクセル程、上にずれ動く現象に困っております。
(キャプションをカスタマイズしたく、Bootstrapでカルーセルを設置する選択をいたしました)
トップ以外の固定ページでテンプレートはNo Sidebar。
使用している画像サイズ、キャプション量は同じです。
HabakiriのSlickとぶつかっている可能性などありますでしょうか?
他にプラグインではMeta Sliderを使っております。
お忙しいところ恐れ入りますが、ご教授頂ければ幸いです。
初歩的な質問かもしれませんが、どうぞ宜しくお願い致します。
シンプルなテーマをありがとうございます。
アーカイブに表示されるサムネイルのサイズを変更したく、苦戦しております。
(特にスマホで見た時、現在より大きなサイズで見せたいと考えております)
Habakiriの子テーマのfunctions.phpで、フィルターフックを使用し、
サイズ比率自体は「設定」→「メディア」で設定したものに変更出来たのですが、
CSSにて.entries .entry–has_media__link のサイズを変更したところ、
逆にぐっと小さくなってしまいました。
お忙しいところ恐れ入りますが、ご教授頂ければ幸いです。
どうぞ宜しくお願い致します。
「外観」のカスタマイズにて「ページヘッダーを表示/はい」
「ページヘッダー背景色/#fff」に設定していますが、
ページヘッダー部分下部にグレーで細いラインが表示されます。
子テーマを作り、CSSを上書きしておりますが、何処を上書きすれば解消されますでしょうか?
(.page-headerの部分に自分なりに手を加えてみましたが変わらず)
最終的にやりたい事は「投稿タイトルを白背景に装飾無しでセンターに表示」です。
ですの、カスタマイズにて「ページヘッダーを表示/いいえ」にすれば
グレーのライン問題は解消はされるのですが、
今度は投稿タイトルの左寄せがセンターにできません。
(.entry__titleを単純にtext-align: center;では変わらないのですね)
お忙しいところ恐れ入りますが、ご教授のほど宜しくお願いいたします。
]]>いつもありがとうございます。
Habakiri2.4.0 投稿ページ上での関連記事のmeta情報で
公開日(公開済み:[日付])の[日付]が関連記事の投稿日ではなく、
表示中の投稿の日付になってしまいます。
アーカイブ表示の場合は、記事の個別日付を取ってきてくれるのですが、
投稿ページにある関連記事のところだけこの症状がでます。
どのように改善すればよいでしょうか。
よろしくお願いします。
]]>カスタマイザーで、レイアウトのヘッダーを透明にした場合、固定ページ全体がヘッダーのグローバルメニューの部分に重なってしまいます。
特に何もテンプレートは触っていない状態です。どうしたらいいのでしょうか?
よろしくお願いいたします。
こんにちは、このテーマを愛用しております。
トップページのスライドショーは「Rich Front Page」で表示させているのですが、
コンテンツレイアウトはFull Width ( Fixed )のようにサイドのマージンがほぼ無い状態から変えられないのでしょうか?
Full Width ( Fluid ) のレイアウト、またはLeft SidebarでRich Front Pageスライドショーを表示させたいと思っております。
カスタマイザーで色やロゴを設定しただけで、特に変わった事はしておりません。
もし可能でしたらご教授願います。
どうぞ宜しくお願い致します。
Habakiriを使わせていただいています。
子テーマを作成して運用しています。
子テーマの ‘/inc/class.entry-meta.php’をコピーして変更を加えたのですがテーマに反映されません。どうすれば反映されるようになりますか。
Why such many different from screenshot?
]]>初めてWORDPRESSを使わせていただいています。
Habakiriでグローバルナビゲーションがオフキャンバスになる
ブレークポイントを480pxに変更したいのですが、
どうしてもやり方が分かりません。
マニュアルに
“Sass ファイルを用意して、そこから Habakiri の/src/scss/styleを@importして Gulp 等でコンパイル”
という記述は見つけたのですが、なんのことやらさっぱりで。。
どなたか同じことやったことある方いたら教えてください!!
]]>素晴らしいテーマで、愛用させていただいております。
ヘッダー画像ですが、PCでは問題ありませんが、iPad、iPad miniで画像が極端に拡大されて表示されてしまいます。
ヘッダー画像は、推奨の1366 × 768ピクセルです。
こちら解決方法はございますでしょうか?
]]>Habakiriの子テーマを製作し、利用させて頂いております
トップページ下に表示されるページ送りのタグを
カテゴリーページと記事ページにもつけたいのですが
<?php get_template_part( ‘modules/pagination’ ); ?>
をどのファイルに入れればよいのでしょうか?
Bootstrapを使うことが多いので、
Habakiriの方を利用させて頂こうと検討中です
Bootstrapでは.contaierでデフォルトの1170pxを1000pxに変更しているのですが、
Habakiriのstyle.min.css内にある.containerを1000pxに変更しても
レイアウト幅が変更されません
何か別の変更方法はありませんか?
]]>