#affinger

[gutachter]

Neues Quartier mit Seniorenheim: Welche Folgen ergeben sich für Iglbach?

Affing: „…Die Pläne eines Investors für die Nutzungsbrache auf dem ehemaligen Schlossgut-Gelände Iglhof werfen Fragen bei den Anwohnern auf. So geht es weiter. Das Schlossgut Iglhof am Affinger Ortseingang ist aktuell eine Nutzungsbrache, auf der lediglich noch das frühere Hauptgebäude steht. Es ist denkmalgeschützt, aber vom Verfall bedroht. Ein Investor plant auf dem 12.500 Quadratmeter großen…

[xbee]

さよならLuxeritus、こんにちはAffinger

xbeeing.com

[genrecrossover]

「ACTION（AFFINGER6）」レビュー：SEO対策と収益化に最適なWordPressテーマ

WordPressは、世界中のウェブサイト制作に広く使われているCMS（コンテンツ管理システム）です。そのWordPressで使えるテーマの中でも、「収益化」を目的としたブログやサイトを作りたい方に特化したテーマが「ACTION（AFFINGER6）」です。このテーマは、SEOやアフィリエイトに関する細かな設定、豊富な記事作成パーツなどが特徴で、最適化に重点を置いています。   「稼ぐ」に特化したWordPressテーマ 「AFFINGER」の最大の特徴は、その最適化能力にあります。本当に効果のあるサイトや記事は、ターゲットに刺さるように「尖っています」。その尖らせるためには、必要なものを足し、不要なものは削除して徹底的に最適化できるカスタマイズ機能が不可欠です。テーマを適応するだけで誰でも「なんとなくオシャレ。なんとなく綺麗。」になる。そんなテーマでも、一定の効果を見込めることは出来る…

[tetsublog]

『Tetsu blog』ではブログ・アフィリエイト・副業転職に関する情報を発信しています。将来や収入が不安な方はぜひご覧ください。ブログに関するお悩み相談受付中です！

[zakio0127]

アフィンガー５のプロフィール作成方法を画像８枚で解説【５分で完了】

[3182g-blog1]

Wordpressブログ始めました。

僕のブログの紹介です。

Lifeものくろーむ

白黒な毎日にあなただけのカラーを。

人生ってあらゆる退屈とストレスが溢れていますよね。 そんな人生をより豊かに楽しくするための情報を発信しています。

また、デザインと動画編集でフリーランスとして活動するため、 その経験とノウハウを発信しています。

結構おしゃれなサイトにしたつもり… 白黒×ピンクというイメージカラーです。

お待ちしてます。

＼Check it !／

Lifeものくろーむ

[foxofmofday]

ブログのテンプレートにAffinger4を導入してみたよ

いつもStingerにお世話になっているので、作者様の支援の意味も込めてAffinger4を買ってみました。こんにちは、タチやん(@mofday)です。

なんか時々ツイートしてる『Stinger』『Affinger』ってなによ？

『Stinger』はSEO対策やアクセスが増えるTipsをふんだんに詰め込んだWordpressのテンプレートで、現在(2017.3.15時点)では8がフリーで公開されています。 シンプルでレスポンシブ対応もしており、ぼくの運営している同人音楽ニュース投稿サイトではこちら＋オリジナル子テーマの『8beat style』を利用させてもらってます。 『Stinger』 『8beat style』 『Affinger』

Affingerは、そのStingerをよりアフィリエイトに特化させたと謳っているテンプレートです。そういう謳い文句ではありますが、通常のホームページ用テー…

[gutachter]

Fassaden-Schaden am Kinderhaus: Das Ärgernis hält an in Affing

Affing: „…Im Sommer vor fünf Jahren wurde ein Schaden der Fassade des erst fünf Jahre alten Affinger Kinderhauses entdeckt. Seither wird um die Ursache ebenso gestritten wie um die Beseitigung des Schadens. Die Gemeinde ließ die Fassade über Jahre unangetastet, um das Verfahren zur Sicherung der Beweise nicht zu gefährden. Damit nicht noch ein höherer Schaden entsteht, wurde die fragliche…

[u8puuuuuuuuuuuu]

ブログに埋め込んだYoutube動画が「この動画は再生できません。」となった場合のリカバリー方法

ブログに埋め込んだYoutube動画が見直してみると、「この動画は再生できません。」になってしまう場合があります。 この場合、youtubeタグを使うときちんと表示される可能性があります。 #Affingerテーマを使っているブロガー向け

おはこんばんにちは、ゆーや＠ブロガーです。 最近、ブログに埋め込んでいたYoutubeの動画が閲覧できない状況になることが多く、これを見かけた際にちょっと困ってました。 今回は、この場合の対処方法がわかったので、ご紹介したいと思います。 こんな方におすすめ ブログにYoutube動画を埋め込んでいる方 ブログのテーマにAffingerを使われている方 ブログに埋め込んだYoutube動画が「この動画は再生できません。」となる状況とは？ まず、当方がブログにYoutubeを埋め込んでいた方法からお伝えします。やり方としては、ブログに埋め込みたいYoutube動画上で右クリックして「＜＞埋め込みコードをコピー」して、テキストモードにして貼り付けです。（Gutenbergではなくクラシックモードで実施しています） で、こうすること��、問題なく動画が埋め込めるんですが、過去に投稿した記事…

[tetsublog]

This is my blog.

I want to be bigger blogger and please follow me.

[wingfield-since1995]

AFFINGER7 WING テーマにアップデート

サイトの WordPress テーマを AFFINGER7 WING にアップデートしました。#AFFINGER

当サイトの WordPress テンプレートを STINGER7 から AFFINGER5 WING にアップデートしました。

見た目の変化はあまりないのですが、サイトがより SEO 最適化されました���きっと）。

Google PageSpeed Insights でテストすると、モバイル、PC 共に 70点以上出ていてそこそこの結果が得られています。ただし、この結果はブログ トップ ページでの場合です。トップ ページは独自に作っているのでパフォーマンスは悪いです。

デザインは旧来のものを踏襲したかったので、極力サイト管理画面だけでレイアウトを組みたかったけど、やはり細かいところは子テーマの PHP ファイルをカスタマイズする必要があって終末を使い込んでしまいました。どうしてもホームページ（サイトのトップ）と投稿ページ（ブログの一覧）を別に用意したいのですが、STINGER や…

[413-request-entity-too-large]

見出し固定、さらにスクロールヒントを表示させるテーブルをコピペで作る | ぽんひろ.com

ブログやWebサイトに必要不可欠なテーブル！

データをまとめる時などに使いますがデータ量が多いとまぁ入りきらないですよね。

パソコンで見たときは入っていてもスマホで見るとぐちゃぁと崩れてることもしばしば。

そんな時の対処法は「横スクロールを可能にして見えないところは隠す」がメジャーかと思います。

今回はそれの発展バージョンです。デモはこちら！

特徴をまとめると以下の通りです。

スクロールヒントは指のやつです。スクロールできるかどうか一発でわかりますね！

注意点としてはInternetExplorerでは見出し固定がされません。InternetExplorerのシェアは10%強ですがPCユーザーが多いサイト以外はそんな気にする必要ないと思います。

コピペで簡単にできるようになってるのでテーブルに困ってる方はぜひやってみてください。

この記事はWordPressユーザー向けに書いています。

見出し固定、かつスクロールヒントを表示させるテーブル

手順は以下の通りです。

手順

STEP1

CSSコピペ

style.cssにコードをコピペ

STEP2

function.phpコピペ

スクロールヒント使いたい人限定

STEP3

HTMLコピペ

投稿画面でHTMLコピペ

STEP1：CSSをコピペ

下記CSSをコピペしていきます。

メモ

「外観→テーマエディター→style.css(子テーマ)」。もしくは、「外観→カスタマイズ→追加CSS」に貼り付けてください。

CSSが反映されない場合はスーパーリロード(Ctrl+F5orShift+F5)してください。

右上に出てくるマークを押すとコピペしやすいです

/************************************ ** 横長テーブル ************************************/ .p-sticky-table{ white-space: nowrap; line-height:1.6; } .p-sticky-table table{ border:none; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom: 1px solid #dedede; border-collapse: collapse; word-break: break-all; table-layout: fixed; display:block; overflow:scroll; } .p-sticky-table th{ background:#f0f9ff !important; /* 見出し背景色 */ color: #666;/* 見出し文字色 */ font-weight: 500 !important;/* 見出し文字太さ */ font-size:13px !important; /* 見出し文字サイ�� */ } .p-sticky-table td{ font-size: 13px !important; /* 文字サイズ */ color:#555; /* 文字色 */ } .p-sticky-table thead th:first-child,.p-sticky-table tbody th:first-child{ position: -webkit-sticky; position: sticky; left: 0; z-index: 1; border:none; } .p-sticky-table tr{ border-top:1px solid #dedede; border-bottom:none !important; } .p-sticky-table tr:last-child{ border-bottom:1px solid #dedede; } .p-sticky-table th, .p-sticky-table td { vertical-align:middle !important; border: none !important; background:#fff; text-align:center; padding:12px !important; } .p-sticky-table img{ margin:0; padding:0; max-width:70px !important; /* 画像最大サイズ */ } /* スマホ */ @media screen and (max-width: 560px) { .p-sticky-table th{ font-size:11px !important; /* スマホ見出し文字サイズ */ } .p-sticky-table td{ font-size: 11px !important; /* スマホ文字サイズ */ } .p-sticky-table thead th:first-child,.p-sticky-table tbody th:first-child{ white-space:normal; min-width:80px; /* スマホ見出し横幅 */ } .p-sticky-table th, .p-sticky-table td { padding:8px !important; } .p-sticky-table img{ max-width:50px !important; /* スマホ画像最大サイズ */ } }

色や大きさを変更したい場合はコメントに書いてある通りに数値やカラーコードを変更してください。(!importantは残してね)

STEP2：function.phpにコードコピペ

スクロールヒントを表示させたい人限定です。アップルップルのライブラリを使って表示させます。

下記コードを子テーマのfunction.phpにコピペしてください。

必ず手元に編集前のfunction.phpを残しておくこと！ アップ後サイトに繋がらなくなったらすぐに戻してね！

右上に出てくるマークを押すとコピペしやすいです

function p_table_func() { echo <<< EOM <link rel="stylesheet" href="https://unpkg.com/scroll-hint@1.1.10/css/scroll-hint.css"> <script src="https://unpkg.com/scroll-hint@1.1.10/js/scroll-hint.js"></script> <script> window.addEventListener('DOMContentLoaded', function(){ new ScrollHint('.js-scrollable', { remainingTime: 3000, i18n: { scrollable: 'スクロールできます' } }); }); </script> EOM; } add_action( 'wp_footer', 'p_table_func' );

「remainingTime: 3000」は自動で非表示になる時間です。スクロールするまで常時表示させておきたい人は消してください。デモはわかりやすいように消してあります。

「スクロールできます」は表示される文章です。好きに変更して大丈夫です！

ちなみに指の背景色を白に変えるには「remainingTime: 3000,」の下に

scrollHintIconAppendClass: 'scroll-hint-icon-white',

を入れればOK！

STEP3：HTMLをコピペ、入力

ここまでで準備は整ったのであとは投稿画面でHTMLを入力するのみです。

AddQuicktagなどに登録しておくといつでも使えます。

下記コードを投稿画面にコピペし、コンテンツを入力します。

<div class="p-sticky-table"> <table class="js-scrollable"> <thead> <tr> <th>上部見出し</th> <th>上部見出し</th> <th>上部見出し</th> <th>上部見出し</th> <th>上部見出し</th> <th>上部見出し</th> <th>上部見出し</th> </tr> </thead> <tbody> <tr> <th>1行目:見出し</th> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> </tr> <tr> <th>2行目:見出し</th> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> </tr> <tr> <th>3行目:見出し</th> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> </tr> </tbody> </table> </div>

行を増やす：<tr> ~ </tr>をコピー 行を減らす：<tr> ~ </tr>を削除 列を増やす：それぞれ1行ずつ追加 列を減らす：それぞれ1行ずつ削除

上部見出しが必要ない場合：

<div class="p-sticky-table"> <table class="js-scrollable"> <tbody> <tr> <th>1行目:見出し</th> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> <td>1行目:ここにテキストor画像</td> </tr> <tr> <th>2行目:見出し</th> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> <td>2行目:ここにテキストor画像</td> </tr> <tr> <th>3行目:見出し</th> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> <td>3行目:ここにテキストor画像</td> </tr> </tbody> </table> </div>

HTML入力のポイント

コンテンツの文章が長くなる場合は改行を入れて調整してください。改行を入れないと横長になります。

導入済みのブログ、サイトを紹介させてください

「この記事を見て導入したよ！」という方でSNSやブログでこの記事を紹介していただいた場合(ココ大事！)、こちらでブログやサイトを紹介させていただきます！

その際テーブルを使っている記事を教えてください。長いタイトルは少し省略させていただきます！

増えすぎたら締め切ります。ご連絡お待ちしております！

他にもコピペカスタマイズやってます

他にもコピペでできるカスタマイズをやっているので良かったらご覧ください。

あわせて読むコピペでできるブログカスタマイズまとめ

コピペでできるブログカスタマイズまとめ【HTML&CSS】

ブロガー、アフィリエイターに役立つブログやサイトのカスタマイズをまとめていきます。HTML、CSSがわからなくてもコピペ可！WordPress(Cocoon、JIN、SANGO、Affingerなど)、はてなブログなど一部機能を除けば誰でも利用可能です。