作り方

「ウェブサイトの作り方」へようこそ!

このカテゴリーの記事では、ウェブサイトを“作る”ヒントをお届けしています。沼る難しいコードは使いません。

目を引くアイキャッチ(画像や文章)の手作りの方法から、アクセス解析で読み取る(読まれる仕組み)方法まで、「作る」世界を極めましょう。

作り方

98:Cocoon「grayish」スキンで検索窓を設置

トップページ改造で検索がもっと便利に今回はブログ型からサイト型へとトップページを改造する過程で、見た目だけでなく検索のしやすさにも手を入れました。モバイル版:検索ボタンを常に右上に固定(既に導入ずみ)...
作り方

97:スキン変更で発生したモバイル表示トラブルを追加CSSで解決!

Cocoonスキン「ダークスカイ」へ変更後、モバイル表示のメニューが消える不具合が発生。原因と追加CSSによる解決法をご紹介します。
作り方

96:「ブルーコーラル」から「ダークスカイ」へ――色変更で引き締まるデザイン

同じスキンでも色を変えるだけでサイトの印象は一変。「ブルーコーラル」から「ダークスカイ」へ変更した体験を紹介します。
作り方

95:ヘッダーとフッターで魅せる!Cocoonカスタマイズ術

ヘッダーメニュー改良で見栄えも機能性も向上。PCとモバイル両対応だが設定は工夫が必要。次の一手は?
作り方

94:Cocoonで簡単!固定ヘッダーメニュー設定法

固定ヘッダーでユーザビリティ改善!Cocoon設定で誰でも簡単に導入できますが、見栄えや表示幅には工夫が求められるかもしれません。
作り方

93:Smart Slider 3で作るリンク付きカテゴリー画像

トップページをおしゃれに!Smart Slider 3でカテゴリー画像をリンク化。メリットは回遊性向上。
作り方

92:Smart Slider 3で作るフェードイン表示とボタン非表示

✨フェードインで魅せるSmart Slider 3活用術。ボタン非表示でシンプル演出も可能に。
作り方

91:スライドショー右上の日付をCSSで削除

サイト型トップページを整えるなら必見。CSSで投稿日を消せば見やすさUP。
作り方

90:スライドショーの「サイズ設定」を少しカスタマイズしてみた話

全幅スライドが背景を覆う違和感…。Smart Slider 3のサイズ設定で「Boxed」に変更すると統一感が出た!
作り方

89:WordPress Cocoonに動きを!スライドショー設置体験

WordPress CocoonにSmart Slider 3を導入。デザイン性が高まる一方、配置は制約あり。CSS不要で気軽に試せるのは大きな魅力です。
タイトルとURLをコピーしました