作り方

作り方

ウェブサイトを作る(34):WebP形式で伝えたい情報を中心に配置

前回、Squooshした写真をアイキャッチにしてみました。画像フォーマットとしては、Googleが開発したWebP形式を選択(Web Picture:圧縮率が高く劣化が少ない)。気になったのは画質が低すぎて、記事が一覧表示される際の画像では...
作り方

ウェブサイトを作る(33):Squooshした写真をアイキャッチ画像に

前回から、下記のウェブサイトにお世話になっています:画像サイズの目安が分かったところで、アイキャッチ写真の埋め込みを試してみることに。生花の写真(iPhoneXで撮影した2MBの画像:IMG...jpgファイル)をSquoosh(スクワッシ...
作り方

ウェブサイトを作る(32):画像サイズの目安

これまで、おやじのウェブサイトで使用していた画像は、全てウェブサイトを作るために参考にした画像(スクリーンショット)である。今後は写真も記事に含めていきたいが、写真はファイルサイズが大きいため、小さくする必要がある。今回は、とても参考になる...
作り方

ウェブサイトを作る(31):とても参考になるエックスサーバーの2つの講座

WordpressのテーマCocconでトップページのデザインを変える基本の3原則、1)スキン変更で印象を激変、2)ヘッダーメニューにカテゴリーを表示、使い勝手が大幅に向上、3)サイドバーに人気記事を追加を実践しました。いよいよ写真画像の導...
作り方

ウェブサイトを作る(30):海外からの投稿ではアクセス制限に注意

仕事で米国にやって来ました。いつものWordpressの投稿画面に入ることができません:海外からアクセスしようとしているため、、とピンと来ました。WordPressセキュリティ設定のサポートマニュアルに詳しく書いてありますが、要は時折確認す...
作り方

ウェブサイトを作る(29):サイドバーに人気記事を追加

Cocconのトップページのデザインを変えるべく、【連載その3】WordPressとCocoonでブログをはじめよう!「トップページのデザイン編」にお世話になっています。これまで、スキン変更で印象を激変させ、ヘッダーメニューにカテゴリーを表...
作り方

ウェブサイトを作る(28):ヘッダーメニューにカテゴリーを表示、使い勝手が大幅に向上

Cocconのトップページのデザインを変えるべく、【連載その3】WordPressとCocoonでブログをはじめよう!「トップページのデザイン編」にお世話になっています。前回は、スキン変更で印象を激変しました。今回は、ヘッダーの見た目。左の...
作り方

ウェブサイトを作る(27):スキン変更で印象を激変

初心者のためのブログの始め方講座(【連載その2】WordPressとCocoonでブログをはじめよう!「初期設定編」)に十分お世話になりました。そこで今後しばらく、【連載その3】WordPressとCocoonでブログをはじめよう!「トップ...
作り方

ウェブサイトを作る(26):ワードプレス本体を更新

これまで「ウェブサイトを作る(7)ワードプレスの初期画面と更新」の中で、テーマとプラグインの更新、さらにセキュリティに必須の「ウェブサイトを作る(22):ラグインによる機能拡張・維持管理の大切さ」について投稿した。今回は、本体の更新について...
作り方

ウェブサイトを作る(25):これまで発信した記事を振り返り、アップデートする

初心者のためのブログの始め方講座(【連載その2】WordPressとCocoonでブログをはじめよう!「初期設定編」)にまだまだお世話になります。今回はコメント機能のOFF。WordPressのコメント機能は、1)左のナビゲーション:設定「...