|
|
| (8 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
|
| |
| Loading older messages…
| |
| lets finish vehicle stuff first
| |
| Let's finish the Vehicles & Equipment section before moving on to the rest of the Out of Ore Wiki.
| |
|
| |
| We'll keep it simple, consistent and easy to maintain.
| |
|
| |
| Final vehicle structure
| |
| Vehicles & Equipment
| |
|
| |
| Category cards for Rock Trucks, Excavators, Loaders, etc.
| |
|
| |
| V2-CategoryPage
| |
|
| |
| Rock Trucks / Excavators / Loaders
| |
|
| |
| Compact vehicle lists with links to individual pages
| |
|
| |
| Individual Vehicle
| |
|
| |
| Banner, page navigation, description, infobox and gallery
| |
|
| |
| V2-VehicleDetails
| |
|
| |
| What we still need to finish
| |
| Vehicle main category
| |
|
| |
| Already built with V2-CategoryPage.
| |
|
| |
| Vehicle details template
| |
|
| |
| Banner, overview, infobox and navigation are implemented. We still need to verify the final appearance.
| |
|
| |
| Vehicle subcategory pages
| |
|
| |
| Create a compact, organized list for each vehicle category, without individual cards.
| |
|
| |
| Vehicle navigation
| |
|
| |
| Connect individual vehicle pages to their correct category and make navigation consistent.
| |
|
| |
| Vehicle comparison
| |
|
| |
| Add a simple comparison option after the category listings are working.
| |
|
| |
| Next: Vehicle subcategory pages
| |
| I'd create Template:V2-VehicleCategory for Rock Trucks, Excavators, Loaders and other vehicle groups.
| |
|
| |
| It would reuse our existing banner and sidebar, but display a clean list of vehicle names instead of category cards.
| |
|
| |
| This way, you only maintain three vehicle templates:
| |
|
| |
| V2-CategoryPage for the main directory.
| |
|
| |
| V2-VehicleCategory for lists of vehicles.
| |
|
| |
| V2-VehicleDetails for individual machines.
| |
|
| |
| We can build V2-VehicleCategory next, then connect everything together.
| |
|
| |
| next step please
| |
| Next, we'll create Template:V2-VehicleCategory.
| |
|
| |
| This will be used for Rock Trucks, Excavators, Loaders, Dozers, Graders, and other vehicle categories.
| |
|
| |
| We'll keep your existing banner and sidebar, but replace the large category cards with a compact list of vehicles.
| |
|
| |
| 1. Create the template
| |
| Create Template:V2-VehicleCategory
| |
|
| |
| Paste this entire code:
| |
|
| |
|
| |
| <includeonly>{{V2-PageLayout
| |
| |active=vehicles
| |
| |content=
| |
| {{OOO-Hero
| |
| |image={{{image|Main_Banner_1.png}}}
| |
| |eyebrow=VEHICLES & EQUIPMENT
| |
| |title={{{title|Vehicle Category}}}
| |
| |description={{{description|}}}
| |
| |link=Vehicles
| |
| |button=All vehicle categories
| |
| }}
| |
|
| |
| <div class="ooo-v2-vehicle-category-intro">
| |
| {{{intro|}}}
| |
| </div>
| |
|
| |
| {{V2-Section
| |
| |title=AVAILABLE VEHICLES
| |
| |subtitle={{{subtitle|Browse vehicles in this category}}}
| |
| }}
| |
|
| |
| <div class="ooo-v2-vehicle-list">
| |
| {{{vehicles|}}}
| |
| </div>
| |
|
| |
| <div class="ooo-v2-bottom">
| |
| [[Vehicles|← All vehicle categories]] •
| |
| [[Main Page|Wiki homepage]]
| |
| </div>
| |
| }}</includeonly><noinclude>
| |
| Reusable V2 vehicle category page.
| |
|
| |
| Usage:
| |
| <pre>
| |
| {{V2-VehicleCategory
| |
| |title=Rock Trucks
| |
| |image=Main_Banner_1.png
| |
| |description=Browse rock trucks available in Out of Ore.
| |
| |intro=Rock trucks are used to transport mined materials.
| |
| |vehicles=
| |
| * [[Example Rock Truck 01]]
| |
| * [[Example Rock Truck 02]]
| |
| * [[Example Rock Truck 03]]
| |
| }}
| |
| </pre>
| |
| </noinclude>
| |
|
| |
| 2. Add CSS
| |
| Open MediaWiki:Common.css and add:
| |
|
| |
|
| |
| /* ==========================================
| |
| V2 VEHICLE CATEGORY
| |
| ========================================== */
| |
|
| |
| .ooo-v2-vehicle-category-intro {
| |
| margin: 20px 0 28px;
| |
| line-height: 1.7;
| |
| }
| |
|
| |
| .ooo-v2-vehicle-list {
| |
| background: #202124;
| |
| border: 1px solid #3c3f42;
| |
| border-radius: 8px;
| |
| padding: 10px 20px;
| |
| }
| |
|
| |
| .ooo-v2-vehicle-list ul {
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| .ooo-v2-vehicle-list li {
| |
| margin: 0;
| |
| padding: 12px 8px;
| |
| border-bottom: 1px solid #383838;
| |
| }
| |
|
| |
| .ooo-v2-vehicle-list li:last-child {
| |
| border-bottom: none;
| |
| }
| |
|
| |
| .ooo-v2-vehicle-list li a {
| |
| color: #eeeeee !important;
| |
| text-decoration: none !important;
| |
| font-weight: 500;
| |
| }
| |
|
| |
| .ooo-v2-vehicle-list li a:hover {
| |
| color: #e5b62e !important;
| |
| }
| |
|
| |
| 3. Test a Rock Trucks category page
| |
| Create or edit a sandbox page:
| |
|
| |
| User:Tattecko/RockTrucksSandbox
| |
|
| |
| Paste:
| |
|
| |
|
| |
| __NOTOC__
| |
| {{V2-VehicleCategory
| |
| |title=Rock Trucks
| |
| |image=Main_Banner_1.png
| |
| |description=Browse rock trucks available in Out of Ore.
| |
|
| |
| |intro=
| |
| Rock trucks are designed to transport mined materials around the mining site.
| |
|
| |
| |vehicles=
| |
| * [[Example Rock Truck 01]]
| |
| * [[Example Rock Truck 02]]
| |
| * [[Example Rock Truck 03]]
| |
| * [[Example Rock Truck 04]]
| |
| * [[Example Rock Truck 05]]
| |
| }}
| |
| These vehicle names are placeholders.
| |
|
| |
| Expected result
| |
| The page should display:
| |
|
| |
| Your existing hero banner.
| |
|
| |
| A short category description.
| |
|
| |
| A compact list of vehicle names linking to individual vehicle pages.
| |
|
| |
| Navigation back to the main Vehicles directory.
| |
|
| |
| One important detail: The list is currently maintained manually. That keeps it simple and avoids needing additional extensions or JavaScript.
| |
|
| |
| Once this works, we'll connect the vehicle category and vehicle details pages with proper navigation.
| |
|
| |
| ok, next
| |
| Next, let's connect the vehicle category pages to individual vehicle pages so navigation works properly throughout the wiki.
| |
|
| |
| We won't create any new templates for this step. We'll update the existing V2-VehicleDetails.
| |
|
| |
| 1. Update the vehicle details navigation
| |
| Currently, every vehicle page has a button labeled All vehicles, which always links to Vehicles.
| |
|
| |
| Instead, it should link back to the vehicle's actual category.
| |
|
| |
| For example:
| |
|
| |
| Vehicles & Equipment → Rock Trucks → Rock Truck 01
| |
|
| |
| Open Template:V2-VehicleDetails.
| |
|
| |
| Find this section:
| |
|
| |
| |link=Vehicles
| |
| |button=All vehicles
| |
| Replace it with:
| |
|
| |
|
| |
| |link={{{categorypage|Vehicles}}}
| |
| |button=Back to {{{category|Vehicles}}}
| |
| 2. Update the bottom navigation
| |
| Find:
| |
|
| |
| <div class="ooo-v2-bottom">
| |
| [[Vehicles|← All vehicles]] •
| |
| [[Main Page|Wiki homepage]]
| |
| </div>
| |
| Replace it with:
| |
|
| |
|
| |
| <div class="ooo-v2-bottom">
| |
| [[Vehicles|Vehicles & Equipment]]
| |
| ›
| |
| [[{{{categorypage|Vehicles}}}|{{{category|Vehicles}}}]]
| |
| ›
| |
| {{{name|Vehicle Name}}}
| |
| </div>
| |
|
| |
| This gives each vehicle page a simple breadcrumb trail.
| |
|
| |
| 3. Update individual vehicle pages
| |
| For example, a rock truck page would use:
| |
|
| |
|
| |
| {{V2-VehicleDetails
| |
| |name=Rock Truck 01
| |
| |category=Rock Trucks
| |
| |categorypage=Rock Trucks
| |
| |image=Main_Banner_1.png
| |
| |description=Heavy mining truck.
| |
|
| |
| |price=$250,000
| |
| |unlocklevel=12
| |
| |weight=25,000 kg
| |
| |power=500 HP
| |
| |capacity=20,000 L
| |
|
| |
| |overview=
| |
| Vehicle description goes here.
| |
|
| |
| |controls=
| |
| Vehicle controls go here.
| |
| }}
| |
| Example vehicle and specification values are placeholders.
| |
| The important new parameter is:
| |
|
| |
| |categorypage=Rock Trucks
| |
|
| |
| You can use the same template for all vehicle categories:
| |
|
| |
| Vehicle category
| |
|
| |
| categorypage value
| |
|
| |
| Rock Trucks
| |
|
| |
| Rock Trucks
| |
|
| |
| Excavators
| |
|
| |
| Excavators
| |
|
| |
| Loaders
| |
|
| |
| Loaders
| |
|
| |
| Dozers
| |
|
| |
| Dozers
| |
|
| |
| Graders
| |
|
| |
| Graders
| |
|
| |
| 4. Add MediaWiki categories
| |
| At the bottom of each individual vehicle page, outside the V2-VehicleDetails template, add:
| |
|
| |
| [[Category:Vehicles]]
| |
| [[Category:Rock Trucks]]
| |
| Change the second category for other vehicle types.
| |
|
| |
| This also lets MediaWiki organize vehicle pages automatically, independently of our custom visual layouts.
| |
|
| |
| Once you've updated and tested one vehicle page, the navigation between Vehicles → Vehicle Category → Vehicle Details will be in place.
| |
|
| |
| After that, we can finish the vehicle section by adding a simple comparison feature without making the wiki unnecessarily complicated.
| |
|
| |
| so how can i prewiew this
| |
| You can preview the complete vehicle page directly in your MediaWiki sandbox, without publishing it as a normal wiki page.
| |
|
| |
| 1. Open your test page
| |
| Open VehicleTest
| |
|
| |
| 2. Paste this example
| |
|
| |
|
| __NOTOC__ | | __NOTOC__ |
| Line 332: |
Line 6: |
| |categorypage=User:Tattecko/RockTrucksSandbox | | |categorypage=User:Tattecko/RockTrucksSandbox |
| |image=Main_Banner_1.png | | |image=Main_Banner_1.png |
| |description=Heavy mining truck designed for transporting materials. | | |description=Heavy mining truck designed for transporting materials and other stuff. |
|
| |
|
| |manufacturer=Example Manufacturer | | |manufacturer=IDK |
| |price=$250,000 | | |price=$250,000444 |
| |unlocklevel=12 | | |unlocklevel=1345 |
| |weight=25,000 kg | | |weight=25,000 kg |
| |power=500 HP | | |power=500 HP |
| Line 347: |
Line 21: |
|
| |
|
| Rock trucks are used to transport large amounts of material around mining sites. | | Rock trucks are used to transport large amounts of material around mining sites. |
| | |
|
| |
|
| |controls= | | |controls= |
| Vehicle controls and operating instructions will appear here.
| | {{V2-VehicleControls |
| | | |description=Basic operating instructions for this vehicle. |
| |notes= | | |driving= |
| Additional information about the vehicle.
| | * Enter the vehicle. |
| | * Start the engine. |
| | * Accelerate and steer. |
| | * Apply the brakes to stop. |
| | |operation= |
| | * Raise the dump bed. |
| | * Lower the dump bed. |
| | |tips= |
| | * Avoid overloading the vehicle. |
| | * Use caution on steep terrain. |
| }} | | }} |
| All vehicle details and specifications above are placeholders for testing the layout.
| |
|
| |
|
| 3. Click Show preview
| |
| At the bottom of the MediaWiki editor, click Show preview.
| |
|
| |
|
| You should see the complete page with the banner, navigation, description, infobox and bottom breadcrumb links.
| | |attachments= |
| | {{V2-VehicleAttachment |
| | |name=Example Attachment 01 |
| | |page=Example Attachment 01 |
| | |image=Main_Banner_1.png |
| | |description=An example attachment used to test the vehicle attachment layout. |
| | |compatibility=Rock Truck 01 |
| | }} |
|
| |
|
| 4. Test the category navigation
| | {{V2-VehicleAttachment |
| Once you save both sandbox pages, you can navigate between them:
| | |name=Example Attachment 02 |
| | |page=Example Attachment 02 |
| | |image=Main_Banner_1.png |
| | |description=Another example attachment with a longer description to test how the card handles additional information. |
| | }} |
|
| |
|
| Rock Trucks Category
| |
|
| |
|
| User:Tattecko/RockTrucksSandbox
| | |notes= |
| | Additional information about the vehicle. |
|
| |
|
| Rock Truck 01 Details
| | }} |
| | |
| User:Tattecko/VehicleTest
| |
| | |
| To make the category link open your test vehicle, edit RockTrucksSandbox and change one vehicle list entry to:
| |
| | |
| * [[User:Tattecko/VehicleTest|Rock Truck 01]]
| |
| Then save both pages and test the links.
| |
| | |
| Note: The test page's categorypage points to your sandbox. When you create the real vehicle page, change it to Rock Trucks.
| |
