作り方

作り方

ウェブサイトを作る(37):Akismetを設定する

ワードプレスでウェブサイトを作っていく際に欠かせないのがプラグイン。気軽にプラグイン(=WordPressの機能拡張)という言葉を使いまくっていますが、プラグインを使うことで、フォーム作成などサイトの機能を拡張できるだけでなく、デザインをカ...
作り方

ウェブサイトを作る(36):アイキャッチ画像の充実に加えて、今後実施していくこと

これまでSquooshでアイキャッチや記事内に掲載する画像(スクリーンショット)のファイルを朝圧縮してきました:1)伝えたい情報を中心に配置した写真を選ぶ()2)IHEC形式の画像ファイルはJPEG形式に変換する()3)画像サイズの目安を参...
作り方

ウェブサイトを作る(35):縦向きの写真もスクリーンショットもSquooshで圧縮

これまで、iPhoneで撮影した風景画像(生花と海辺)、IHEC形式の画像ファイルをSquooshできない場合にでも、前もってjpg形式としておけば、Squoosh出来てアイキャッチ画像にすることができました。また、これまで横向き(=ランド...
作り方

ウェブサイトを作る(34):IHEC形式の画像ファイルをSquooshできない!

iPhoneで撮影した生花の写真のファイルサイズを小さくしてウェブサイトに載せようとした際、Squooshした写真をアイキャッチ画像にすることで上手く行きました。ところが、カリフォルニアの美しいビーチの朝散歩で撮影した写真を、前回と同様にS...
作り方

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

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

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

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

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

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

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

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

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

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

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

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