まとめ記事レクタングル大TweetPocket気付けば今年も残りあとわずかですね。ほんと、年末は慌ただしくて、用事に追われますけど、一年を静かに振り返るこの時期は清々しい気分になります。今年5月に開設したこのブログも7ヶ月目を迎えました。更新が滞っていますが、ここで過去記事を振り返って次の記事へつなげていければと思います。あなたのコーディングライフの助けに少しでもなれると嬉しいです。Consoleの結果から見て、閲覧が多かった上位10位です。APIを使ってサムネイル画像クリックで再生する方法(レスポンシブ対応)1位:【WordPress】サクッとコーポレートサイトを作成できる!無料テンプレート3選10位:【HTML/CSS/Javascript】レスポンシブ対応可能なモーダルウィンドウを作成する方法まずひとつめ、10位。レスポンシブに対応するモーダルウィンドウの作り方です。モーダルウィンドウがフェードイン、背景が黒くなって、画面の中央に配置する指示をしているJavascriptで、リサイズされる度にモーダルの位置を再計算してくれます。今回はレスポンシブ対応のモーダルウィンドウの作成方法をまとめてみました。jQu...yuri-lifestyle.com9位:【WordPress】あとの手間が省けて便利!固定ページの画像パス・リンクのショートコード化WordPressをローカル・もしくはテストサイトで作成して、最終本サイトへ引っ越しする場合、固定ページのリンク先を修正することになると思います。固定ページの画像パス・リンクをショートコード化しておくと、サイト引っ越し時に固定ページのリンク先を修正しなくて済むので、心配事がひとつ減るのでオススメです。一つ一緒に掲載したWordPressにログインしているときに出るあの上部の黒いメニューバーを消すコードは、Chromeのデベロッパーツールでレスポンシブした状態をチェックする時に、ハンバーガーメニューの動きのチェックができない・・という状況になったので、調べてこのコードを使うようになりました。【WordPress】あとの手間が省けて便利!固定ページの画像パス・リンクのショートコード化WordPressでは固定ページの画像パスや別ページへのリンク先はフルパスで書く必要があります。加えてCSV集計も付いています。7」と少し異なるので、まとめてみました。Migrationで別サーバーへ引越しをしている時、途中で止まってしまった時の対処方法をまとめました。DCでPDFをテキスト認識できない時の対処法(OCR)この記事は最近、検索されるようになってきました。テキスト認識しないPDFってほんと悲しいですけど、ほんの一手間でテキスト認識できる場合があります。一度是非お試しください。DCでPDFをテキスト認識できない時の対処法(OCR)スキャンデータや画像から文字を読み取りテキストに変換するOCRという技術がありますが、AdobeのAcroba...yuri-lifestyle.com5位:【HTML/CSS】CSS横並び指定はflexで!calc関数とnth-childで余白調整が便利!昨年の年末に私はこのdisplay:flexを使い始めたのですが、今年はこれでもか!っていうくらい、このコードにお世話になりました。floatやinline-blockに比べると、シンプルなコードで横並びが可能な上に、calc関数の便利さが半端ないです...このコードのおかげでコーディングが原因で起こる肩こりと心配事が減りました!【HTML/CSS】CSS横並び指定はflexで!calc関数とnth-childで余白調整が便利!要素を等間隔で横並びにすることってWEBコーディングで絶対に出てきますよね。横並びの方法はfloat・inl...yuri-lifestyle.com4位:【WordPress】OnePressテーマ活用方法まとめWordPressのOnePressテーマを使ってWEBサイトを作成・カスタマイズする方法を3記事に渡って書きました。セクションによっては、カスタムする方法にクセがあるテーマだったので、各セクション毎にカスタマイズ方法をまとめています。子テーマのfunctionsを入力すると新しいセクションを追加できたり、セクションの表示順番を入れ替えたりと、自由度が増しますよ。最近、配布されているWordPressテーマをカスタマイズしてコーポレートサイトを作成することが増えてきたので...yuri-lifestyle.com【WordPress】OnePressテーマ活用方法まとめ2-カスタマイズ編WordPressのOnePressテーマのカスタマイズ方法をまとめました。前回は主に外観>カスタマイズで開くカスタマイズ画面での編集を行いました。OnePressはカスタマイズ画面で...yuri-lifestyle.com3位:【HTML/CSS/Javascript】Facebook埋め込み・レスポンシブ対応FacebookのタイムラインはWebサイトに埋め込むと横幅が読み込み時に固定されます。そのためレスポンシブ対応させるには、ウィンドウリサイズ後にリロードして可変に対応させる必要があります。【HTML/CSS/Javascript】Facebook埋め込み・レスポンシブ対応FacebookのタイムラインはWebサイトに埋め込むと横幅が読み込み時に固定されます。APIを使ってサムネイル画像クリックで再生する方法(レスポンシブ対応)YouTubeを埋め込む場合、レスポンシブ対応させるには高さをpaddingのパーセンテージで指定しておく必要があります。APIを使った方法で作成しました。無料で利用できるWordPressテーマで、コーポレートサイトに利用しやすいLightning、Sydney、Cocoonについて特徴をまとめました。SydneyとOnePressは見た目が似ていますが、SydneyにElementを入れて更新するほうが、断然更新しやすくて個人的にはオススメです。予算の少ない案件でテンプレートからサイトを作成したとき、特に便利で使いやすいなと思ったテンプレートが以下の3つ...yuri-lifestyle.comまとめこうやって振り返ると、WordPressのテーマを利用してコーポレートサイトをサクッと作成したい、という需要が多いように感じました。低予算・短期間でテーマを使って気軽にWEBサイトを作成したい方の助けになるような記事や、ちょっとしたコーディングのコツみたいなものを、来年も提供していけたらと思っています。来年も、どこかで記事が誰かの役に立てば幸いです。そのときは、またどうぞよろしくお願いいたします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。検索:プロフィールこのサイトを運営しているユリです。WordPressのコードを書いています。詳しくはこちら他にコスメなどの情報をまとめた「ユリブログ2」も始めました。ご感想やご意見は、お気軽にお問い合わせフォームまでどうぞ。