Last Update2013/12/14
DigiPressテーマの全体的な機能が把握できたら、いよいよ本格的にサイトを構築していきましょう！
テーマ機能の説明ではなく、表示したいデザインや具体的に実現したいことからその機能や設定手順などを探せる、目的別の逆引き辞典として是非ご活用ください。
- リストタグ(ul)のアイコンを変更したい(なくしたい)。
-
Answer
DigiPressでは、before疑似セレクタででリストの先端スタイルを変更しているため、以下の方法にて既存のスタイルを無効化してください。
「ビジュアル設定」→「オリジナルスタイルシート設定」に以下のCSSを追加して標準のCSSを上書きします。.entry ul li:before { content:""; }その他、サイズや余白、list-style-typeなどをお好みに合わせて調整してください。
- 段落(Pタグ)の行間(余白)を縮めたい。
-
Answer
「ビジュアル設定」→「オリジナルスタイルシート設定」に以下の例を参考に標準のCSSを上書きしてください。
.entry p { margin:4px 0 20px 0; }※padding: 上 右 下 左 ;
- 記事にimgタグで表示した画像の枠線と縁を消したい。
-
Answer
枠線を非表示にする “bd-none” と、背景色をなくす “bg-none” をimgタグの class 属性の値に指定してください。
詳細と使用例はこちら - トップページやカテゴリ―ページなど、ページの種類ごとで表示するウィジェットを分けたい。
-
Answer
「Widget Logic」プラグインを使って制御することができます。
制御方法の詳細はこちら - スマートフォンで表示した場合は、あるコンテンツだけ非表示にしたい。
-
Answer
divタグ、imgタグ、pタグなどのclass属性の値に、”mq-hide”セレクタを指定してください。
詳細と使用例はこちら - スマートフォンで表示した場合だけ、あるコンテンツを表示したい。
-
Answer
divタグ、imgタグ、pタグなどのclass属性の値に、”mq-show”セレクタを指定してください。
詳細と使用例はこちら - サムネイル付きで最近の投稿をサイドバーウィジェットに追加したい。
-
Answer
DigiPress専用の「最近の投稿ウィジェット」をウィジェット管理画面から追加してください。
詳細はこちら - 最上部のサイトタイトルを画像で表示したい。
-
Answer
DigiPressの「ビジュアル設定」画面の”ヘッダー上のサイトタイトル(H1)表示設定”から変更できます。
詳細はこちら - 記事ページにTwitterやFacebookなどの公式ソーシャルボタンを表示したい。
-
Answer
DigiPressの「詳細設定」画面の「シングルページ表示設定」内、”ソーシャルサービス連携ボタン表示” から制御できます。
詳細はこちら - 特定の記事ページでは、TwitterやFacebookなどの公式ソーシャルボタンを非表示にしたい。
-
Answer
対象記事の投稿編集ページにある「DigiPress専用投稿オプション」→「記事投稿オプション」の “SNS連携ボタンを表示しない” にチェックをして投稿(更新) してください。
詳細はこちら - 画像の右(左)に文章を回り込ませて表示させたい。
-
Answer
imgタグのclass属性値に、”alignleft”(“alignright”) を指定し、そのimgタグの後に文章を記述することで実現できます。
詳細はこちら - 回り込ませた文章(またはコンテンツ)が少ないため、それ以降のレイアウトが崩れてしまう。
-
Answer
回り込みを許可するコンテンツと回り込ませるコンテンツをまとめて、divタグで括り、そのclass属性値に、回り込みを解除する “clearfix” を指定してください。
指定例はこちら
- 任意のテキストだけ、意図的にフォントサイズを変更(大きく/小さく)したい。
-
Answer
pタグやspanタグなどで対象のテキストを括り、そのclass属性値にフォントサイズ用セレクタを指定することで変更できます。
詳細・サンプルはこちら - 任意のテキストだけ、意図的にフォントカラーを変更したい。
-
Answer
pタグやspanタグなどで対象のテキストを括り、そのclass属性値にフォントカラー用セレクタを指定することで変更できます。
詳細・サンプルはこちら - 任意のテキストだけ、意図的にハイライト(マーカー)表示したい。
-
Answer
pタグやspanタグなどで対象のテキストを括り、そのclass属性値にハイライト用セレクタを指定することで変更できます。
詳細・サンプルはこちら - 上のコンテンツからいくらか余白を空けたい。
-
Answer
pタグやdivタグなどのブロック要素のタグの class 属性値に、指定ピクセル分の上に余白を空けるセレクタを指定します。
詳細・サンプルはこちら(※パディング(内余白)の場合)
詳細・サンプルはこちら(※マージン(外余白)の場合) - 下とのコンテンツからいくらか余白を空けたい。
-
Answer
pタグやdivタグなどのブロック要素のタグの class 属性値に、指定ピクセル分の下に余白を空けるセレクタを指定します。
詳細・サンプルはこちら(※パディング(内余白)の場合)
詳細・サンプルはこちら(※マージン(外余白)の場合) - 左とのコンテンツからいくらか余白を空けたい。
-
Answer
pタグやdivタグなどのブロック要素のタグの class 属性値に、指定ピクセル分の左に余白を空けるセレクタを指定します。
詳細・サンプルはこちら(※パディング(内余白)の場合)
詳細・サンプルはこちら(※マージン(外余白)の場合) - 右とのコンテンツからいくらか余白を空けたい。
-
Answer
pタグやdivタグなどのブロック要素のタグの class 属性値に、指定ピクセル分の右に余白を空けるセレクタを指定します。
詳細・サンプルはこちら(※パディング(内余白)の場合)
詳細・サンプルはこちら(※マージン(外余白)の場合) - トップページの新着一覧に投稿サムネイルを表示したい。
-
Answer
DigiPress詳細設定の「トップページの上部コンテンツ表示設定」から設定できます。
詳細はこちら - ヘッダー画像を、新着記事のスライドショーに変更するにはどうすればできますか？
-
Answer
DigiPressビジュアル設定の「ヘッダー画像／コンテンツカスタマイズ」にて、「コンテンツタイプ」を ”新着記事のスライドショー” にして表示された設定メニューをお好みに応じてカスタマイズすることで変更できます。
詳細はこちら - 記事のフォントサイズを変更したい。
-
Answer
DigiPressビジュアル設定の「テキスト／タイトルカラー設定」の「基本フォント設定」から設定できます。
詳細はこちら - 記事中のリンク(アンカーテキスト)を、下線付きや太字にしたい。
-
Answer
DigiPressビジュアル設定の「テキスト／タイトルカラー設定」の「基本リンク設定」から設定できます。
詳細はこちら - ページスクロールしたときに、広告などの任意のウィジェットだけ固定表示させたい。
-
Answer
DigiPress専用の「カスタムウィジェット」を使用して、同ウィジェットのオプション項目にて実現できます。
詳細・サンプルはこちら - テーマで利用できるフリースペースはどこからどうやって設定するのか知りたい。
-
Answer
フリースペースはDigiPressの詳細設定と、ウィジェットエリアに用意されています。
詳細はこちら - グローバルメニューのタイトル下にあるテキストはどうやって表示するのでしょうか。
-
Answer
グローバルメニューのキャプションは、WordPressのカスタムメニュー機能の「説明」オプションに指定します。
詳細はこちら - ページの表示速度を改善したいのですが…
-
Answer
DigiPressが標準で持つgzip圧縮されたCSSとJavascriptをブラウザに読み込ませることでページサイズを劇的に縮小し、表示速度を改善できます。
詳細はこちら - 複数ページへのページナビゲーションを表示できますか？
-
Answer
DigiPressテーマでは、プラグインを利用せずにインデックスページやアーカイブページでのページナビゲーションを自動的に表示できます。
詳細はこちら - サイト内検索に、Googleカスタム検索を利用したいのですが。
-
Answer
WordPress標準のサイト内検索機能(search.php)以外に、DigiPressテーマでは、簡単にGoogleカスタム検索をサイト内検索にご利用いただけます。
詳細はこちら - DigiPressで使えるショートコードは何かありますか？
-
Answer
DigiPressでは、様々なコンテンツをWordPressのショートコード機能で簡単な定義のみで記事に表示することができます。
利用可能なショートコードはこちら - Googleマップを表示したいのですが。
-
Answer
“googlemap” ショートコードに、Googleマップの表示したい地図のURLを指定するだけで記事に表示することができます。
詳細はこちら - プラグインを使わずに記事に関連記事を表示できますか？
-
Answer
記事のタグを元にして、記事の最後に関連記事を表示させることができます。
詳細はこちら - パンくずナビゲーションを表示できますか？
-
Answer
DigiPressでは、見た目だけではなく、Googleが推奨する形式でのパンくずリストのmicrodata化が行われた状態でパンくずナビゲーションを表示できます。
詳細はこちら - サイドバーに人気記事を表示したいのですが。
-
Answer
DigiPressが提供する、はてなブックマーク人気記事ウィジェット、よく読まれている記事ウィジェット、コメントの多い記事ウィジェットの中からお好きなタイプにて人気記事をウィジェットとして表示できます。
はてなブックマーク人気記事ウィジェットについてはこちら
コメントの多い記事ウィジェットについてはこちら
よく読まれている記事ウィジェットについてはこちら - トップページとカテゴリーページの記事表示件数を分けたいのですが。
-
Answer
DigiPress詳細設定から、インデックスページと各種アーカイブページごとの記事表示数を指定できます。
インデックスページ記事表示数はこちら
アーカイブページ記事表示数はこちら - バージョンアップの仕方がわかりません。
-
Answer
- 「HTMLヘッダー設定」→「<head>～</head>内の<meta>タグに関する設定」にアクセス解析コードなどJavascriptを設置すると、403エラーが発生して設定できません。
-
Answer
ご利用のサーバーで「WAF(Web Application Firewall)」設定を有効にされている場合は、それが原因である可能性があります。
ご契約中のホスティングサービスにて「WAF」の設定箇所、変更方法をお問い合わせ、ご確認の上、ご対応ください。
参考
- 【el plano】トップページのヘッダー画像直下のパンくずリストのバーを非表示にしたいのですが。
-
Answer
「詳細設定」→「サイトヘッダー表示設定」→「パンくずリストエリアの設定」メニュー内にある “トップページ専用フレーズ” を空にして保存してください。