社員同士のゆるーい情報交換ブログです
トップ画面のオーバーレイは残して、記事詳細画面のヘッダーだけは画像をそのまま残したいので、こんなのを考えました。苦肉の策って感じです。
特定の画像（ファイル名にheader-imageという文字列が含まれる場合）が指定されているときだけCSSが効くようにしました。
|
1 2 3 4 |
/*画像ファイル名にheader-image が含まれているとオーバーレイ画像を付けない*/ .header-filter[style*="header-image"]::before { background-color: transparent ; } |
もっと良い方法をご存知の方はコメント欄でぜひ教えてください。
記事やカテゴリの並び替えについて
WordPressは本来、ブログ作成用のアプリケーションですから、記事の順番は登録順、日付順になってしまいます。
しかし、現在、Wordpressは一般的なWebサイトのCMSとして使われていますので、このような場合にはコンテンツ（記事）の順序が重要になってきます。
普通は記事の日付をいじったりするのですが、それはとても大変な作業なので、以下のプラグインの使用をオススメします。
WordPress Hestiaテーマにてホーム画面にカテゴリ一覧を表示する場合に、未分類カテゴリだけは隠したい場合の対応。
カスタマイザーの追加CSSで以下のスタイルを追加する。
|
1 2 3 |
.cat-item > a[href*="cat=1"]{ display:none; } |
WordPress Hestiaテーマの 記事画面の下に表示される「関連記事」を非表示にする方法です。
/single.php の 31−35行目を削除することで対応できます。
|
1 2 3 4 5 |
<!-- <?php if ( ! is_singular( 'elementor_library' ) ) { do_action( 'hestia_blog_related_posts' ); } ?> --> |
WordPressの多言語対応にqTranslateを使ってます。
ヘッダーのトップメニューに切り替えメニューを追加したいのですが、カスタマイザーからだとうまくできませんでしたので、以下の方法で対応しました。
１．「外観」「メニュー」からメニュー編集画面を表示。
２．ここからだと、Language Switcherが選択できる。
３．Add to Menu ボタンでLanguage Switcherをメニューに追加する。
WordPress Hestiaテーマについて
.hestia-title クラスに Importantをつけて書き換えてやればとりあえず実現可能。
もっと良い方法があると思うので、ご存知の方は教えてください。
|
1 2 3 |
.hestia-title { font-family: フォント名列挙 !important; } |
以下のサイトに書いてました。Proだとデフォルトの機能で色変更できるそうです。ただ、これだとトップ画像のオーバーレイまで影響を受けるんですよね。うーん。
|
1 2 3 |
.header-filter::before { background-color: transparent ; } |
投稿ページにだけ影響させる方法がわかる方はコメント欄でご教授ください。
WordPress のメニューに、カスタムリンクを使って、リンクしない親項目を作る方法です。
１．「外観」- 「メニュー」を選択してメニュー編集画面に遷移する。
２．カスタムリンクを一つ作って、メニューに追加する。このとき、ダミーのURLを設定しておかないと追加できないので注意。
３．メニューに親項目が追加できたら、先程追加したダミーのURLを削除する。
４．その親項目に付随させたい子項目を配置する。
そもそも、Wordpressの機能として、カスタムリンクを別タブで開く機能は持っている。
しかし、カスタマイズ画面からではデフォルトで選択できなくなっているので、それを有効化することから始める必要がある。
ダッシュボードから
１．外観 ー メニュー を選択して、上部の「表示オプション」を選択する。
２．詳細メニューの リンクターゲット にチェックを入れる。これで別タブで開くことができるようになる。
３．カスタムリンクの設定項目の中に「リンクを新しいタブで開く」が増えているので、これを選択する。
この方法はソースファイルを覗かれるとバレてしまう方法です。
セキュリティ的に投稿者情報を隠したい場合は、別の方法をお試しください。PHPを書き換えるのかな。
追加CSS に以下の内容を追加します。投稿者や投稿者日時をすべて消してます。
|
1 2 3 4 5 6 7 |
.posted-by{ display:none; } .author{ display:none; } |
