Arkhe– category –
-
【Arkhe】テーブルの角を丸くする
.access_table th, .access_table td{ vertical-align: middle; } .access_table table{ border-collapse: separate; border-spacing: 0; border: none; } /* セルの上と左に線を引き、各行の最後などは右と下にも線を引く */ .access_table tbody th, .ac... -
【Arkhe】スライダー下部に文字を入れて、上下の差を付けたい
/* セクションにoverflow hidden 入れないと崩れそう 内部で visibleにした分こっちをhidden*/ .ark-block-slider.point-slide { overflow: hidden; /* 見切れは高さと上下paddingで調整 */ padding: 3vw 0 5vw; height: 36vw; } /* 元々あるスライドのhid... -
【Arkhe】ボタンのアイコンの位置を揃えたい
.ark-block-button .ark-block-button__link[data-has-icon] svg { position: absolute; right: 16px; } -
【Arkhe】トップタイトルエリアにブラーをかけたい
.l-content__top img { filter: blur(5px); /* 数値を変えるとぼかしの強さを調整可能 */ } -
【Arkhe】スライダーを画面いっぱいに表示するCSSカスタマイズ（アルケー）
Arkheのスライダーを画面いっぱいに表示されるようにしたい… .ark-block-slider.height .ark-block-slider__inner { height: 100vh; } -
【Arkhe】ヘッダーメニューにホバーすると白い下線が引かれるCSSカスタマイズ（アルケー）
ホバーで白い下線が引かれるようにしたい、、、 WordPressテーマ「Arkhe（アルケー）」では、デフォルト設定でヘッダーメニューにホバーするとテーマのメインカラーにフォントカラーが変更されるようになっています。 今回は、ヘッダーメニューにホバーす... -
【Arkhe】カテゴリーラベルの色を変更
/* 元々のラベルのパディングや色を削除 */ .p-postList__category, .c-postTerms__item { background: none; position: relative; padding: 0; } /* spanの方をボタン形状にする */ .p-postList__category span, .c-postTerms__item a { display: inline-... -
【Arkheカスタマイズ】スマホメニュー上部にロゴ画像を表示させる方法【簡単PHPコード付き】
スマホ開閉メニューの上部に画像を入れてみたい・・・ WordPressテーマ「Arkhe（アルケー）」は、シンプルで使いやすく、カスタマイズ性にも優れています。今回は、スマホ用ドロワーメニューの上部に画像（例：ロゴ）を挿入する方法をご紹介します。 「メ... -
【Arkhe】トップタイトルエリアにオーバーレイを付ける
#top_title_area:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; color: rgba(0,0,0,0.2); z-index: 1; } -
【Arkhe】ヘッダーにSNSアイコンを追加する
ヘッダーにSNSアイコンを追加したい… 今回は、Wordpressテーマ「Arkhe（アルケー）」での、ヘッダーにSNSアイコンを追加する方法を紹介します。 【Arkhe（アルケー）】アクションフックを活用 Arkheではアクションフックを活用することで、ヘッダーにアイ... -
【Arkhe】ヘッダーにボタンを設置する方法
Wordpressテーマ「Arkhe（アルケー）」でヘッダーにボタンを設置する方法をご紹介します。 今回は、グローバルナビゲーションを下側に表示する場合に対応しております。「外観」＞「カスタマイズ」「ヘッダー」＞「グローバルナビゲーション」より変更可能... -
【Arkhe】メニューにホバーすると下線が引かれるカスタマイズCSS
Wordpressテーマ「Arkhe」で、ヘッダーメニューにホバーすると下線が引かれるようにするには、以下のCSSコードを追加してください。 必要に応じて適宜変更してください。 そのままコピペOK！ /* ナビゲーションメニューのメインテキストを強調 */ .c-gnav ...
12
