”WordPress”リンクボタンをカスタマイズ
CSSコード CSSコードは”Cocoon”子テーマの「style.css」に貼ってください。 /* −−ボタンを浮かして影をつける−−*/ .btn { box-shadow: 0 7px 0px #808080; } /*−−−ボタンが重なったときに沈む−−−*/ .btn:hover { box-shadow: 0 1px 0 #808080 ; transform: translateY(6px); -webkit-transform: translateY(6px); } /*−−−カーソルを外したときに元に戻す−−−*/ .btn{ transition:.5s ease-in-out; } ボタンの色をカスタマイズ ”Cocoon”のボタン標準色は１８種類と、大・中・小の３種類のサイズが用意されています。 CSSコードを追加して色コードを変更すると色の設定を変更できます。 ”
WordPress ホームページを1カラムから2カラムにカスタマイズ
レイアウト計画 【計画の概要】 ・ホームページを2カラムで制作。 ・ヘッダーは出来る限り低く設定。 ・タイトル（ホーム）を入れない。 ・投稿日・更新日・著作情報を消す。 ・言語切り替えスイッチをシンプルにする。 ホームページの配置（ワイヤーフレーム） 1. ワイヤーフレーム 掲載する広告の幅を考慮して幅を決定。（様子を見ることにする） 2. カラムの幅 Cocoon 設定 > カラム メインカラム設定 ・コンテンツ幅：750 ・その他はデフォルト サイドバー設定 ・サイドバーの幅：336・その他はデフォルト カラム間余白設定 ・カラム間の幅：20（デフォルト） 【ヘッダー・グローバルナビ】 1. サイトネーム（文字の大きさ、太さ） 2. サイトネーム（文字の色） 3. ヘッダーの幅と高さ 4. ヘッダーの背景色（グラデーション） 5. グローバルナビの背景色（グラデーション） 【コンテンツ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
