ワードプレス– tag –
-
【Arkheカスタマイズ】スマホメニュー上部にロゴ画像を表示させる方法【簡単PHPコード付き】
スマホ開閉メニューの上部に画像を入れてみたい・・・ WordPressテーマ「Arkhe（アルケー）」は、シンプルで使いやすく、カスタマイズ性にも優れています。今回は、スマホ用ドロワーメニューの上部に画像（例：ロゴ）を挿入する方法をご紹介します。 「メ... -
【CSS】ホバーで矢印が動くようにするCSSコード（WordPress）
ホバーしたときに矢印がおしゃれに動くようにしたい！ 今回は、WordPressでおしゃれなホバーアクションを付けるCSSコードをご紹介します。 ホバーで矢印を動かすCSSコード ホバーしてみてね！ ↑こちらのように、ホバーしたときに矢印を動かすことが出来る... -
【Arkhe】ヘッダーにSNSアイコンを追加する
ヘッダーにSNSアイコンを追加したい… 今回は、Wordpressテーマ「Arkhe（アルケー）」での、ヘッダーにSNSアイコンを追加する方法を紹介します。 【Arkhe（アルケー）】アクションフックを活用 Arkheではアクションフックを活用することで、ヘッダーにアイ... -
【Arkhe】ヘッダーにボタンを設置する方法
Wordpressテーマ「Arkhe（アルケー）」でヘッダーにボタンを設置する方法をご紹介します。 今回は、グローバルナビゲーションを下側に表示する場合に対応しております。「外観」＞「カスタマイズ」「ヘッダー」＞「グローバルナビゲーション」より変更可能... -
【Arkhe】メニューにホバーすると下線が引かれるカスタマイズCSS
Wordpressテーマ「Arkhe」で、ヘッダーメニューにホバーすると下線が引かれるようにするには、以下のCSSコードを追加してください。 必要に応じて適宜変更してください。 そのままコピペOK！ /* ナビゲーションメニューのメインテキストを強調 */ .c-gnav ... -
【Booking Package】電話番号が半角数字のみ入力できるようにしたい
電話番号の入力を指定できないかな… 予約管理プラグイン【Booking Package】 Wordpressの予約管理プラグイン「Booking package」月額料金不要で、予約管理ができるので予約システムに料金をかけたくない方にオススメです！ SMSサービス「Twilio」と連携す... -
【Arkhe】ヘッダーロゴを中央にしたい
ヘッダーのロゴを真ん中に表示させたい… Wordpressテーマ「Arkhe（アルケー）」を使用したとき、ヘッダーロゴはヘッダーの左側に配置されます。 今回は、ヘッダーを画面中央に表示させる方法を紹介させていただきます。 【Arkhe】ヘッダーロゴを中央に CSS... -
【CSS】初心者でもできるかっこいいステップボックスの作り方
STEPボックスをかっこよく説明したい・・・ ユーザーに手順等を分かりやすく説明するために活用するのが「ステップボックス」ですよね。 今回は、シンプルでかっこいいステップボックスの作り方をご紹介します。 ブログやウェブサイトで使えるシンプルでス... -
【Arkhe】固定フッターメニューの作り方
スマホのフッターに出てくるメニューを作りたい！ スマホで、フッター部分にメニューが表示されるとユーザーのクリックを誘発できますよね。 今回は、Wordpressテーマ「Arkhe（アルケー）」で、スマホの固定フッターメニューを作る方法をご紹介します。 流... -
【ブログ】WordPress(ワードプレス)でブログ開始から”16カ月目”のPV数・検索数・収益などまとめ
ブログをはじめて16カ月目の成果をご紹介します！ 今回は、WordPress(ワードプレス)でブログをはじめてみて16カ月経過後のPV数、検索数、収益などをご紹介したいと思います。 ブログ概要 今回紹介するブログの概要はこちらです。 媒体WordPress(ワードプレ... -
【WordPress】メニューを新しいタブで開く方法
メニューにカスタムリンクを設定したから、新しいタブで開くようにしたい… 今回は、Wordpressのメニューを新しいタブで開く方法をご紹介します。 とても簡単にできるので参考にしてくださいね！ 【Wordpress】メニューを新しいタブで開く まず「外観」→「... -
【Arkhe】Contact form7のカスタマイズ
Arkheでおしゃれなコンタクトフォームを作りたい お問い合わせフォームとして代表的なのが、プラグインの「Contact form7」です。 今回は、WordpressテーマArlkheを使用している際のcssカスタマイズをご紹介させていただきます。 【Arkhe】Contact form7カ...
