サイト編集中

WordPressのあれこれ

ただのメモ書きです。お知らせなしに記事が更新される場合があります(Xでお知らせ予定)

「えあんの公式」で設定する項目を記入したマニュアルです。

CSSの装飾について

CSSで装飾をいじる場合は、優先度を意識する。

1. ブロックの「カスタムCSS」

2. カスタマイズの「追加CSS」← メイン

3. テーマファイルエディタの「style.css」

メインの「追加CSS」で変更しない場合は、ブロックの「カスタムCSS」を確認してみる。

ヘッダー

トップページ

ヘッダーメニューの下に、「お知らせ」を表示する方法。

変更場所

「外観→カスタマイズ→SANGOオリジナル機能」の順で進む。

項目
備考

「読み込み時のアニメーションを有効にする」にチェックを入れると、ページを開いた際、ふわっと表示されるようになる。

常に表示してると、訪問者が見慣れてしまい、変化しても気づかない可能性があるため、お知らせがない場合は、なるべく表示を避けるよう心がける。

ヘッダーアイキャッチ(2分割)を表示する方法を記載。

変更場所

「外観→カスタマイズ→ヘッダーアイキャッチ→2分割へッダーアイキャッチ画像」の順で進む。

項目
備考

ヘッダーアイキャッチは、「ヘッダーアイキャッチ画像」と「2分割ヘッダーアイキャッチ画像」があるので、2つ登録・設定しておくことが可能。

トップページ「新着記事」の上に表示するオススメ記事。表示・非表示のやり方を記入します。

変更場所

「外観→カスタマイズ→PORIPUの設定→PORIPU:トップのおすすめ記事」の順で進む。

項目

おすすめ記事は、4つまで設定が可能です。

その他、矢印の説明がない部分は特に設定はしなくて良い。気になるならチェック&入力をしてみる。

アップデート情報

2024年11月29日
現在はオススメできる記事がないので非表示にしておく。

トップページや固定ページの記事数の表示数を変更する方法を記載。

変更場所

「管理画面→設定→表示設定→1ページに表示する最大投稿数」の順で進む。

アップデート情報

2024年11月30日
現在は、「20件」で表示しているが、動画コンテンツなどを追加した時は、変更する可能性がある。

固定ページ

記事ページ

やり方

FTPソフトを使い、「自分のドメイン→wp-content→themes→sango-theme-child」の中に、フォルダ「parts」を作成する。

「parts」のフォルダ内に、フォルダ「single」を作成する。

「single」フォルダ内に、ファイル「prev-next-entry.php」を作成する。作成するだけでファイルの中身は空で良い。

非表示にする理由

「Featured Video Plus」のプラグインでアイキャッチ画像を動画にすると、前の記事・次の記事のアイキャッチ画像が、動画再生に変わるので、非表示にした。

作り方

ページの中で移動できるリンク「ページ内リンク」の作り方を記載。

リンクを作成

飛ばしたい「文章を選択」→右側の「高度な設定」をクリック→「HTMLアンカーを入力(好きな文字)」の順で行う。

リンクを貼り付けたい「文章を選択」→「⌘ + K」→「#とHTMLアンカーの文章を入力」→リンクが表示されるので「クリック」で、ページ内リンクが完成。

備考

サイドバー

フッター

スマホ

設定場所

管理画面の「外観→メニュー」の順で進む。

編集するメニューを選択を「③モバイルフッターメニュー」を選択し、メニュー項目を追加を「⑤カスタムリンク」を選択する。URLの箇所に「⑥飛ばしたいコード・URL」入力、リンク文字列に「⑦アイコン・ボタンの名称」を入力し「⑧メニューに追加」を押せば完成します。

ボタンのコード一覧

URL:サイトURL(例:https://ean.jp)
リンク文字列:<i class=”fa fa-home” aria-hidden=”true”></i>HOME

URL:#
リンク文字列:<label for=”header-search-input”><i class=”fas fa-angle-up”></i>トップへ</label>

URL:#ez-toc-container
リンク文字列:<i class=”fas fa-book” aria-hidden=”true”></i>目次へ

URL:#sng_menu
リンク文字列:<label for=”drawer__input”><i class=”fa fa-list-ul” aria-hidden=”true”></i>メニュー</label>

URL:#sng_search
リンク文字列:<label for=”header-search-input”><i class=”fa fa-search”></i>検索</label>

URL:#sng_share
リンク文字列:<i class=”fa fa-share-alt”></i>シェア

備考

「スマホで目次を追尾させる方法」に変更したので、使わなくなった。
2024年12月19日

プラグイン

Featured Video Plusは、アイキャッチ画像(ヘッダー画像)をYouTubeの動画にするプラグインです。

設定場所

管理画面の「プラグイン→Featured Video Plus→Media Settings」の順に進む。

現在の設定
🔖補足

現在の設定では、アイキャッチ画像だけでなく、「前の記事・次の記事」や「内部リンク」などのサムネまで動画になる。現在(2024年12月15日)までは変更する情報がない状態です。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です