technology. アフィンガー5（affinger5）のトップページのサイドバーに新着記事一覧を表示させない（非表示）設定方法を解説。たった1つの方法で簡単にオンオフできる方法。トップページ以外にだけ表示させる方法も合わせて分かる。 サイドバーのカスタマイズは非常に簡単ですので、 この記事を1回確認すれば十分です。 サイドバーのカスタマイズによって、 ユーザーの利便性アップ、または、 注目してほしい記事を表示してアクセスの 誘導などに繋げることが可能となります。 CSSで見た目の調整 とりあえず、まとめて書けるところは、できるだけまとめて書きました。 僕は、テーマにSimplicityを利用しているので、以下で … BizVektorのサイドバーをカスタマイズする方法を紹介します。バージョンによってサイドバー構成やウィジェット項目が異なる場合がありますが、バージョン0.11.5.2をベースに説明します。 BizVektorのサイドバー構成 サイドバー（Informationページ） --- 「Information」で表示される 検索: まずはLightningをインストールしましょう。 WordPress管理画面 – 外観 – テーマ – 新規追加と進み、「テーマを検索…」に「Lightning」を入力。 すると、Lightningが出てきますので、インストールボタンをクリック。 次に有効化ボタンが出てくるので、続けて有効化まで行いましょう。 有効化が完了すると、サイトのテーマがLightningに変わります。 ブログのサイドバーの場合、上に「サイドバー（共通上部）」で入れたもの。 その下に「サイドバー(投稿)」 最後に「サイドバー(共通下部)」に入れたものが表示されるということです。 フッター 「⑧フッター上部」は、フッターの上に表示されます。 PowerPointを使ったグラフィックデザインや、画像合成の方法、小技などを紹介しています。, また、WordPressを使ったブログカスタマイズ、DIYや木工、手芸など「新しく創る」をサポートする情報を発信していきます。 無料のテーマを使用する場合でも、プレミアムテーマを使用する場合でも、デフォルトのレイアウトにサイドバーがある可能性が高いです。 残念ながら、WordPressのサイドバーを削除するのは難しいことです。 ただし、ウェブサイトの外観をご希望通りにするための工夫はいくつかあります。 PDF閲覧ソフトの定番「Adobe Acrobat Reader DC」最新版のDCになりデザインが大幅に変わりました。このバージョンDC。DCになって使いやすくなった！…という話は残念ながらあまり聞いた事はありませんが、会社等ではセキュリ 「ページごとにサイドバーの表示内容を切り替えたい」 これは西沢直木のIT講座にもよく持ち込まれる相談です。 その解決策はテーマによって異なります。BizVektorのように何種類かサイドバーを設定できるテーマではメニュー操作だけで実現できます。以下のページも参考にしてください。 ページ属性の「テンプレート」を設定するとサイドバーを非表示にできる。テーマによって項目名も異なるが、たいていサイドバーの非表示ができる。テンプレート以外の機能はあまり使用することがないため、ここでの解説は割愛する。 pcサイトのサイドバー表示をスマホでは非表示にしたい このトピックには3件の返信、2人の参加者があり、最後に キタジマ タカシ により 2年、 6ヶ月前 に更新されました。 記事が0件だった場合の表示メッセージの改変; カテゴリー名を複数表示する; Pale / Fort のヘッダーメニューの色を変更する; Lightning Pro のフォント切り替え機能でのフォントの追加＆無効化; 特定の投稿タイプを1カラムにする&サイドバーを非表示にする Lightningでは「設定」→「表示設定」の設定状況によって、投稿に関する見出し及びパンくずリストを扱いが異なります。投稿ページのトップを設定した場合まず、フロントページを固定ページにして、投稿ページのトップを指定した場合は以下のようになります。 BizVektorのサイドバーをカスタマイズする方法を紹介します。バージョンによってサイドバー構成やウィジェット項目が異なる場合がありますが、バージョン0.11.5.2をベースに説明します。 BizVektorのサイドバー構成 サイドバー（Informationページ） --- 「Information」で表示される しかし、このエリアに何かウィジェットを設定した場合には非表示になります。. 投稿ページのサイドバーに入れた「目次」や「最新の記事」などのウィジェットがトップページでも、固定ページでも、モバイルでも表示されます。 ページ属性の「テンプレート」を設定するとサイドバーを非表示にできる。テーマによって項目名も異なるが、たいていサイドバーの非表示ができる。テンプレート以外の機能はあまり使用することがないため、ここでの解説は割愛する。 the thorでは、サイドバーが全ページ共通で、サイドバー全体を表示・非表示（1カラムと2カラム）の選択肢しかないので、またこのプラグインのお世話になっています。 サイドバー表示に不満がある方は、一度試してみると良いですよ。 Vektor,Inc.社のLightningという無料テーマを使っていたのですが、なんかサイドバーの表示がおかしくなることがあっていろいろ調べてみました。 スクロールさせたときにjsで属性を追加していたのですが、その数値がなんかおかしくてずれるのが原因でした。 カテゴリーごとに異なるサイドバーを表示させるには、「sidebar-〇〇.php」というファイルを作って読み込ませれば、ページごとにサイドバーを変えることはできます。 けれど特定のカテゴリーのサイドバーを変えるだけでなく … Lightning（ライトニング）テーマを利用していて、投稿ページや固定ページの右、もしくは左サイドバーにウィジェットで選んで無い下記の項目や投稿ページが自動的に表示されます。それを削除する方法を紹介します。 aki サイドバー非表示設定にする方法を説明するよ！ 1．はじめに 通常であればワードプレスでサイドバーを表示させないようにするためにはHTMLやCSSの編集などをするか、プラグインを使用するかのど Widget Logic （ウィジェットロジック）というプラグインを使います。, 現在のテーマTHE THORのサイドバーは、全ページ共通です。 ブログのサイドバーの場合、上に「サイドバー（共通上部）」で入れたもの。 その下に「サイドバー(投稿)」 最後に「サイドバー(共通下部)」に入れたものが表示されるということです。 フッター 「⑧フッター上部」は、フッターの上に表示されます。 ただし、この場合ヘッダーやグローバルメニューは残ったままになってしまいます。 CSSでカスタマイズして、ヘッダーとグローバルメニューを非表示にします。 子テーマの single.php ファイルの一部を次のように書き換え（追記し）ます。 サイドバーのカスタマイズは非常に簡単ですので、 この記事を1回確認すれば十分です。 サイドバーのカスタマイズによって、 ユーザーの利便性アップ、または、 注目してほしい記事を表示してアクセスの 誘導などに繋げることが可能となります。 広告非表示にすると、サイドバー、フッターが表示されました。 それで、広告が原因と考え、広告ディスプレイの「スクウェア」タイプから「横長」タイプに変更して、貼り付け直すと、上手くいきました。 今後も参考にさせていただきます(*^ ^*) この記事では、「WordPressのサイドバーを非表示にしたいけどコードは書きたくない。プラグインを使って非表示にできないの？」という方のために、サイドバーを非表示にできるプラグイン「Content Aware Sidebars」をご紹介しています。 1 スマホ画面のサイドバーを非表示にするだけでクリック率が上がる？ 1.1 サイドバーが表示されていると… 1.2 サイドバーを非表示にしていると… 2 【WordPress】スマホだけサイドバーを非表示にする方法. Wordpressのグローバルナビメニューとサイドバーを、モバイル用にSidrを用いてスライドインさせて表示させるカスタマイズ方法の紹介です。TOPへ戻る機能や、ページ送り機能、検索機能などもついてい … 条件に合った下記条件分岐タグを各ウィジェットの設定画面にコピペしてください。, 過去使っていたテーマ（Lightning無料版）は、トップページと投稿ページで別々にサイドバーのウィジェットを設定出来ましたが、スマホ表示を変えることは出来ず、このプラグインを使っていました。, THE THORでは、サイドバーが全ページ共通で、サイドバー全体を表示・非表示（１カラムと２カラム）の選択肢しかないので、またこのプラグインのお世話になっています。, はじめまして！ WordPress で投稿記事末尾の ｢←前の記事 後の記事→｣を非表示にする方法です。使用テーマは Lightning です。. テーマ Lightning では、管理画面のテーマのカスタマイズからサイドバーの表示位置（デフォルトではは右表示）を指定することができます。 これは、管理画面の【サイドバーの位置（PC閲覧時）】の左にチェックを入れることによって、plug スクリプトファイルの呼び出しとjQueryコードの記入 4. CSSファイルの呼び出し 3. Vektor,Inc.社のLightningという無料テーマを使っていたのですが、なんかサイドバーの表示がおかしくなることがあっていろいろ調べてみました。 スクロールさせたときにjsで属性を追加していたのですが、その数値がなんかおかしくてずれるのが原因でした。 Lightningテーマをお使いの方で、新着記事一覧をサイドバーに表示する方法をお探しの方向け。WordPressでは、新しい記事を投稿すると、新着記事一覧を自動で出力することができます。この記事では、新着記事一覧をサイドバーに表示させる方 ※モバイル表示では、サイドバーのウィジェットは、下に並んで表示されます。, THE THORでは、標準で目次を表示する機能があります。 「このウィジェット、投稿ページのサイドバーにはいいけど、トップページには表示したくないなぁ」という悩みありませんか？, 特定のウィジェットを特定のページで非表示にできるプラグインの紹介です。 表示したくないものを消すCSS. 2カラム・・・サイドバーありで表示されます。 1カラム・・・サイドバーなしで1カラムになります。本来あったサイドバーはメインコンテンツの下側に1カラム表示で配置されます。 1カラム(サブセクション無し)・・・サイドバーなしで1カラムになります。 【Lightningテーマ】デザインスキンを変更するだけで業種に合ったサイトを簡単に構築, 【WordPress】お問い合わせフォームを簡単設置！Contact form 7の使い方, チェックを入れると投稿リストや固定ページが表示されません。※任意の固定ページをトップページに設定していても、チェックを入れると表示されません（こちらの設定が優先されます）。, チェックを入れると、固定ページなどを表示した際に、サイドバーに関連ページへのリンクが全て展開されるのを防ぐことができます。※チェックを入れる事をおすすめします。, スマートフォンでアクセスし、メニューボタンを押すと、メニューが左から右に出現し（ページは右端に追いやられます）、メニューが縦に一覧表示されます。. MENU. WordPress で投稿記事末尾の ｢←前の記事 後の記事→｣を非表示にする方法です。使用テーマは Lightning です。. キーマスター. 表記がおかしく、正しくは. 石川＠Vektor,Inc. なので、チェックを入れても子ページは表示されます。. WordPress（ワードプレス）の「メタ情報」をご存知ですか？特にサイト運営初心者の方が気づいていない「サイトにメタ情報が表示されている状態」についての解説および、「非表示の方が良い理由」「非表示にする方法」をご紹介します。 Copyright © 2017-2020 takalog All Rights Reserved. お世話になります。Lightningテーマを使用してHPを作成しています。（子テーマは、Lightning Child Sampleはインストール済みです）メインを画面を以下のように、サイドバーを消した状態で表示させたいと思っていますがうまくいきません。 サイドバー（固定）. このウィジェットエリアに何も設定されていない場合は、 現在表示されているページの先祖階層からのページリスト が表示されます。. pcサイトのサイドバー表示をスマホでは非表示にしたい このトピックには3件の返信、2人の参加者があり、最後に キタジマ タカシ により 2年、 6ヶ月前 に更新されました。 ブックマークして下さいね。, ウィジェットロジックなら、「最近の記事」ウィジェットをトップページだけ非表示に出来ますよ。, ウィジェットロジックなら、トップページだけで無く、スマホ表示でも特定のウィジェットを非表示にすることが可能です。, 「プロフィール」や「お問い合わせ」のような、固定ページには、サイドバーの広告を非表示にしたいです。, THE THORでは、wordpress設定の外観カスタマイズの画面では、上記設定をしても反映されません。でも、web表示にすれば、ちゃんと反映されていますので、ご安心ください。. ページヘッダーとパンくずが邪魔な時は非表示にする事ができます。 ... 2カラムの時のサイドバーの要素は非表示になります。 ... Powered by WordPress with Lightning Theme & VK All in One Expansion Unit by Vektor,Inc. 内藤です今回は人気テーマでもある「Lightning」の設定方法を紹介します。特にWordPressをコーポレートサイトや、ホームページとして使いたい方にオススメです。WordPress無料テーマ「lightning」のインストールまずはテ サイドバーも同じ方法でidを探してcssの番号を変えるだけで日付を非表示にすることができますので、カスタム投稿の日付を表示させたくないという方は、参考にして下さい。 カテゴリーごとに異なるサイドバーを表示させるには、「sidebar-〇〇.php」というファイルを作って読み込ませれば、ページごとにサイドバーを変えることはできます。 けれど特定のカテゴリーのサイドバーを変えるだけでなく … 2.1 【1】PCとスマホを切り替えるコードを貼り付け 「指定なし / 2カラム / 1カラム / 1カラム（サブセ … WordPressにLightningテーマをインストールしていて、外観のカスタマイズの使い方をお探しの方向け。, Webサイトの外観をカスタマイズする場合、通常、HTMLやCSS、PHP等の知識が必要となりますが、WordPressは管理画面からWebサイトの外観を簡単にカスタマイズする事ができます。, WordPressでLightningテーマをお使いの方向けに、外観のカスタマイズ方法を解説します。, まず最初に、サイトの外観をカスタマイズするために「カスタマイザー」を立ち上げます。, サイト基本情報では、「サイトのタイトル」と「キャッチフレーズ」を編集する事ができます。, 「サイトアイコン」はブラウザのタブや、ブックマークやお気に入りに入れた際に表示されるアイコン画像です。, メニューの編集方法は「【WordPress】ナビゲーションメニューの作り方【メニュー追加・階層】」をどうぞ。, 「メニューの位置」は、カスタマイザーから2ヶ所のメニュー（ヘッダーとフッター）を選択する事ができます。, ホームページ設定は、Webサイトのトップページを最新の投稿と固定ページの表示に切り替えることができます。, 任意の固定ページをトップページに表示させたい場合は、「【WordPress】固定ページをトップページに表示させる方法」をどうぞ。, 一方、CSSは、HTMLで記述したサイトの見た目を装飾などで整えるためのマークアップ言語となります。文字の色・大きさ・フォントを定義します。, 追加CSSでできる事は、例えば見出しの文字を太字にしたり、色を変えたり、装飾する等といった、簡易的なカスタマイズを行う場合は追加CSSを使用します。, Lightningテーマは有料スキンを購入することで、デザインを簡単に変更することができます。, Lightningテーマのデザインスキンは6種類あります。デザインスキンに興味のある方は「【Lightningテーマ】デザインスキンを変更するだけで業種に合ったサイトを簡単に構築」をどうぞ。, あらかじめロゴ画像を作成されている方は、ここにロゴ画像をドラッグすることでロゴ画像をアップロードできます。, ロゴ画像を設定しない場合、Webサイトのタイトルがそのままテキストで表示されます（気にならない方はこのままで問題ありません）。, キーカラーを変更することで、Lightningテーマの配色を簡単に変更する事ができます。, キーカラー（暗）を変更すると、リンクテキストの配色やボタン枠の配色を変更できます。, 「キーカラー」、「キーカラー（暗）」のいずれも、気に入らなければデフォルト（初期設定）ボタンをクリックすれば簡単に元の配色に戻せますので、いろいろ試してみましょう。, スマートフォンでアクセスした際に表示されるメニューを任意のウィジェットを表示させるようカスタマイズできます。, ※「VK Mobile Nav」は非常に使い勝手の良い機能ですが、WordPressに慣れるまでは、真ん中の「縦展開」にしておいた方が無難だと思います。, スマートフォンでアクセスした際のメニュー位置を決める事が出来ます。（初期設定では左）, パソコンでアクセスした際のサイドバーの位置を変更する事が出来ます。（初期設定では右）, トップページスライドショーの使い方は「【WordPress】ヘッダー画像を設定する方法【Lightningテーマ】」で解説していますので、是非どうぞ。, Lightning トップページPR Blockでは、トップページに配置してある「RP Block」を編集できます。, 初期設定ではトップページに表示されるよう設定してありますが、チェックを外すと「PR Block」を消す事ができます。, 「RP Block」の編集は、「アイコン」、「タイトル」、「テキスト」、「リンクURL」の４つを編集する事ができます。, 「背景なし」にチェックを入れると、SNSボタンの配色が消え、グレーの枠線表示と変化します。, 「色を選択」をクリックし、カラーピッカーで色を指定すると、指定した配色にSNSボタンが変化します。, 「背景なし」にチェックを入れると、上記配色が反転し、外枠とテキストに配色されます。, 「カラーピッカー」の横にある「クリア」をクリックすると元のSNSボタンの配色に戻ります。, お問い合わせ情報を設定すると、本文下部とサイドバーにお問い合わせ情報を表示させる事ができるようになります。, 関連記事設定では、投稿記事の下に表示される「関連記事を表示」というタイトルを変更する事ができます。, 下記のように、「タイトル」に任意の文章を入力すると、投稿記事の下にある関連記事のタイトルを変更する事ができます。, 人気記事【Lightning】有料デザインスキンで業種に合ったおしゃれなサイトを構築, ブログ歴12年目。40代の資金繰りコンサル会社経営。コンサルは創業からずっとブログ・メルマガで集客。現在はSEOアフィエイトに力を入れています。, このブログでは、主にブログ運営やWeb集客、アフィリエイトを中心に記事を書いていますが、たまに、ガジェット・RPA・チャットボット・ドローンなどの記事も書いてます。, WordPressを活用したWebマーケティング、SEOを中心に情報を発信しています。このブログを通してブログマーケティングに取り組んでいます。, 本記事執筆時のLightningテーマはバージョン6で解説しています。現在のバージョンは8で、上記項目に「色」、「背景画像」、「Lightning Font Awesome」の3つが追加されていますが、基本的な設定方法は同じです。, 使用するテーマによっては追加CSSで書き加えた内容がうまく反映されない場合があります。もし、反映されない場合、直接CSSファイルを編集すると反映されます。, 【WordPress】Lightningテーマのコピーライトを削除する方法【3つ紹介】, Suica（スイカ）の履歴を26週間以上遡って取得する方法【1年分取得した実例解説】. Lightningでは「設定」→「表示設定」の設定状況によって、投稿に関する見出し及びパンくずリストを扱いが異なります。投稿ページのトップを設定した場合まず、フロントページを固定ページにして、投稿ページのトップを指定した場合は以下のようになります。 サイドバーの位置（右or左） デザインスキンとは、テーマの見た目を簡単に着せ替えることができる機能です。 Lightningでは デザインスキンが有料で公式HP上に用意されている ので、もし気に入ったものがあれば購入し、ここで変更することができます。 テーマ Lightning では、管理画面のテーマのカスタマイズからサイドバーの表示位置（デフォルトではは右表示）を指定することができます。 これは、管理画面の【サイドバーの位置（PC閲覧時）】の左にチェックを入れることによって、plug the thorでは、サイドバーが全ページ共通で、サイドバー全体を表示・非表示（1カラムと2カラム）の選択肢しかないので、またこのプラグインのお世話になっています。 サイドバー表示に不満がある方は、一度試してみると良いですよ。 Satopi designのMasayoshiです。 子テーマの single.php ファイルの一部を次のように書き換え（追記し）ます。 affinger5のサイドバーのカスタマイズを初心者向けにご紹介します。新着記事や関連記事の表示方法、カテゴリーの色の変更など、機能が多い分どこに何があるのかを理解するのも大変ですよね。当サイトのカスタマイズを公開しつつ、ご紹介していきます。 ご訪問いただき有難うございます。今回は、WordPress無料テーマ「Lightning」のご紹介と公式サイトに掲載されていないカスタマイズ例を掲載いたします。WordPressテーマ「Lightning」ってどんなテーマ？仕様に関して制約 だったので、CSSとしては ご訪問いただき有難うございます。今回は、WordPress無料テーマ「Lightning」のご紹介と公式サイトに掲載されていないカスタマイズ例を掲載いたします。WordPressテーマ「Lightning」ってどんなテーマ？仕様に関して制約 2カラム・・・サイドバーありで表示されます。 1カラム・・・サイドバーなしで1カラムになります。本来あったサイドバーはメインコンテンツの下側に1カラム表示で配置されます。 1カラム(サブセクション無し)・・・サイドバーなしで1カラムになります。 目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェットはほとんどのテーマで標準で表示されるウィジェットじゃないかと思います。 設定画面 例えばブログのサイドバー. 「ページごとにサイドバーの表示内容を切り替えたい」 これは西沢直木のIT講座にもよく持ち込まれる相談です。 その解決策はテーマによって異なります。BizVektorのように何種類かサイドバーを設定できるテーマではメニュー操作だけで実現できます。以下のページも参考にしてください。 こんにちは！ ライターのナナミです。 WordPressでサイトを作るのって大変だし時間かかるし…なかなかうまくいかない時もありますよね。 そんなうまくいっていない状態を、ユーザーに見せたくない… まだ作ってる途中だから誰にも見られない状態にしたい… 簡単なのはsingle.phpをコピーしての記述を削除すればサイドバーは表示されません。またはサイドバーが表示されない固定ページのテンプレートがあるならそれをコピーした方が早 … 今回の、カスタマイズの「メイン機能となるスライド部」を作成するのに、jQueryプラグインのSidrを利用します。 今回の実装の主な手順は以下の4手順になります。 1. さまざまな困難を乗り越えて[…], wordpress編集メニューのプラグイン⇒追加、右上の検索窓で、「Widget Logic」を検索。インストールしたら、有効化ボタンを押します。, 設定はありません。各ウィジェットの設定画面に、「ウィジェットのロジック」というタイトルがついた四角い枠が表示されます。ここに条件指定をする、「条件分岐タグ」を入力して使います。, 「条件分岐タグ」とは、テンプレートファイル内で表示される内容や、特定のページ内容を表示する条件を設定する時に使うものです。 あとは表示したくない部分のclass名を調べて、表示しないようにしました。デベロッパーツールで調べたところ、それぞれのクラス名は. アクティブな子ページの孫ページ以外がサイドバーに表示されなくなるだけです。. という意味になります。. 2カラム・・・サイドバーありで表示されます。 1カラム・・・サイドバーなしで1カラムになります。本来あったサイドバーはメインコンテンツの下側に1カラム表示で配置されます。 1カラム(サブセクション無し)・・・サイドバーなしで1カラムになります。 固定ページのサイドバーに非アクティブな孫ページを表示しない. PAGE TOP. Lightning Pro 1.3.8 で表記を修正しました。. 特定の投稿タイプを1カラムにする&サイドバーを非表示にする. ぱんくず：breadcrumb サイドバー：subSection フッター：siteFooter. この記事では、「WordPressのサイドバーを非表示にしたいけどコードは書きたくない。プラグインを使って非表示にできないの？」という方のために、サイドバーを非表示にできるプラグイン「Content Aware Sidebars」をご紹介しています。 Lightning 9.0 / Pro 4.0～から「Lightning レイアウト設定」により1カラム指定が可能になっていますので、こちらの機能をご利用ください。. ではどうすればメタ情報を非表示にできるかということですが、方法は簡単です。 まず「 ダッシュボード 」を開き、左欄の「 外観 」から「 ウィジェット 」を開きます。 Sidrのダウンロード＆設置 2. サイドバーに表示されるページリストを全て表示せずにアクティブでない階層を非表示にする: チェックを入れると、固定ページなどを表示した際に、サイドバーに関連ページへのリンクが全て展開されるのを防ぐことができます。 サイドバーも同じ方法でidを探してcssの番号を変えるだけで日付を非表示にすることができますので、カスタム投稿の日付を表示させたくないという方は、参考にして下さい。 しかし、サイドバーには表示が出来ません。目次プラグインを使うと、表示がおかしくなる不具合もあります。追従具合もなんか変？ 例えばブログのサイドバー. Lightningには、固定ページのテンプレートに1カラムになる「Landing Page」があります.